ノーコードでChatGPTを組み込みできるアプリを作ってみた

「ChatGPT」というチャット形式で答えてくれるサービスがあります。
いま多くの方がそのシステムを使っています。
このサービスを使ってノーコードでシステムを作ってみようと思います。

自己紹介：はじめまして。Yasutoと申します。主に投資の情報発信・SNSマーケティングツール等を販売しております。訪問ありがとうございます。
https://fdg-consulting.com/

「Glide」というアプリを紹介します。

Glideとは
Googleスプレッドシートを使ったノーコードPWA制作アプリです。

googleアカウントがあれば、すぐに始めることができます。

サンプルも無料を含む398種類あり、豊富です。

ノーコードとは
ノーコードは2020年から注目されているプログラミングをしないでwebアプリをつくる技術です。

ノーコードのメリット
〇プログラミングの知識がなくても少ない工数でつくれる
〇製品制作に時間をかけることができる

ノーコードのデメリット
〇カスタマイズが効かない

〇機能やオプションを追加すると、有料化する

Glideでアプリを作ってしまえば、フリープラン内ならば「無料」、費用は記事の購入代金と、コピペして画像を差し替えて構築する時間のみです。
以前にも記事を書いていました。

今回の記事ではノーコードでopenAIのモデルを使って、「AIの１問１答アプリ」の例をご紹介します。

※完成品のアプリのテンプレートはありません。しかしGlideはスプレッドシートからすぐに展開することができるので、ぜひお試しください。

完成品

肉じゃがのレシピを聞いてみる

続きも出力されています。

続きが入力されている

画面構成・説明

①質問メッセージ入力欄・・・300文字までの入力を許可します。
②送信ボタン・・・ボタンを押すと「5~10秒お待ちください」とメッセージ
　がポップアップします。
③AIの応答欄・・ＡＩが答えを作成し、画面に表示されます。数秒待つと前
　回の答えが新しく更新されます。
④アプリ/ユーザータブ・・アプリの切り替え・ユーザーを許可するための登
　録をします。

画面構成

スプレッドシートがデータベースになります。

次のリンクからアプリのテンプレートを使ってみてください。

https://ai-talk.glide.page

ChatGPTのAPIキーをお持ちの方

関数付きスプレッドシートを配布

関数付きスプレッドシートを使ってグーグルのアカウントをご用意し、スプレッドシートにログインしておいてください。

関数付きスプレッドシートのリンクはこちら↓

AIに質問してみる

https://docs.google.com/spreadsheets/d/1e2IKpU8EFXhpPfOsUqw-hA6O36z_nNExXQdjyPws0Ew/edit?usp=sharing

ここのタブからAppSheetsに遷移

以下のSECRETKEYにAPIキーをいれてください。

これで稼働できるようになります！

「こんなアプリをお願いしたい！」という人は私のTwitterまでご相談ＤＭをどうぞ。