OpenAI APIを使ったGlideでのWebアプリづくり@nanya37372023.5.11
View Slide
本日の内容2・自己紹介・ChatGPTハッカソンへの参加 #Protopedia・ノーコードツールGlideを使ったWebアプリ開発・まとめ
自己紹介3名前: なんや @nanya3737業務: データ分析業務 - 機械学習による異常検知 - IoTデータを活用した新サービス検討 など普段のChatGPTの活用: - データ分析でのPythonコード出力 - Kaggle での可視化/モデリング etc.動機: 業務ではデータとにらめっこしているが、アプリを作りたい。 フロントエンドはガッツリではなく、簡単に使えるノーコードで良い。
4https://mashupawards.connpass.com/event/278641/一週間で開発するハッカソン
5https://protopedia.net/
6(有名人) っぽい回答をしてくれるジェネレーターhttps://poiai.glide.pageっぽいAI GENERATOR
ノーコードツールでの開発7・プログラミング不要でWebアプリ開発が可能・Google Spread Sheet と連携して開発 (読み書き)・OpenAI APIのコネクタも準備されている ※ただしちょっと注意事項ありっぽいAI GENERATOR
GlideでのOpenAIのコネクタ8・GLIDEではアクションとして、 ボタンを押すと動作する内容を設定できる。・OpenAI のAPIコネクタもbeta版で 用意されており、プロンプト (質問文)を APIで簡単に投げることが可能※ただし、現状古いモデルの text-davinci-003 しか使えない。gpt-3.5-turbo も今後使える ようになるはず。っぽいAI GENERATOR
構成概要9回答精度の関係上、gpt-3.5 を使いたかったので、今回はGASを間に挟んで作成。Google Spread Sheet Google Apps Script OpenAI APIUI データ 問い合わせ APIっぽいAI GENERATOR(Google Apps Script)
やってみた感想10・今回はギャグアプリだが、テーマを変えれば、 利用者間で情報を共有しながら、ちょっとしたWebアプリが作れそう (料理レシピ問い合わせアプリ、応援してほしい言葉を返すアプリ、etc.)・バックエンド中心の方は、ノーコードツールを使えば、 UI画面を簡単に作れたりするのは便利。・プロンプトエンジニアリングとして、 どのような質問文にすると狙った回答を得られるのか、 API問い合わせの工夫は多少必要。っぽいAI GENERATOR
まとめ11・Protopedia に面白いプロトタイプが掲載されている・ノーコードツールGlideでUIを簡単に作れる・GlideにはOpenAIのコネクタあり・精度が高いモデルを利用したい場合は、 GASなどの別手段を考えても良いhttps://protopedia.net/prototype/3800っぽいAI GENERATOR
Fin.12