Slide 1

Slide 1 text

IFTTT CLI を作った話 田中 みそ (田中 大樹)

Slide 2

Slide 2 text

IoTLT 50回おめでとうございます!!

Slide 3

Slide 3 text

自己紹介 田中 みそ (田中 大樹) Qiita: miso_develop Twitter: miso_develop Facebook: 田中みそ Google Home 購入を機に IT に目覚めた 初心者非エンジニア。 好きな食べ物は Raspberry Pi とバナナ。 Facebook

Slide 4

Slide 4 text

だけど ひとつ つらみが…

Slide 5

Slide 5 text

IFTTT とは  IFTTT に登録されている様々なサービス 同士を連携できるサービス  LINE や Twitter、Google Drive といった メジャーなサービスも多数あり!

Slide 6

Slide 6 text

IFTTT とは  スマートスピーカーや IoT デバイスも 多数登録されてる!

Slide 7

Slide 7 text

特に嬉しいのが  Webhook を投げたり受けたりできる!  API が公開されていないサービスもあり、 Webhook と組み合わせることで色々 できるようになる!

Slide 8

Slide 8 text

IFTTT(Google Assistant × Webhook)で 作ったスマートホームシステム

Slide 9

Slide 9 text

だけど ひとつ つらみが…

Slide 10

Slide 10 text

A P I が な い

Slide 11

Slide 11 text

登録数が増えすぎるとつらみ…  画面ポチポチでしか 更新できない。  私の現在の登録数は 84個  実質メンテ不可

Slide 12

Slide 12 text

ということで作りました。

Slide 13

Slide 13 text

IFTTT CLI

Slide 14

Slide 14 text

DEMO

Slide 15

Slide 15 text

DEMO

Slide 16

Slide 16 text

IFTTT CLI 実装機能  list  get  create  delete  update  login / logout  connect … アプレット一覧取得 … レシピを JSON で出力 … レシピ JOSN をもとに作成 … 削除 … レシピ JOSN を元に更新 … ログイン / ログアウト … サービスへの接続

Slide 17

Slide 17 text

IFTTT CLI 仕組み  バックグラウンドでヘッドレス Chrome (Puppeteer)を起動して IFTTT を 直に操作!  Puppeteer とは  Node.js で Chromium を ガチャガチャするライブラリ

Slide 18

Slide 18 text

IFTTT CLI 技術要素  TypeScript  Puppeteer  Yargs  TSLint & Prettier  Rollup  Jest … 開発言語 … ヘッドレス Chrome … CLI パーサー … Linter & Formatter … バンドラー … テスト

Slide 19

Slide 19 text

GitHub: miso-develop/ifttt-cli

Slide 20

Slide 20 text

IFTTT CLI

Slide 21

Slide 21 text

No content