Upgrade to Pro — share decks privately, control downloads, hide ads and more …

生徒のアイディア実現のために生成AIを活用したプログラミング授業実践

 生徒のアイディア実現のために生成AIを活用したプログラミング授業実践

More Decks by アシアル情報教育研究所

Transcript

  1. 内容D(2) ネットワークを利用した双方向性のあるコンテンツのプログラミングによる問題の解決 「専属アシスタントで生活を変えよう!」授業計画 時数 タイトル 内容 1 体験!Webアプリ 「ブロック崩しゲーム」のカスタマイズで勘をつかむ 2 地図アプリを作ろう

    WebAPI(Leaflet)を使ってみよう 3 HTML×CSS×JS それぞれの役割と文法の基本 4 生成AIとWebAPI 生成AIとは? WebAPIの便利さと危険性 5 注目!「困り感」 どんな「専属アシスタント」が求められているか? 6 アプリを改善しよう UI、機能の改良・改善について考えよう 7 レビューで改善 アプリの使用感の感想を貰おう ⇒ 完成度を高めよう 8 制作を振り返ろう アプリの開発者として考えること 基礎知識の確認 アプリ作成の練習 課題設定&試作 機能の検討・改善 相互評価 ⇒ 完成
  2. ChatGPTの優位性 • 13歳(中学2年)から利用可 ◦ ただし保護者の承諾が必要 • カスタムプロンプト(MyGPT)がある ◦ GPTsとして公開可能 ◦

    無料ユーザーでも利用できる ※ MyGPTの作成・公開と維持には 有料アカウントの継続利用が必要 利用する生成 AIの検討
  3. 特長 • [index.html] [css/style.css] [js/main.js] の3ファイルをデフォルトで出力 ◦ プログレッシブテンプレートを新規作成して貼り付ければ動作可能 • Monaca

    Education でのプログレッシブテンプレートを利用する手順の説明 • CSSとJavaScriptには多めにコメントを挿入 ◦ コードの意味の理解の補助 • コードの出力のほかに、JavaScriptの「処理の手順」の解説を行う ◦ アクティビティ図などを活用してアルゴリズムを考える手助けに • コードの修正をするときにはコード全体を毎回出力する ◦ 全体をコピー&ペーストすることで文法ミスを回避
  4. • 予定と持ち物を一括管理したい  → 「予定・持ち物管理アプリ」 • 食品の期限を見逃さないようにしたい  → 「賞味期限管理アプリ」 • お菓子の消費を追跡したい  → 「お菓子管理アプリ」 •

    家族で情報を共有したい  → 「共有メモアプリ」 • 課題の進捗を整理したい  → 「教科別課題進捗状況管理アプリ」 • 単語学習を効率化したい  → 「英単語問題アプリ」 • 集中度を測りたい → 「勉強タイマーアプリ」 • 各教科の学習時間を管理したい  → 「勉強時間アプリ」 • 勉強前のやる気を上げたい  → 「勉強のやる気おみくじ」 • 誕生日プレゼント選びを手助けしたい  → 「誕プレ何にしよー??」 • 天候対策を事前に知りたい  → 「天気チェック&アドバイスアプリ」 • 天体を直感的に学びたい  → 「天体軌道シュミレーター」 • 写真共有で楽しみたい → 「Kamastagram」 • 勉強中に一息つきたい → 「画像流し シリーズ」 • ランニングルートを自動で決めたい  → 「Jog Guide」 • 無理なダイエットを防ぎたい  → 「ダイエットおみくじ」 • 色の判別を支援したい → 「色識別アプリ」 生徒が制作したアプリの例 ⇒  個人のニーズや見つけた問題に応じて、多様なアプリが制作された
  5. 3人 授業を終えて • 授業前の時点でプログラミ ングは「面白そう」と好感を 持つ生徒が多い • ネガティブなイメージを持つ 生徒も少なくない •

    授業後はプログラミングに 対するイメージは全体的に 大きく向上 • 特に、最低評価から最高評 価に転じた生徒も3名いた