ノーコード初心者アプリ作成：bubble.io ＋Zapier

いつもCookpadを見ながら料理しているので、できたらCookpadのレシピを簡単に参照できるといいなーと。URLをコピペすると、料理名と材料をCookpadのAPIから引っ張ってくるようにしたい。

探してみたらCookpadはPublicで使えるAPIはないよう。

Browse AIの設定

Websiteのスクレープのツールを使ってみることに。こちらはBrowse AI使ってみました。便利なツールがあるもんだ。50クレジットが毎月無料で使えます。

• Browse AIでアカウント作成

• Chrome Extensionを入れる。

• Browse AI で、Build New Robotを選択

• Extract Structured Dateを選択

• CookpadのレシピURLをOriginal URL にいれる。

• Start Recording Taskのボタンをクリックすると、新しいWindowが開くので、そのWindowの中で取り出したいTextを囲ってあげて、名前をつける。

• Taskの保存 

Zapier の設定

BubbleでZapierを使うのには、有料のプランに変更が必要でした。
（ついにBubbleに課金しました。）

BubbleのほうでまずはAPIをEnbaleします。
Setting ＞＞API
Enable Data APIにチェックマークをいれます。

そしてZapierのプラグインをインストールして、WorkflowのステップでプラグインのZapierを選択して、設定する。

Zapierのほうで、こんな感じに設定。

あっという間に設定はできた。

ただしNo Codeで、こうやっていろんなツールを使い始めると、すぐにいろいろ課金が必要にはなってくる。Zapierで、いろいろやりたいけれども、いまのところ無料のプランなので、できることは限られてくる。