🛠 授業アプリ工房 使い方ガイド

AIと相談しながら、授業で子どもが使う1枚もののWebアプリを作る工房です。

1. 工房でできること

作る「小2のくり上がりのたし算を、3つの答えから選ぶクイズに」のように頼むと、AIがアプリを作ります。
確かめる右のプレビューで、その場で動かせます。パソコン・タブレット・スマホの幅で見られます。
直す「ボタンをもっと大きく」「問題を10問に」のように頼むと直ります。前の版にも戻せます。
チェックライブラリの決まり(外と通信しない・記録を保存しない など)と、動かしたときのエラー、子どもの使いやすさ(🌱 やさしさ点検)を確かめます。
持ち帰る「⬇ 保存」で1つのファイル(〇〇.html)として持ち帰り、授業で使えます。アプリライブラリへの申請もできます。
作ったアプリには、工房の基本スタイル(デジタル庁デザインシステムをもとにした、大きな文字とボタン・見やすい色・キーボードで選んでいる場所の枠)が自動で入ります。

2. はじめての方へ(5分)

  1. 上の帯の + 新しく作る を押し、一般モードを選びます。
  2. 左下の欄に、作りたいアプリを書いて 送信。対象(学年)・ねらい・操作の流れを書くと伝わりやすくなります。
  3. 1分ほどで、右にアプリが出ます。実際に押して確かめます。
  4. 直したい所を、また左下に書いて送ります。直すたびに v1、v2… と版が増えます。
  5. ✅ アプリをチェック を押して、気づいた点がないか確かめます。
  6. ⬇ 保存 で持ち帰ります。
児童生徒の名前・成績などの個人情報は、頼む文に書かないでください。

3. 学びモードと一般モード

🎓 学びモードAIへの頼み方(プロンプト)を学びながら作ります。「プロンプトの型」の6つの欄(目的・対象・流れ・内容・見た目・そのほか)を自分の言葉で書き、コーチに質問したり評価してもらったりしてから作ります。AIは作ったあとに「■ 使いやすさの工夫」と「■ AIが決めたこと」を教えてくれます。ほかのAI(Gemini や ChatGPT など)でも使える頼み方が身につきます。
🛠 一般モードふつうのAIチャットのように、頼んだとおりに作ります。早く作りたいときに。

4. プレビューと直し方

5. アプリをチェック

💡 は参考のヒントです。直さなくてもライブラリに申請できます。

6. 見た目を選ぶ

プレビューの上の 🎨 見た目 で、色の組み合わせを変えられます。AIは使わないので、回数には数えません。

ふつう落ち着いた青。いつもはこれで。
やわらかさらに落ち着いた緑と灰色。画面の動きも止めます。刺激に敏感な子に。
はっきり黒い太い枠で、色の差が大きい組み合わせ。見えにくさがある子に。

「赤とオレンジで元気に」のように色を頼むこともできます。読みにくい薄い色は、工房が同じ色合いのまま濃く直します。

7. 保存とライブラリへの申請

  1. ⬇ 保存 で、アプリを1つのファイル(〇〇.html)として持ち帰ります。ダブルクリックするとブラウザで開きます。
  2. みんなに使ってほしいアプリは、📮 ライブラリへの申請のしかた の手順で、授業アプリライブラリに申請できます。運営が内容を確かめてから公開します。

工房で作ったアプリには、ライブラリで「🌱 工房の基本スタイルを使用」の札が付くことがあります。

8. 回数について(会員の方)

9. よくある質問

アプリが途中で切れてしまいました

長すぎると途中で切れることがあります。「続きを省かずに、もう少し短く作り直して」と送ってください。

AIに外部のAIや保存の機能を頼んだら断られました

ライブラリの決まりで、外と通信する・記録を保存する・名簿を取り込む機能は使えません。AIが決まりの範囲でできる別の方法を提案します。残したいものは印刷で残せます。

同じ頼み方でも、毎回ちがうアプリになります

AIは毎回少しずつちがうものを作ります。気に入った版ができたら、そこから少しずつ直していくのがおすすめです。