19
1 株式会社コミュニティコム 115-0045 東京都北区赤羽1-59-9 ネスト赤羽201 URLhttp://www.communitycom.jp/ E-MAIL[email protected] 星野 邦敏 WordPress講習(5)

株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

1

株式会社コミュニティコム

〒115-0045東京都北区赤羽1-59-9 ネスト赤羽201URL:

http://www.communitycom.jp/

E-MAIL:

[email protected]

星野 邦敏

WordPress講習(5)

Page 2: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

2

WordPress講習

目次

Twitter連携サービスを作ってみる

5コマ目

Page 3: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

3

今回のゴール

・Twitterに限らず、「API」があるから、外部と連携が

簡単にできることを知る。

・WordPressとTwitterの連携の方法を知る。

(今回は技術寄りの講習会ではないので、

プラグインで実現させる方法を紹介。)

・実際にやってみる!

WordPressとTwitterの連携

はじめに

Page 4: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

4

WordPressとTwitterの連携

目次

1.

TwitterのAPIについて

2.

WordPress→Twitter3.

Twitter→WordPress

4.

WordPress&Twitter WEBサービス

Page 5: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

5

WordPressとTwitterの連携

目次

1.

TwitterのAPIについて

2.

WordPress→Twitter3.

Twitter→WordPress

4.

WordPress&Twitter WEBサービス

Page 6: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

6

まずAPIとは?

APIとは、Application Programming Interfaceの略です。API(アプリケーション・プログラミング・インタフェース、Application Programming Interface)とは、

アプリケーションから利用できる、オペレーティングシステムやプログラミング言語で用意された

ライブラリなどの機能の入り口と

なるものである。主に、ファイル制御、ウインドウ制御、画像処理、

文字制御などのための関数として提供されることが多い。

つまり、簡単にいえば、アプリケーションをプログラムするにあたって、プログラムの手間を

省くため、もっと簡潔にプログラムできるように設定されたインターフェースの事である。

(Wikipediaより)

WordPressとTwitterの連携

TwitterのAPIについて

Page 7: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

7

要は、

WordPressとTwitterの連携

TwitterのAPIについて

そのWEBサービスにあるデータを、

自由に使えると言うこと。

Page 8: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

8

Twitterは、

ほぼ全てのデータがAPIとして使える。

WordPressとTwitterの連携

TwitterのAPIについて

<WEB制作者のメリット>

他社の膨大なデータベースや機能を、無料で利用できるため、

Webサイトの開発コストを大幅に削減でき、効率的に制作できる。

<API提供会社のメリット>

自社のみでは考え付かないようなWEBサービス等を、

外部の誰かが作ってくれるため、結果として、自社サービスの

利用者が増えることが期待できる。

Page 9: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

9

WordPressとTwitterの連携

TwitterのAPIについて

Bさん制作サイト

ユーザー

蓄積されている膨大なデータを、無料で、APIとして公開

データを世の中に広める

<APIのイメージ> Twitter (その他にも、Amazon、Google、Yahoo、楽天なども、APIを公開している。)

Aさん制作サイト Cさん制作サイト

ユーザーユーザー

Page 10: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

10

<Twitterと連携したWEBサービスの日本での事例>

WordPressとTwitterの連携

TwitterのAPIについて

Twitterのログが残せる Twitterでイベント参加・不参加を募れる

Twitterのお気に入りの多さが分かる Twitterのまとめができる

Page 11: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

11

Twitterと連携するには、

「OAuth」が必須になった。(2010年8月~)「Oauth(オーオース)」とは、セキュアなAPI認可の標準的手段。

WordPressとTwitterの連携

TwitterのAPIについて

これによって、WEB制作者が、Twitterユーザーの

個人情報を持たない(持てない)ので、

WEB制作者にとってもユーザーにとっても安心。

Page 12: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

12

さて、概要はここまで。

ここからは、

実演&ワークショップです。

一緒に取り組んでみましょう!

WordPressとTwitterの連携

実演&ワークショップ

Page 13: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

13

WordPressとTwitterの連携

目次

1.

TwitterのAPIについて

2.

WordPress→Twitter3.

Twitter→WordPress

4.

WordPress&Twitter WEBサービス

Page 14: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

14

WordPressを投稿すると、

Twitterに自動でつぶやくようにする。

WordPressとTwitterの連携

WordPress→Twitter

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

Page 15: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

15

WordPressとTwitterの連携

目次

1.

TwitterのAPIについて

2.

WordPress→Twitter3.

Twitter→WordPress

4.

WordPress&Twitter WEBサービス

Page 16: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

16

Twitterのつぶやきを、

WordPressに投稿(post)する。

WordPressとTwitterの連携

WordPress→Twitter

「Twitter tools」プラグイン

http://wp6.jp/twitter3/

「P2」テーマ

Page 17: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

17

WordPressとTwitterの連携

目次

1.

TwitterのAPIについて

2.

WordPress→Twitter3.

Twitter→WordPress

4.

WordPress&Twitter WEBサービス

Page 18: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

18

WordPressの投稿記事に、

その記事に言及したTwitterのつぶやきを

コメントのように表示する。

WordPressとTwitterの連携

WordPress→Twitter

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

Page 19: 株式会社コミュニティコム 星野邦敏wp3.jp/wp-content/uploads/2011/03/wp3jp_hoshino_5_20110301.pdf · 8. Twitter. は、 ほぼ全てのデータが. API. として使える。

19

Twitterのアカウントのまま、WordPressにログイン登録をさせて、画像を投稿して、

ギャラリーのように写真を表示する。

WordPressとTwitterの連携

WordPress→Twitter

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