Ap-07 AIで作るウェブアプリ② 【30～40分】
GeminiやChatGPTなど、生成AIでHTMLコードを出力しながら、データ保存・読み込み・更新ができるように開発していきます。
GAS（Google Apps Script）を利用して、アプリをさらに実用的に開発します。
AI でデータベースを利用する仕様に設計する
- HTML フォームから入力値を取得
- GAS を介してスプレッドシートへ追記
・スプレッドシートとのID連携（固定） - 過去のデータを自動読み込み表示
- 読み込み・書き出し処理の定義
Seet
1
HTMLファイルとGASコードを設置して確認する
- コード追加とWEB アプリ公開
・コード.gs → 作成されたGAS コードを入力
・index.html → ユーザー側の操作画面（UI）用のHTML を追加 - ［デプロイ］を完了させて、ウェブアプリURLを表示する
Seet
2
サイトへの埋め込みとアプリの起動
- デプロイ後に発行された「ウェブアプリURL」をコピー
- Google サイトのページ編集画面で「挿入」＞「埋め込み」を開く
Seet
3
