流行りのChatGPT。
猫も杓子もChatGPTですね。
先日ChatGPTもAPIを公開しましたが、ノーコードからはAPI連携できるものが多いので、「ノーコードxAI」による破壊力がどんどん期待されています。
アイデアを駆使してAIを利用したアプリ・サービスを作っていきたいですね。
今日はChatGPTのAPIをノーコードClickから簡単に呼ぶ方法を説明します。
ChatGPTのAPIの情報はこちら
API情報は以下サイトにあります。
https://openai.com/blog/introducing-chatgpt-and-whisper-apis
こちらを参考に作っていきましょう。
シークレットキー（secret key）を取得
openAIにログインし、右上のアイコンからView API Keyをクリックします。
APIのページにいけるので、そこから新しいシークレットキーをcreateします。
作成されたsecret keyはメモしておきましょう。
UI作成
まずは、UIを作成します。
以下のようにインプットを２つ、ボタンを一つ配置します。
ボタンのClickFlowからカスタムClickFlowを作成する
ボタンのClickFlowから、「新カスタムClickFlow」を選択します。
ポップアップにGeneral APIというページが出てくるので、そこに各項目を入れていきます。
名前：テキトーな名前「ChatGPTAPI」などを入れる。
URL：https://api.openai.com/v1/chat/completions
種類：POST
次に、設定を開きます。＋ボタンから追加して、以下のように設定します。
Type 「Header」
Name 「Authorization」
Value 「Bearer $OPENAIAPIKEY」※上記の$OPENAIAPIKEYの部分は、先ほど取得してメモしておいたAPIに置き換えてください。
さらにもう一回＋ボタンで追加して、以下のように設定します。
Type 「Header」
Name 「Content-Type」
Value 「application/json」
次は変数の追加です。
Textでcontentという名前でテキトーな試験用の質問を入れて保存しましょう。
最後に以下をコピってINPUTデータのところに貼り付けます。
{ "model": "gpt-3.5-turbo", "messages": [{"role": "user", "content": "What is the OpenAI mission?"}] }貼り付けたのち、"content": "What is the OpenAI mission?"の部分のWhat is the OpenAI mission?の部分だけ削除し、「""」の中に右上の緑の＋ボタンからさっき作ったcontentを選択します。
すると以下のように表示されると思います。
ボタンからAPIの呼び出し
ボタンのClickFlowのカスタムClickFlowから先ほど作った「ChatGPT」を選択します。
すると、contentが入力できるようになってると思うので、Form Inputからインプットを選択しましょう。
続けて、ClickFlowをもう一つ追加します。
その他のエレメント値の変更を選び、インプットにUIの二つ目のインプットを選択します。
値には、直前でChatGPTAPIを読んでいるため、選択肢にChatGPTが含まれているはずです。
それを選び、ChatGPT>choices.message.content を選びましょう。
これで完成です。
動作確認：ノーコードClickでChatGPTを呼んで質問してみる。
いかがでしょう？
上記のように信長について詳しく教えてくれました！
とても簡単にできたと思います。
今後もどんどん進化していくChatGPT。アイデア次第でノーコードを使えばあっという間にAIアプリが作れてしまうかもしれません。
今後もChatGPTの動向を追いかけ続けないといけないですね！
Youtube動画での解説はこちら
動画でも解説してるので興味のある方はこちらもどうぞ。
アプリ・Webサービスの開発の無料相談はこちら
Adalo、bubble、STUDIO、FlutterFlowなどのノーコードツールを使うことで、リスクを抑えて低コストでスピーディにビジネスアイデアを形にすることができます。
弊社はスタートアップ・新規事業向けにコストを抑えた最速のアプリ・Webサービスの開発、さらにはサービス立ち上げのコンサルティングから提案を行なっております。
また、法人向けにノーコードのスクール事業を通して内製化のサポートも行っています。
アプリ、Webサービス、LPなどの構築に興味のある方は、こちらからご気軽にご相談ください。