メインコンテンツへスキップ
見出し画像

Google Sheetsを利用した双方向性のあるコンテンツをGeminiでプログラミング(SNSアプリ作成演習)

    この演習を再現するための環境

    1. Google アカウントを先生や生徒が利用可能

    2. Google Sheets(スプレッドシート)が利用可能

    3. 拡張機能 Apps Script が利用可能

    4. デプロイで共有が利用可能

    5. Geminiまたは、他の生成AIが利用可能

    6. Windows、Chromebookで演習(※ iPad はウェブアプリを動かすときに工夫が必要)

    この演習教材の特徴

    長所
    Google 無料サービスでSNSを構築できる
    Gemini利用によりコードを書かなくても作成できる
    短所
    Apps Script デプロイの手順が複雑
    デプロイしたURLを入れないとアプリが動かない
    スプレッドシート、Apps Script、Gemini、作ったアプリ、の4つのタブを切り替えしながらの設定が複雑
    データベース利用より動作速度が遅い
    Apps Script の利用回数と時間に制限がある

    「プログラミング的思考」時期学習指導要領

    画像
    文部科学省 令和8年7月30日 教育課程部会「情報・技術ワーキンググループ(第12回)配付資料」 より抜粋 https://www.mext.go.jp/content/20260730-mxt_kyoiku01-000050649-3.pdf

    次期指導要領では「プログラミング思考」を発展的に捉えて、
    「コード記入」から「AIに指示する」に変わっています。

    Google Gemini でSNSアプリを開発

    ★プロンプト
    Google Sheetsにデータを書きこみ、読み込みを行ってデータベースのように使うSNSサイトをHTMLで作ってください。バックエンドのGoogle Sheetsのスクリプトと設定方法を提示してください。最小限の機能で簡単なプログラムにしてください。

    Gemini の回答
    Google スプレッドシート を新規作成します。
    スプレッドシート名を 「SheetSocial_DB」 など任意の名称に設定します。
    シート(タブ)の名前を posts に変更します。
    1行目(ヘッダー行)に以下の項目を左から順に入力してください
    A1: id
    B1: username
    C1: avatar
    D1: content
    E1: timestamp

    《ここからは演習説明用の画像を張り付けていきます》

    画像
    ①スプレッドシートで操作
    画像
    ②スプレッドシートで操作
    画像
    ③ Apps Script で操作
    画像
    ④ Geminiからコピー
    画像
    ⑤ Apps Scriptに張り付け
    画像
    ⑥ Apps Script  新しいデプロイ
    画像
    ⑦ Apps Script  ウェブアプリ
    画像
    ⑧ Apps Script  アクセスできるユーザー 設定
    画像
    ⑨ Apps Script  アクセスできるユーザー 設定
    画像
    ⑩ Apps Script  アクセスを承認
    画像
    ⑪ 別ウィンドウ表示 アクセスを承認
    画像
    ⑫ Apps Script  実行してログを見る
    画像
    ⑬ Gemini でウェブアプリをダウンロード
    画像
    ⑭ ダウンロードファイルをフォルダー表示
    画像
    ⑮ ウェブアプリが起動
    画像
    ⑯ GAS API 設定
    画像
    ⑰ Apps Script  デプロイを管理→ウエブアプリURL
    画像
    ⑱ GAS API 設定 にウェブアプリURLをペースト
    画像
    ⑲ スプレッドシートで記録を確認

    SNS利用・運用の注意を考えよう

    1. SNSに書いたことは完全には消えない

    2. 相手の気持ちを考えて発信する

    3. 個人情報を書き込むことは危険である

    4. 情報が本当か確かめる

    5. SNSを作る・運用する人にも責任がある

    5番目の「SNSを作る・運用する人の責任をGeminiに聞いてみよう」と指示をして、生徒同士の話し合いをさせます。
    作るだけでなく、利用と運用の注意について生徒たちに考えさせてください。

     
     
    岩手大学 教育学部 教職大学院 特任教授 中学校の教員でした(技術科、理科) アプリ開発委員会のWebページで教材を公開しています。 https://kaihatuiinkai.jp/

    あなたへのおすすめ