![見出し画像](https://assets.st-note.com/production/uploads/images/57117922/rectangle_large_type_2_36fd6c3d14d68ace59809636da3d3df9.png?width=1200)
公式APIはイラン!TwitterBOT 画像付きツイート
前にTwitterBOTを公式APIを使わずに作る記事を書きました。
前の記事では文字のみのツイートでしたので画像付きツイートができるBotを作りたいと思います。画像はWEB上に公開されているものか、Googleドライブ内の画像を使います。
この記事の対象者:
・TwitterのAPIが利用制限された。制限の回避ができない
・無料で自由度の高いTwitterBotを自力で作りたい
・プログラムが、ちょっとわかる
・画像付きツイートしたい
使用するシステム:
・IFTTT
・GoogleAppsScript
前回同様、IFTTTを使います。
IFTTTとは
IFTTTとはwebサービス同志を組み合わせて連携させることのできるサービス。簡単な連携ならプログラミング不要、必要だとしても少し習った程度で十分なローコード、ノーコードなサービスです。
IFTTTではIF(もし~なら)That(~する)の2項目を設定します。
設定例
IF:Instagramに投稿したら
That:Twitterにも投稿する
このように設定していたら、自分でInstagramに投稿すると自動的にTwitterに投稿されます。設定は3つまで無料です。
説明の流れ
GoogleAppsScriptーIFTTT-Twitterと連携してツイートする仕組みを作ります。説明の流れはこうです。
1.IFTTTに登録する
2.IFTTTの設定ーIF、That、KEYの取得
3.GASのプログラム設定
それでは行きましょう
1.IFTTTに登録する
登録済みの方はここを飛ばして次へ進んでください。
アカウントを登録
上のリンク先へ行って登録をお願いします。登録せずにGoogleアカウントやFacebookアカウントでもログインすることもできます。
2.IFTTTの設定ーIF、That、KEYの取得
IFTTTのアカウント登録後、画面右上のCreateボタンをクリックして作成画面に移動します。
![画像1](https://assets.st-note.com/production/uploads/images/55531017/picture_pc_05419ee2eaa3b5611d03cc40116745e3.png?width=1200)
IFTTTの設定ーIF:
IF(もし~なら)の部分を設定します。
「If This Add」をクリックしてwebhooksで検索して、 webhooksの中の「Receive a web request」を選択、「Connect」をクリックします。
![ifttt02 - コピー](https://assets.st-note.com/production/uploads/images/55531032/picture_pc_96cd0d0d3cce1e9a0ab71763060215ed.png?width=1200)
![画像3](https://assets.st-note.com/production/uploads/images/55531052/picture_pc_e1d44c92b720d90cc067f38d2707c2bc.png?width=1200)
![ifttt03 - コピー](https://assets.st-note.com/production/uploads/images/55531067/picture_pc_0d4b6222832c4f058ab318e007b0a9c9.png?width=1200)
![ifttt04 - コピー](https://assets.st-note.com/production/uploads/images/55531082/picture_pc_29b944af532006b5026f58741066003e.png)
![ifttt05 - コピー](https://assets.st-note.com/production/uploads/images/55531089/picture_pc_6b72721bea5bae075d7356706fc14560.png?width=1200)
Event Nameを入力します。適当に名前を付けます。名前はメモしておきましょう。私は「TWITTER_GBEARHMS2」と付けました。名前を入力したら下側のボタンをクリックします。
![ifttt06 - コピー](https://assets.st-note.com/production/uploads/images/55531189/picture_pc_c7d0a5cca7508f45eb8baf634f936244.png?width=1200)
IFTTTの設定ーThat:
That(~する)も同じ要領で設定していきます。Then That Addを選択して進み、「Twitter」で検索してTwitterの中の「Post a tweet with image」を選択します。
![ifttt07 - コピー](https://assets.st-note.com/production/uploads/images/55531256/picture_pc_3eefc03293b151fcad076090e5f310c4.png?width=1200)
![ifttt08 - コピー](https://assets.st-note.com/production/uploads/images/55531938/picture_pc_3453e27506523958e32c39bc8090f8b3.png?width=1200)
![画像11](https://assets.st-note.com/production/uploads/images/55531960/picture_pc_b3f93e51c6472f5158fd97fb8500e530.png?width=1200)
![ifttt10 - コピー](https://assets.st-note.com/production/uploads/images/55532028/picture_pc_4e84884b287b3871e0bbf5a761d4c09f.png?width=1200)
ここでTwitterへのログインと認証を求められます。「連携アプリを認証」をクリックして連携してください。
![画像9](https://assets.st-note.com/production/uploads/images/55531883/picture_pc_2dee2a87f088a0dfca040e6cdc64956c.png)
Tweet textの内容に{{Value1}}、image urlの内容に{{Value2}}と記述します。記述したら「Create Action」をクリック。
Value1はそのままツイート、Value2は画像URLという意味です。 ちょっとわかりにくいと思うのですがとりあえずこうしてください。あとのプログラムでValue1Value2それぞれに文言とURLを指定してツイートすることになります。
![ifttt51 - コピー](https://assets.st-note.com/production/uploads/images/55532197/picture_pc_ef3bf127fe3cc4f624ac2d87508ca82b.png?width=1200)
IFTTTの設定ーWebhooksのKEYの取得:
後のプログラムの中で使うWebhooksのKEYを取得します。
上のリンク先へ進み、ページ右上の「Documentation」をクリックします。
![画像14](https://assets.st-note.com/production/uploads/images/55532791/picture_pc_0e80da434c7c7d465ba42f5f984548a5.png?width=1200)
Documentationをクリックすると、
Your key is: ******* のように自分のキーが表示されます。このキーをメモします。
![ifttt15 - コピー - コピー](https://assets.st-note.com/production/uploads/images/55532885/picture_pc_f0a969848fc51b481ce3360e77cab95b.png?width=1200)
Your keyの画面はX閉じしてもらって、この先は画面なりに進みます。
Continueをクリック
![ifttt16 - コピー](https://assets.st-note.com/production/uploads/images/55533009/picture_pc_0318fc2348d304de3efed6ad18a90c45.png?width=1200)
Finishをクリック
![ifttt17 - コピー](https://assets.st-note.com/production/uploads/images/55533254/picture_pc_5097e5df524372050098cc792c338677.png)
これでIFTTTの設定は終わりました。
3.GASのプログラム設定
ではGAS側のプログラムを書きます。
const EVENTNAME = 'EventName';//自分で設定したEvent Name
const WEBHOOK_KEY = 'WebhooksのKEY';//メモしたWebhooksのKEY
//画像付きツイートをする
const tweetByIfttt_img = (text,imgUrl) => {
const url = 'https://maker.ifttt.com/trigger/'
+ EVENTNAME
+ '/with/key/'
+ WEBHOOK_KEY;
const data = {'value1':text,'value2':imgUrl};
const headers = {
"Content-Type": "application/json"
};
const options = {
'method' : 'post',
'headers' : headers,
'payload' : JSON.stringify(data),
};
UrlFetchApp.fetch(url,options);
}
const testTweet = () => {
tweetByIfttt_img('テスト\n\n#テストツイート'
,'https://www.pakutaso.com/shared/img/thumb/tomcatDSC08480_TP_V.jpg');
}
下の部分は自分の環境に合わせて書き換えてください
const EVENTNAME = 'EventName';//自分で設定したEvent Name
'EventName'のところは「IFTTTの設定ーIF」で設定したEventNameを入れます。私の場合は「TWITTER_GBEARHMS2」と設定したのでTWITTER_GBEARHMS2と入れます。
const WEBHOOK_KEY = 'WebhooksのKEY';//メモしたWebhooksのKEY
'WebhooksのKEY'は「IFTTTの設定ーWebhooksのKEYの取得」でメモしたKEYです。
GASのデバッグモードでtestTweetを実行してみてください。
![画像18](https://assets.st-note.com/production/uploads/images/55535847/picture_pc_b6550e77a42b2e395b82f82e97fe29c0.png?width=1200)
上のようになっていれば成功です。
IFTTTを使えば、TwitterBotだけでなく、LINEやSlackとも連携できるので、いろいろなことができます。少ないコードでチャットボットもできるでしょう。
Gドライブの中の画像ファイルをツイートしたい
Gドライブの中の画像をツイートしたいとき、共有リンクを使えばできそうなのですが、やってみるとできません。リンクをちょっと加工する必要があります。
![画像20](https://assets.st-note.com/production/uploads/images/55995880/picture_pc_2306ae5e80cfd8e3b4d44a196d68afcb.png?width=1200)
共有リンクがこう
ttps://drive.google.com/uc?id=1C1ttThKCY_NONHtRpkZ9_novoQ3oxDJC
だったら「1C1ttThKCY_NONHtRpkZ9_novoQ3oxDJC」の部分を残して下のようにします
ttps://drive.google.com/uc?id=1C1ttThKCY_NONHtRpkZ9_novoQ3oxDJC
const testTweet = () => {
tweetByIfttt_img('テスト\n\n#テストツイート'
,'https://drive.google.com/uc?id=1C1ttThKCY_NONHtRpkZ9_novoQ3oxDJC');
}
このようにするとうまくいきます。
おまけ
前回の記事と合わせて文字だけのツイートと画像付きツイートができるプログラムを書いてみました。よかったら参考にしてみてください。
const WEBHOOK_KEY = 'WebhooksのKEY';//メモしたWebhooksのKEY
//IFTTTからツイートする
const tweet = (text,imgUrl='') => {
if(imgUrl==''){
tweetByIfttt(text);
} else {
tweetByIfttt_img(text,imgUrl);
}
}
//IFTTTからツイートする
const tweetByIfttt = (text) => {
const EVENTNAME = 'EventName';//自分で設定したEvent Name
const url = 'https://maker.ifttt.com/trigger/'
+ EVENTNAME
+ '/with/key/'
+ WEBHOOK_KEY;
const data = {'value1':text};
const headers = {
"Content-Type": "application/json"
};
const options = {
'method' : 'post',
'headers' : headers,
'payload' : JSON.stringify(data),
};
UrlFetchApp.fetch(url,options);
}
//IFTTTから画像付きツイートをする
const tweetByIfttt_img = (text,imgUrl) => {
const EVENTNAME = 'EventName';//自分で設定したEvent Name
const url = 'https://maker.ifttt.com/trigger/'
+ EVENTNAME
+ '/with/key/'
+ WEBHOOK_KEY;
const data = {'value1':text,'value2':imgUrl};
const headers = {
"Content-Type": "application/json"
};
const options = {
'method' : 'post',
'headers' : headers,
'payload' : JSON.stringify(data),
};
UrlFetchApp.fetch(url,options);
}
const testTweet = () => {
tweet('テスト\n\n#テストツイート');
}
const testTweet2 = () => {
tweet('テスト\n\n#テストツイート','https://www.pakutaso.com/shared/img/thumb/tomcatDSC08480_TP_V.jpg');
}
お薦めの本
ちゃんとしたTwitterのBOTが作りたい方にお勧めの本はこちら↓。
Kindle版は350円。インターネットで無料情報を集めるのもいいですが、本などの有料情報を買った方が結果的に時間の節約になります。
他には
最後までありがとうございました。
#プログラミング #GoogleAppsScript #GAS #コピペ #Twitter #IFTTT #TwitterBOT #BOT #ツール #ノーコード
他の記事:
この記事が気に入ったらサポートをしてみませんか?