ノーコードでChatGPTを組み込みできるアプリを作ってみた
「ChatGPT」というチャット形式で答えてくれるサービスがあります。
いま多くの方がそのシステムを使っています。
このサービスを使ってノーコードでシステムを作ってみようと思います。
自己紹介:はじめまして。Yasutoと申します。主に投資の情報発信・SNSマーケティングツール等を販売しております。訪問ありがとうございます。
https://fdg-consulting.com/
「Glide」というアプリを紹介します。
![](https://assets.st-note.com/img/1678281466611-imIf42fZD8.png?width=1200)
Glideとは
Googleスプレッドシートを使ったノーコードPWA制作アプリです。
googleアカウントがあれば、すぐに始めることができます。
サンプルも無料を含む398種類あり、豊富です。
![](https://assets.st-note.com/img/1678281466579-I9iemdylcF.png?width=1200)
ノーコードとは
ノーコードは2020年から注目されているプログラミングをしないでwebアプリをつくる技術です。
ノーコードのメリット
〇プログラミングの知識がなくても少ない工数でつくれる
〇製品制作に時間をかけることができる
ノーコードのデメリット
〇カスタマイズが効かない
〇機能やオプションを追加すると、有料化する
Glideでアプリを作ってしまえば、フリープラン内ならば「無料」、費用は記事の購入代金と、コピペして画像を差し替えて構築する時間のみです。
以前にも記事を書いていました。
今回の記事ではノーコードでopenAIのモデルを使って、「AIの1問1答アプリ」の例をご紹介します。
※完成品のアプリのテンプレートはありません。しかしGlideはスプレッドシートからすぐに展開することができるので、ぜひお試しください。
完成品
![](https://assets.st-note.com/img/1678109847229-jebLBJVEnD.png)
続きも出力されています。
![](https://assets.st-note.com/img/1678109942678-qWEYrdaHDQ.png)
画面構成・説明
①質問メッセージ入力欄・・・300文字までの入力を許可します。
②送信ボタン・・・ボタンを押すと「5~10秒お待ちください」とメッセージ
がポップアップします。
③AIの応答欄・・AIが答えを作成し、画面に表示されます。数秒待つと前
回の答えが新しく更新されます。
④アプリ/ユーザータブ・・アプリの切り替え・ユーザーを許可するための登
録をします。
![](https://assets.st-note.com/img/1678279936163-puW5NE7zWb.png)
![](https://assets.st-note.com/img/1678280322178-v7J88g9DNd.png?width=1200)
次のリンクからアプリのテンプレートを使ってみてください。
ChatGPTのAPIキーをお持ちの方
関数付きスプレッドシートを配布
関数付きスプレッドシートを使ってグーグルのアカウントをご用意し、スプレッドシートにログインしておいてください。
関数付きスプレッドシートのリンクはこちら↓
https://docs.google.com/spreadsheets/d/1e2IKpU8EFXhpPfOsUqw-hA6O36z_nNExXQdjyPws0Ew/edit?usp=sharing
ここのタブからAppSheetsに遷移
![](https://assets.st-note.com/img/1678494781950-Q672RsrA72.png?width=1200)
以下のSECRETKEYにAPIキーをいれてください。
![](https://assets.st-note.com/img/1678494731739-JjNmBcWl9E.png?width=1200)
これで稼働できるようになります!
「こんなアプリをお願いしたい!」という人は私のTwitterまでご相談DMをどうぞ。
ご覧いただきありがとうございました。 サポートしていただいたお金は開発費にかけさせていただきます。