横浜ストリーム × 上野研究室 アドバンスト講座
WordPressとTwitterの連携
株式会社コミュニティコム
星野 邦敏〒115-0045
東京都北区赤羽1-59-9 ネスト赤羽201
URL： http://www.communitycom.jp/
E-MAIL： mail@communitycom.jp
1

WordPressとTwitterの連携
目次

０． 自己紹介
１． TwitterのAPIについて
２． WordPress→Twitter
３． Twitter→WordPress
４． WordPress＆Twitter WEBサービス
2

WordPressとTwitterの連携
目次

０． 自己紹介
１． TwitterのAPIについて
２． WordPress→Twitter
３． Twitter→WordPress
４． WordPress＆Twitter WEBサービス
3

WordPressとTwitterの連携
自己紹介
星野 邦敏(ほしの くにとし)
Twitter ： @khoshino
株式会社コミュニティコムという会社で、自社運営サイトや他企業様のWebサイトやアプリを作っています。
オープンソースの活動をしたり、IT系の勉強会を主催したり、地域の活動をしたり。
WordPressをCMSとしてWebサイトを作ることが増えています。

4

WordPressとTwitterの連携
自己紹介
WordCamp京都・横浜・名古屋など、スタッフとして関わりました。
その他、WordPress地域コミュニティWordBenchに参加したり、OSCにWordPressのブース出展する等、関わっています。

5

WordPressとTwitterの連携
自己紹介
WordCamp京都では、WordPressのコミュニティ活動についてのライトニングトークを、WordCamp名古屋では、「WordPressファーストステップ」という４５分のセッションを、担当しました。
（WordCamp名古屋にて、杉本さん撮影）

WordPressを使ってみよう！インストールの仕方、最初の記事投稿、テーマとプラグインの追加、オリジナルテーマの作り方など、初心者向けセッション。
6

WordPressとTwitterの連携
自己紹介
WordPress日本語サイトの「イベントカレンダー」を更新する係。
もし掲載されていないWP関係のイベントや勉強会があれば、Twitter経由などで、お知らせください！

ココ7

WordPressとTwitterの連携
はじめに今回のゴール・Twitterに限らず、「API」があるから、外部と連携が簡単にできることを知る。
・WordPressとTwitterの連携の方法を知る。
（今回は技術寄りの講習会ではないので、プラグインで実現させる方法を紹介。）
・実際にやってみる！
（今回はワークショップも含むとのことなので。）
8

WordPressとTwitterの連携
目次

０． 自己紹介
１． TwitterのAPIについて
２． WordPress→Twitter
３． Twitter→WordPress
４． WordPress＆Twitter WEBサービス
9WordPressとTwitterの連携
TwitterのAPIについて

まずAPIとは？
APIとは、Application Programming Interfaceの略です。
API（アプリケーション・プログラミング・インタフェース、Application Programming Interface）とは、アプリケーションから利用できる、オペレーティングシステムやプログラミング言語で用意されたライブラリなどの機能の入り口と なるものである。主に、ファイル制御、ウインドウ制御、画像処理、文字制御などのための関数として提供されることが多い。
つまり、簡単にいえば、アプリケーションをプログラムするにあたって、プログラムの手間を省くため、もっと簡潔にプログラムできるように設定されたインターフェースの事である。
（Wikipediaより）10

WordPressとTwitterの連携
TwitterのAPIについて

要は、そのWEBサービスにあるデータを、自由に使えると言うこと。

11

WordPressとTwitterの連携
TwitterのAPIについて

Twitterは、ほぼ全てのデータがAPIとして使える。
＜WEB制作者のメリット＞
他社の膨大なデータベースや機能を、無料で利用できるため、Webサイトの開発コストを大幅に削減でき、効率的に制作できる。
＜API提供会社のメリット＞
自社のみでは考え付かないようなWEBサービス等を、外部の誰かが作ってくれるため、結果として、自社サービスの利用者が増えることが期待できる。
12

WordPressとTwitterの連携
TwitterのAPIについて＜APIのイメージ＞

Twitter （その他にも、Amazon、Google、Yahoo、楽天なども、APIを公開している。）

蓄積されている膨大なデータを、無料で、APIとして公開データを世の中に広めるAさん制作サイト

Bさん制作サイト

Cさん制作サイト

ユーザー

ユーザー

ユーザー
13

WordPressとTwitterの連携
TwitterのAPIについて＜Twitterと連携したWEBサービスの日本での事例＞

Twitterのログが残せる

Twitterのお気に入りの多さが分かる

Twitterでイベント参加・不参加を募れる

Twitterのまとめができる

14

WordPressとTwitterの連携
TwitterのAPIについて

Twitterと連携するには、「OAuth」が必須になった。（2010年8月～）「Oauth（オーオース）」とは、セキュアなAPI認可の標準的手段。

これによって、WEB制作者が、Twitterユーザーの個人情報を持たない（持てない）ので、WEB制作者にとってもユーザーにとっても安心。
15

WordPressとTwitterの連携
実演＆ワークショップ

さて、概要はここまで。
ここからは、実演＆ワークショップです。
一緒に取り組んでみましょう！
16

WordPressとTwitterの連携
目次

０． 自己紹介
１． TwitterのAPIについて
２． WordPress→Twitter
３． Twitter→WordPress
４． WordPress＆Twitter WEBサービス
17

WordPressとTwitterの連携
WordPress→Twitter

WordPressを投稿すると、Twitterに自動でつぶやくようにする。

「Tweetable」プラグイン
http://1.wp6.jp/

18

WordPressとTwitterの連携
目次

０． 自己紹介
１． TwitterのAPIについて
２． WordPress→Twitter
３． Twitter→WordPress
４． WordPress＆Twitter WEBサービス
19WordPressとTwitterの連携
WordPress→Twitter

Twitterのつぶやきを、WordPressに投稿（post）する。

「Twitter tools」プラグイン「P2」テーマ
http://wp6.jp/twitter3/20

WordPressとTwitterの連携
目次

０． 自己紹介
１． TwitterのAPIについて
２． WordPress→Twitter
３． Twitter→WordPress
４． WordPress＆Twitter WEBサービス
21

WordPressとTwitterの連携
WordPress→Twitter

WordPressの投稿記事に、その記事に言及したTwitterのつぶやきをコメントのように表示する。

「Feedback Champuru」
プラグイン
http://wp6.jp/twitter2/
22

WordPressとTwitterの連携
WordPress→Twitter

Twitterのアカウントのまま、WordPressにログイン登録をさせて、画像を投稿して、ギャラリーのように写真を表示する。

「Twitter ジョイントマネージャー」
プラグイン
http://wp6.jp/twitter1/23

WordPressとTwitterの連携
最後にスライド配布予定
本日のスライドは後日配付する予定です。
http://wp3.jp/
ありがとうございました！

24