6. アプリかゲームを作る
誰でも、簡単に、素早く、アプリが出来る。プログラムは書きません。AI に日本語で頼むだけです。
いよいよ本題です。作りたいほうを押して、選んでください。
あとから、もう片方も作れます（公開されるのは、あとに作ったほうです）。
6-1. 作ってもらう
作業フォルダの samples に、サンプルのファイルが2つ入っています。
| ファイル | 中身 |
|---|---|
sample-manual.docx |
架空の事務所の手順書（Word・6章） |
sample-inventory.xlsx |
架空の備品の在庫表（Excel・20品目と入出庫の履歴） |
どちらか1つを選んで、送ります。
samples の sample-inventory.xlsx を、アプリにしてよ
samples の sample-manual.docx を、アプリにしてよ
作り終わるまで、数分かかります。できたら AI がブラウザで開いてくれます。
ブラウザでアプリが開けば OK です。見た目も機能も、人によって違っていて大丈夫です。
知っているゲームなら、名前を出して頼むだけで作れます。ファイルはいりません。
テトリスみたいな、落ちてくるブロックを並べて消すゲームを作って。スマホでも指で遊べるようにして
ぷよぷよみたいな、同じ色を4つつなげて消すゲームを作って。連鎖したら点数が増えるようにして
ブロック崩しのゲームを作って。スマホは指で、パソコンはマウスで動かせるようにして
トランプの神経衰弱を作って。何回でそろえられたかを記録して
作り終わるまで、数分かかります。できたら AI がブラウザで開いてくれます。
遊べれば OK です。見た目も遊び方も、人によって違っていて大丈夫です。
公開するときは、元のゲームの名前やキャラクター・画像はそのまま使わず、自分で名前を付けてください。AI もそのように作ります。
6-2. 注文をつけて直してもらう
気になるところを、そのまま日本語で伝えます。大げさなくらいの注文で大丈夫です。
リッチな機能を実装して
複数人で管理できるようにして
スマホで見やすくして
発注が必要な品目だけを、いちばん上に目立つように出して
新人向けに、手順書の内容からクイズを出す画面を足して
「複数人で管理」を本当に実現するには、みんなのデータを保存する場所（D1）とログイン（Access）が要ります。
今日は、まず1人用で形にしてもらい、続きは「応用編：データを保存する（D1・R2）」で進めます。
パワーアップのアイテムを出して。取ると、しばらく速く動けるようにして
キャラクターの設定を作って。名前・色・動く速さ・得意技を選べるようにして
敵からの攻撃を100倍にして
最後にボスを出して。倒したらエンディングを見せて
ハイスコアのランキングを出して
6-3. 公開する
公開して
作業フォルダ（C:\ws\my-app）の publish.bat をダブルクリックしても公開できます。
https://my-app.〇〇.workers.dev を開いて、作ったものが出れば OK です。
スマホでも開いてみてください。自分宛てにメールや LINE で URL を送ると簡単です。
6-4. 共有しよう
公開した URL（https://my-app.〇〇.workers.dev）をコピーして、講師が案内する場所に 貼り付けて共有してください！
みんなが作ったものを、スマホで開いてみましょう。
6-5. スマホアプリにしよう
ホーム画面にアイコンを置いて、アプリのように開けるようにします。
このアプリを、スマホのホーム画面に置けるアプリにして。アイコンも作って。できたら公開して
- iPhone … Safari で URL を開く → 下の共有ボタン（四角から矢印が出ているもの）→「ホーム画面に追加」
- Android … Chrome で URL を開く → 右上の「︙」→「ホーム画面に追加」または「アプリをインストール」
ホーム画面のアイコンから開くと、アドレスバーのない、アプリの画面で開きます。
うまくいかないとき
- どのファイルか聞き返された … 「在庫表の方」「手順書の方」と答えてください
- 動かない・真っ白 … 「動きません。直して」と送ってください。何が起きているかを書き足すと早く直ります
- AI が公開の途中で止まった … Windows は作業フォルダの publish.bat をダブルクリック。Mac はターミナルで
cd ~/ws/my-app && node tools/run.mjs publish - 公開したのに「準備中」のまま … 再読み込みしてください（Windows は Ctrl + F5、Mac は command + shift + R）
- ホーム画面に追加しても、前の画面のまま … ホーム画面のアイコンを消し、ブラウザで再読み込みしてから、もう一度追加してください
- 時間が足りない … 6-2 はとばして、6-3 の「公開して」だけ送ってください