タップした瞬間の楽しさが見える、遊び方と7画面を描こう
今日手元に残るもの
開始・プレイ・一時停止・成功・失敗・結果・再挑戦の遷移図、スマホ・PC画面、ルール表、難易度初期値、正常・失敗テスト10件
時間の目安
最初の完成まで 10〜20分
終わりの合図
開けた・使えた・保存できた
この課題の10ステップを見る
01
今日はこれを作る
最初に、今日手元に何が残れば終わりかだけ見ます。全部を覚える必要はありません。
今日できあがるもの
開始・プレイ・一時停止・成功・失敗・結果・再挑戦の遷移図、スマホ・PC画面、ルール表、難易度初期値、正常・失敗テスト10件
02
材料をAIに渡す
下の材料を用意して、ChatGPTに入れます。
今回使う材料
GAM-01の企画カードと6コマを具体的な画面と数字へ変えます。
材料の入れ方前の完成物を使う
- 1上に書かれた方法で、前の完成物を用意する
- 2材料がそろったら、下のプロンプトを送る
Workが表示されるならそこで続けます。なければChatへ同じ内容を送って進めます。
ChatGPTの設定と詳しい使い方ChatGPTの無料版で始めやすい課題です。上限に達したら、時間を置いて続けます。
03
ChatGPTに送るプロンプト
プロンプトは、ChatGPTにそのまま貼る指示文です。上に書かれた前の完成物を用意してから、下の文を送ります。
このゲームを、開始、プレイ、一時停止、成功、失敗、結果、もう一回の7画面にして。スマホとPCで、どこを押すかも見たい。得点、60秒、速さ、出る数を数字で決めて、普通に遊ぶのと失敗するテストを10個作って。
04
AIの答えを確認して試す
最初から完璧でなくて大丈夫。まず一度、自分で動かしてみます。
1AIから出てくるもの
開始・プレイ・一時停止・成功・失敗・結果・再挑戦の遷移図、スマホ・PC画面、ルール表、難易度初期値、正常・失敗テスト10件
自分で試すのは、これだけ
7画面を矢印どおり指でたどる
成功と失敗を各一回数字で計算する
一時停止から戻る操作を確認する
10テストの期待結果を実装前に読む
05
仕上がりをよくするコツ
気になるものを一つ選んで、ChatGPTに伝えます。
数字を決めにくい
「最初は60秒、成功10個、三回当たると失敗の仮値で見本を作って」
スマホで押しづらい
「主操作を親指の届く下半分へ大きく置いて」
06
やりがちなミス
見つけた数：0 / 4
当てはまる所を見つけたら、上のコツを使って直します。
これは合格・不合格を決めるものではありません。保存状態を確認しています。
07
ここまでできたら完成
AIの「できました」で終わらせません。実物を開いて使い、この課題の完成条件を確かめます。
7状態と全遷移を説明できた
時間・得点・速度・出現数・勝敗の初期値が決まった
正常と失敗の10テストに期待結果があった
Workで作った物を保存するプロンプト
遷移図、スマホ・PC画面、ルール、難易度初期値、10テストを「02_ルールと7画面」に保存して。
共通の保存メモChatでできた物は、自分で保存
Chatの返答欄にファイルができたらダウンロードして「完成」フォルダへ移します。文章だけなら、全文をコピーしてテキストやWordへ貼って保存します。保存した物をもう一度開けた時に「残せた」とします。
できたことを手元に残す
作ったものや気づいたことを、自分のメモに残しておきましょう。
08
自分の仕事なら
今作ったものを、明日の仕事で使える形に変えます。
社内研修へ変える時は、正解・誤りの根拠と対象年齢を人が決め、得点だけで人を評価しません。
本物の顧客名、個人情報、社外秘の資料へ置き換える前に、会社のルールと閲覧権限を確かめます。
09
つまずいたところを整理する
どこまでできて、どこで止まったか。短い言葉で大丈夫です。
うまくいかなかった点をメモする
「やりたかったこと」「試したこと」「実際の結果」を並べると、次に試すことが見つけやすくなります。
メモは自分の端末へ。サイトへの質問の受付は終了しています。
10 / 任意
次に進みたい方へ
ここで完成です。続ける方だけ、下の文を送ります。
次にすること
まず一面、本当に触って遊べるようにしよう
続けるための追加プロンプト
追加のプロンプト
見た目は図形でいいから、まず第一ステージをブラウザで本当に動かして。開始、操作、当たり、得点、終了、結果、もう一回まで。
進め方は3つだけ
- 1今使っているChatまたはWorkを、そのまま続ける
- 2下の追加プロンプトをコピーして送る
- 3出てきた物を見て、必要な所だけ一つ直す
今作った物の、ここを使います
7画面、操作、得点、時間、勝敗、10テストを実装条件にします。
できるようになること
押しても動かない画面ではなく、開始から再挑戦まで動く実行版になります。
この内容を詳しく学ぶ教材
GAM-03「まず1ステージ。触って遊べるゲームを本当に動かそう」