Twitter と WordPress を連携させて、Tweet をWordPress に投稿する話

137 Views

January 14, 23

スライド概要

八王子WordPress Meetup 2023年1月度のイベントの発表資料
「Twitter と WordPress を連携させて、Tweet をWordPress に投稿する話」
簡単な方法と、手間の掛かる方法の両方を紹介しています。

profile-image

都下在住在勤の個人事業主なシステムエンジニア兼プログラマ兼わんこの枕です。 主な使用言語はPHP ( WordPress, Laravel 等々)、JavaScript & TypeScript ( React, Next, Vue, Nuxt, Node 等々) 好きな言語はPHP ( 得意な言語もPHP ) 、でも最近は TypeScript に浮気中 習得したい言語はPythonとGo 八王子WordPress Meetupオーガナイザー

シェア

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

Twitter と WordPress を連携させて、 Tweet をWordPress に投稿する話 簡単な方法と、手間の掛かる方法の両方を紹介

2.

> 自己紹介 甲斐郁子 KAI Ikuko 八王子市在住在勤な薔薇とワンコを愛する個人事業 主なエンジニア (最近はプログラマ業メイン) 主な使用言語はPHP ( WordPress,Laravel等々)、 JavaScript ( Node,Vue,React,Nuxt等々) 好きな言語はPHP(得意な言語もPHP) 習得したい言語はPythonとGo 八王子WordPress Meetupオーガナイザー

3.

> Twitter ⇔ WordPress 間の連携の現状 ★ Twitter と WordPress 間で相互にコンテンツを投稿 ○ コンテンツの露出を増やす ○ 相互にアクセスを誘導する ★ WordPress → Twitter の連携 ○ プラグイン「JetPack」で簡単に可能 ★ WordPress ← Twitter の連携 ○ プラグインでは不可能 (機能を提供するプラグインがない)

4.

> WordPress の投稿を Twitter にも投稿する ★ プラグイン「Jetpack」で実現可能

5.

> Tweet を WordPressに投稿する ★ そういう機能を提供するプラグインがない? (とりあえず検索した範囲では見つけられなかった) 自作する? NO YES

6.

> Tweet を WordPressに投稿する(自作NO派) ★ IFTTT を使おう! (IFTTT=IF This Then That:イフト) ○ Webサービス同士を連携してくれるサービス ○ 今のところ無料で使える ○ https://ifttt.com ★ IFTTT を使えば、「Tweet したら WordPress へ内容を 投稿する」ということも可能

7.

> Tweet を WordPressに投稿する(自作NO派) 実演@IFTTT

8.

> Tweet を WordPressに投稿する(自作YES派) ★ 何がしたいのか? ○ 特定アカウントのTweet内容を取得 ■ 取得したいTweetデータ →テキスト、画像、Tweet日時、TweetURL等 ○ 取得した内容からWordPressの投稿として組立 ■ ■ テキスト、Tweet日時、TweetURLはそのまま 画像はDLして、メディアにアップロード ○ 投稿をPostする ■ 特定カテゴリの投稿としてPost

9.

> Tweet を WordPressに投稿する(自作YES派) ★ 準備「特定アカウントのTweet内容を取得」 →Twitter.comのデータを取得 →Twitter API v2へのアクセス権が必要 →Twitter Developer登録が必要 というわけで、まずTwitter Developer登録を行う

10.

> Twitter.com の Developer 登録を行う 1. https://developer.twitter.com/ja へアクセスして、「新規登 録」から開発者アカウントを登録する 2. フォームを埋めて、登録申請 3. 審査が開始される旨メールが来る 4. 申請目的などに関する質問メールが来て、数往復やりとりする (できるだけ具体的に何がしたいのか、自分のアプリがどういう処 理をどういう手順で行うのか、書かないと通らない) 5. 申請が受理されて、登録完了 6. Developer Portal でアプリを追加する a. 発行されるキーとトークンを保存

11.

> Tweet を WordPressに投稿する(自作YES派) ★ プラグインを実装する 基本はTwitter.com APIのエンドポイントを叩く →応答が来る →応答をパーツに分解 →分解したパーツをそれぞれ処理 →組立 →投稿する

12.

> Tweet を WordPressに投稿する(自作YES派) ★ 実装したプラグイン → https://github.com/ikuko-k/Tweet2WordPress ★ 各自でBearer Tokenを取得しないと使えません (頑張ってDeveloper登録してください!)

13.

> Tweet を WordPressに投稿する(自作YES派) コードの説明@Github

14.

> Tweet を WordPressに投稿する(自作YES派) 実演

15.

> Tweet を WordPressに投稿する ★ 自作NOでも実現可能 ★ 自作YESだと細かいカスタマイズが実現可能

16.

> おわり ご静聴ありがとうございます