かしこいTODO
大分類をAIが細かな作業へ分解。完了履歴を保存。
こうちゃん | 先生のためのポンコツラボMIRAICHI MMS LT会 2026-08-31(月) 21:00〜
SubstackLIGHTNING HANDS ON
5分で。
生成AIとデータ保存機能を備えた
革命的なGoogleキャンバスアプリを作る
作りたいものを日本語で書くと、Canvas用プロンプト・Sheetsの列設定・設定ガイドがまとまって出ます。GASコードは生成された子アプリ内からコピーします。
固定版アプリ工房を開く 絵日記の入力文 GASデプロイ手順 困った時はこちら
① 作りたいアプリを書く短い説明でも、詳しい説明でも大丈夫
② 好きなデザインを書く色・雰囲気・参考にしたいデザインなど
1｜2つの箱に書く
普段の言葉で書けば大丈夫
「○○をするアプリ。AIには○○を手伝ってほしい。作ったものや記録は、後からまた見られるように残してほしい。」くらいの書き方で始められます。
音声絵日記
話した内容を文章と挿絵案へ整え、日付ごとに保存。
育成・会話ゲーム
会話をAIが展開し、好感度や思い出を保存。
未来の道具図鑑
一言の案をAIが発明へ育て、みんなの投稿を蓄積。
デザインは「名前＋特徴」で十分
- スイスデザイン：グリッド、余白、太い文字、赤・黒・白。
- Apple HIG準拠のグラスモーフィズム：半透明の層、穏やかなぼかし、大きなタップ領域。
- 町の診療所：アイボリー、深い青緑、紙のカルテ、穏やかな案内。
2｜3つの画面を使う
GeminiのCanvasアプリモード
Canvas用プロンプトを新しいGemini Canvasへ貼り、アプリの生成を始めます。
Google スプレッドシート
列見出しをA1へ直接貼るか、右側のGeminiへシート作成プロンプトを貼ります。
Google Apps Script（GAS）
子アプリからGASコードをコピーして貼り、ウェブアプリとしてデプロイします。末尾が /exec のURLを子アプリへ設定します。
最後の接続｜ここだけ慎重に
URLはシングルクォーテーションの間へ
const GAS_URL = 'https://script.google.com/macros/s/……/exec';YOUR_GAS_WEB_APP_URL の文字だけを置換。左右の ' ' と末尾の ; は残します。
3｜動かなかった時は、この2つ
Canvasにエラーのポップアップが出た
ポップアップに表示される「エラーを修正」または「エラーを解消する」ボタンを押し、自動修正後に同じ操作をもう一度試します。
保存してもGoogle スプレッドシートにデータが出ない
Canvasへ「Google スプレッドシートにデータが反映されません。Google スプレッドシートとの同通を確認し、現在の画面や機能を消さずにGASを修正してください」と伝えます。新しいGASコードを貼り直して再デプロイし、URLを設定してから接続テストと保存をもう一度行います。
当日のゴール：画面が開く → 1件保存 → Google スプレッドシートに1行増える → 再読み込みして見える