SESSION 01先生のためのAI入門

AIでアプリ
作ってみよう

コードは書きません。「言葉で頼むだけ」でOK。

アプリ編Gemini Canvas約45分
GOAL今日のゴール

終わるころには、自分の手で
アプリが1つ作れている

プログラミングの知識はいりません。作りたいものを言葉で伝えるだけ。

01
KEYいちばん大事な考え方

「アプリを作る」=言葉で頼むだけ

くすもんが、先生が言葉でAIに頼む→AIがコードを書く→アプリが完成、という流れを説明している図解イラスト
  • むかしのイメージ — 専門家がコードを書く難しい世界
  • 今日のやり方 — AIに「◯◯を作って」と話すだけ
  • コードはAIが書く。私たちは日本語でお願いする
02
TOOL使う道具はこれ

Gemini の Canvas を開く

  • ふつうのチャット=文章で返ってくる
  • Canvas=動くアプリを作ってその場でプレビュー
  • 新しいチャットで「Canvas」を選ぶだけ
Geminiの入力欄のメニューを開き、「Canvas」を選ぶ位置を示したスクリーンショット
03
STEPやることは3つだけ

作り方は3ステップ

1

頼む

Canvasに「◯◯を作って」と日本語で入力して送信。

2

できる

数十秒でアプリが完成。右のプレビューで動きを確認。

3

保存する

気に入ったらHTMLを保存。あとで配ったり使ったり。

DEMO 1ひとことで作る

「音声文字起こし作ってみて」だけ

貼った言葉はこれだけ
Canvas に入力
音声文字起こし作ってみて

くわしい指示書で頼めば機能もりだくさんに。まずはこの一言で試すのがおすすめ。

数十秒で
できたアプリ
AI Transcribe Studio
ひとことで作った音声文字起こしアプリの画面(録音・書き起こし・AI議事録)

録音の文字起こしから AI議事録づくり まで自動。会議や授業の記録にそのまま。

DEMO 2くわしく頼むと機能もりだくさん

コピペで使える指示書

Gemini AI 音声合成スタジオ
くわしい指示書から作られた音声合成アプリの画面(声を30種類・感情・速さを選べる)

声を30種類から選べて、感情や速さも調整できる本格的な音声合成アプリ。

プロンプト全文そのまま貼るだけ
STEP 1コピーせず、ノートブックを直接選ぶ

NotebookLMの資料をCanvasで直接使う

Gemini Canvasのその他のアップロードからNotebooksを選ぶ画面
Gemini:+ → その他のアップロード → Notebooks
1

NotebookLMへ資料を入れる

今回:学校へ遊びに来たときのきまり.docx

2

GeminiでCanvasを選ぶ

入力欄の「+」を開く

3

Notebooksを選ぶ

「その他のアップロード」の中にあります

4

使うノートを選んで送信

ノートが付いた状態で、下の依頼文を送る

直接読み込み用プロンプト
学校アカウントでは、管理者設定により「Notebooks」が出ない場合があります
表示されない場合の代替 NotebookLMで整理 → 回答をコピー → Canvasへ貼る
① 整理用
② Canvas用
STEP 28ページの同じ会話で追加する

作ったアプリにくすもんを追加する

新規作成ではなく、8ページで開いている会話の続きで「さっきのアプリを直して」と頼みます。

案内役として追加する、手を振るくすもん
追加する画像assets / mascot-wave.png
1

同じ会話で追加

画像を渡し、下の修正プロンプトを送る

2

セリフを先に確定

吹き出しで試し、言い方を直して決める

3

音声は確定後に作る

7ページの音声アプリで一文ずつ作成

追加・変更のプロンプト新規作成しない
プレビュー実物に置き換わらず、代替表示になる場合あり
保存後index.html・画像・音声を同じフォルダへ
VOICE学校でできる順に

声を良くする方法(学校でできる順

現実的なのは2つ。①原稿を工夫する(今すぐ)と、②7ページで作った音声アプリを使う(おすすめ)。VOICEVOXやクラウドAIは高品質でも学校では使いにくいです。

原稿を工夫今すぐ・無料
読み上げる文の書き方を変えるだけ。少しマシになるが、機械っぽさは残る(PCで声が変わる)。
手間 ★☆☆学校で ◯自然さ △
音声アプリを使う7ページ・おすすめ
前に作った「音声合成アプリ」で自然な声を作り、ダウンロードして使う。学校でも使える。
手間 ★★☆学校で ◯自然さ ◎
参考VOICEVOX無料ソフト
声優さんのような声。ただし学校ではインストールできないことが多い。
手間 ★★☆学校で △自然さ ◎
参考録音・クラウド高品質
自分たちの声を録音(あたたかいが手間)/クラウドAI音声(課金・設定が必要)。
手間 ★★★学校で △自然さ ◎
LEVEL 1今すぐできる・原稿の工夫

レベル1:読み上げる原稿を工夫する

ブランコに乗るときは順番を守りましょう漢字が多く、棒読みで機械っぽい
ぶらんこに のるときは、じゅんばんを まもろうね!ひらがな+「、」の間+「!」でなめらか&かわいい
  • ひらがなで書く — 「1日」などの読み間違いを防ぐ
  • 読点「、」やスペース — 息継ぎのような“間”ができる
  • 長音「ー」や「!」 — 感情がこもって聞こえる
頼み直しの例コピーOK
おすすめ7ページの音声アプリを使う

7ページの音声アプリで自然な声を作る

9ページでセリフを確定してから、7ページの音声アプリで一文ずつ作ります。先に音声を作る必要はありません。

1

確定したセリフを入れる

9ページで決めた文を、一文ずつ音声アプリへ

2

名前を付けて保存

開始・検索成功・見つからない時など、用途別に保存

3

セリフと音声を対応

同じフォルダに置き、右の頼み方で割り当てる

音声ファイル対応の頼み方コピーOK

参考 → VOICEVOX(無料ソフト・高品質だが学校では入れにくい)/クラウドAI音声(Google・ElevenLabs 等。課金・設定)/自分たちの声を録音(あたたかいが手間)

04
FIXうまくいかない時こそチャンス

「作り直し」ではなく「直して」

  • 一発で完璧じゃなくて当たり前
  • 会話の続きで「ここを直して」と頼むだけ
  • 文字の大きさ・色・スマホ対応も後から
頼み直しの例
IDEASこんなものが作れる

授業・校務に効くアプリ例

授業タイマー

時間を大きく表示。グループ活動に。

フラッシュカード

漢字・英単語をめくって暗記。

クイズ

◯×や選択式で楽しく確認。

名簿・チェック表

提出・持ち物チェックの下書きに。

きまり検索

資料から。前ページの応用。

アイデア次第

「◯◯作って」で試すのが一番。

SAFETY安心して使うために

ここだけは3つ

個人情報を入れない

子どもの名前・写真・成績など。困ったら「入れない」。

答えを鵜呑みにしない

AIは間違えることがある。最後は必ず自分で確認。

校務はルールに従う

学校・自治体の方針を確認してから使う。

RECAPまとめ

まずはひとつ
作ってみましょう。

合言葉
言葉で頼むだけ
道具
Gemini Canvas
こまったら
「ここを直して」
APPENDIXプロンプト例①

コピペ用プロンプト集

① ひとことで作る

音声文字起こし作ってみて

② 音声合成アプリ(指示書)

くわしい仕様で機能もりだくさん。

③ 資料からアプリ

NotebookLM × Canvas(きまり検索)。

④ 頼み直し

大きく・色・スマホ対応。

APPENDIXプロンプト例②

教材アプリ用プロンプト集

各カードの「全文」で大きく表示し、その画面からコピーできます

① ピタッとレンズ

画像から文字エリアを検出・微調整(OCR教材づくり)。

② とんとんリーダー

タップした行を音声で読み上げ・ハイライト。

③ ひらがなキーボード

50音キーボードで入力・読み上げ・音声入力。

④ ひらがなキッズキーボード

音声はひらがなで入力→タップで漢字変換。

APPENDIX教科別アプリ・1年

教科別 授業アプリ(1年)

「全文」で確認 →「コピー」→ Gemini Canvasに貼ります。

国語
ひらがな・カタカナ よみかき
算数
10までの たしざん・ひきざん
生活
きせつと いきもの カードずかん
音楽
リズム たいこ
図画工作
いろぬり おえかき
体育
たいそう じゅんばん タイマー
道徳
きもちカード(話し合い)
APPENDIX教科別アプリ・2年

教科別 授業アプリ(2年)

「全文」で確認 →「コピー」→ Gemini Canvasに貼ります。

国語
かん字 れんしゅう(書き順)
算数
かけ算 九九 れんしゅう
生活
まちたんけん メモ
音楽
ドレミ 音あてあそび
図画工作
かたち もようづくり
体育
なわとび カウンター
道徳
やさしさ みつけ
APPENDIX教科別アプリ・3年

教科別 授業アプリ(3年)

「全文」で確認 →「コピー」→ Gemini Canvasに貼ります。

国語
ローマ字&国語辞典
算数
わり算・大きな数
理科
こん虫・植物 クイズ
社会
地図記号 おぼえよう
音楽
リコーダー 指づかい
図画工作
色づくり(混色)実験
体育
準備運動 ローテーション
道徳
気持ちの温度計
外国語活動
あいさつ・数 えいご
総合
しらべ学習 まとめメモ
APPENDIX教科別アプリ・4年

教科別 授業アプリ(4年)

「全文」で確認 →「コピー」→ Gemini Canvasに貼ります。

国語
慣用句・ことわざ カルタ
算数
面積・小数・分数
理科
電気・水のすがた クイズ
社会
都道府県 おぼえよう
音楽
音符と拍 リズム
図画工作
構図・遠近 スケッチ補助
体育
体つくり運動 メニュー
道徳
立場チェンジ
外国語活動
曜日・天気 えいご
総合
クラスアンケート 集計グラフ
APPENDIX教科別アプリ・5年

教科別 授業アプリ(5年)

「全文」で確認 →「コピー」→ Gemini Canvasに貼ります。

国語
敬語・要約
算数
割合・平均・体積
理科
実験ノート(天気・ふりこ等)
社会
日本の産業・地形 クイズ
音楽
和音・合唱パート
図画工作
配色 カラーパレット
体育
記録トラッカー
家庭
栄養バランス・こんだて
道徳
ジレンマ討論カード
外国語
自己紹介・道案内 えいご
総合
SDGs しらべ・発表メモ
APPENDIX教科別アプリ・6年

教科別 授業アプリ(6年)

「全文」で確認 →「コピー」→ Gemini Canvasに貼ります。

国語
熟語・古文入門
算数
比・速さ・比例
理科
人体・電気・水溶液 クイズ
社会
歴史年表・人物
音楽
かんたん作曲
図画工作
一点透視・ポスター
体育
記録会 タイム・回数
家庭
買い物・調理手順 プランナー
道徳
情報モラル 判断カード
外国語
将来の夢・旅行 えいご
総合
卒業プロジェクト 企画メモ
APPENDIX校務アプリ

校務で使えるアプリ

「全文」で確認 →「コピー」→ Gemini Canvasへ。個人情報は入力しません。

学級経営
席替え・係 決め(番号で)
保護者・連絡
お便り下書きテンプレ
評価・所見
所見 言い回し 例文
校務・行事
持ち物・段取り チェック
特別支援・個別
見える化スケジュール
SHARE 1学校で使っているなら、まずこれ

Google Classroomでリンクを配る

先生の操作

1対象のクラスを開き、「授業」を選ぶ
2「作成」→「資料」または「課題」
3「追加」→「リンク」へアプリのURLを貼る
4タイトルを付け、対象を確認して投稿する

児童の操作

Chromebookで
Classroomを開き、投稿されたリンクをクリックするだけ
長いURLを入力させる必要がなく、授業ごとに同じ入口を用意できます。
投稿前に、児童の学校アカウントでリンクが開くか必ずテストします
SHARE 2URLを入力しなくても開ける

QRコードブックマーク

2QRコード

先生
Chromeの「︙」→「キャスト、保存、共有」→「QRコードを作成」。画像を保存して、掲示または電子黒板へ表示します。
児童
Chromebookのカメラ → スキャン → QRコード。表示されたURLを押して開きます。

3ブックマーク

何度も使う場合
アプリを開き、アドレスバー右の星印でブックマークへ追加。ブックマークバーに置くと、次回から1クリックです。
ICT担当・管理者
管理コンソールから管理対象ブックマークとして、児童のChromeへまとめて配布できます。
CHECK「アクセス権がありません」と出たら

開かない時は2点を確認

1 共有範囲

  • アプリ側が「先生だけ」になっていないか
  • 学校アカウントの児童が閲覧できる設定か
  • 投稿前に児童用アカウントで試したか

2 ログインアカウント

  • 学校配布のアカウントでログインしているか
  • 個人のGoogleアカウントで開いていないか
  • 複数アカウントの場合、学校用で開いたか
ICT担当へそれでも開かない場合は、学校のWebフィルタリング・利用許可・管理対象ブックマークを確認します。
先生のためのAI入門 | アプリ編
01 / 13
コピーしました