指でもマウスでもすぐ遊べる、スマホ・PC版にしよう
今日手元に残るもの
タッチ・マウス・キーボード、360px・PC幅、縦横、ミュート、一時停止、動き軽減へ対応した版と操作・アクセシビリティ確認表
時間の目安
端末幅と入力テストまで 40〜60分
終わりの合図
開けた・使えた・保存できた
この課題の10ステップを見る
01
今日はこれを作る
最初に、今日手元に何が残れば終わりかだけ見ます。全部を覚える必要はありません。
今日できあがるもの
タッチ・マウス・キーボード、360px・PC幅、縦横、ミュート、一時停止、動き軽減へ対応した版と操作・アクセシビリティ確認表
02
材料をAIに渡す
下の材料を用意して、ChatGPTに入れます。
今回使う材料
GAM-05の素材統合版と無音時フィードバックを使います。
材料の入れ方前の完成物を使う
- 1上に書かれた方法で、前の完成物を用意する
- 2材料がそろったら、下のプロンプトを送る
Workが表示されるならそこで続けます。なければChatへ同じ内容を送って進めます。
ChatGPTの設定と詳しい使い方ファイル変更を何度も行うため、有料版がおすすめです。使える量はプラン画面で確認してください。
実際のファイルやコードを扱うなら、Codexがおすすめです。
03
ChatGPTに送るプロンプト
プロンプトは、ChatGPTにそのまま貼る指示文です。上に書かれた前の完成物を用意してから、下の文を送ります。
このゲーム、スマホの指でもPCのマウスとキーでも遊べるようにしたい。幅360pxと大きい画面、縦と横、押しやすさ、色だけじゃない見分け、音量とミュート、一時停止、動きを減らす設定を一個ずつ試して。
04
AIの答えを確認して試す
最初から完璧でなくて大丈夫。まず一度、自分で動かしてみます。
1AIから出てくるもの
タッチ・マウス・キーボード、360px・PC幅、縦横、ミュート、一時停止、動き軽減へ対応した版と操作・アクセシビリティ確認表
自分で試すのは、これだけ
タッチ想定・マウス・キーボードで一面ずつ遊ぶ
360pxとPC幅、縦横で画面切れを見る
ミュートと動き軽減を切り替える
色を区別しにくい表示でも記号で遊べるか確かめる
05
仕上がりをよくするコツ
気になるものを一つ選んで、ChatGPTに伝えます。
スマホで誤タップ
「操作領域を広げ、画面端のブラウザ操作と重ならない位置へ動かして」
キー操作が分からない
「開始前と一時停止画面に操作キーを短く固定表示して」
06
やりがちなミス
見つけた数：0 / 5
当てはまる所を見つけたら、上のコツを使って直します。
これは合格・不合格を決めるものではありません。保存状態を確認しています。
07
ここまでできたら完成
AIの「できました」で終わらせません。実物を開いて使い、この課題の完成条件を確かめます。
三入力と二画面幅で実プレイできた
縦横・文字拡大・ミュート・停止・動き軽減を確認した
画面切れ・操作不能・色だけの識別を修正した
Workで作った物を保存するプロンプト
スマホ・PC対応版、操作表、幅別画像、入力試験、アクセシビリティ結果を「06_スマホPC対応版」に保存して。
共通の保存メモChatでできた物は、自分で保存
Chatの返答欄にファイルができたらダウンロードして「完成」フォルダへ移します。文章だけなら、全文をコピーしてテキストやWordへ貼って保存します。保存した物をもう一度開けた時に「残せた」とします。
できたことを手元に残す
作ったものや気づいたことを、自分のメモに残しておきましょう。
08
自分の仕事なら
今作ったものを、明日の仕事で使える形に変えます。
イベント端末へ置くなら、利用する端末一台のブラウザと入力方法を固定して通し試験します。
本物の顧客名、個人情報、社外秘の資料へ置き換える前に、会社のルールと閲覧権限を確かめます。
09
つまずいたところを整理する
どこまでできて、どこで止まったか。短い言葉で大丈夫です。
うまくいかなかった点をメモする
「やりたかったこと」「試したこと」「実際の結果」を並べると、次に試すことが見つけやすくなります。
メモは自分の端末へ。サイトへの質問の受付は終了しています。
10 / 任意
次に進みたい方へ
ここで完成です。続ける方だけ、下の文を送ります。
次にすること
最高得点と音設定を、次の日も残そう
続けるための追加プロンプト
追加のプロンプト
最高得点、クリアした面、音の設定だけを端末に残して。外には送らず、初回、次の日、壊れた保存、全部消す、を試そう。
進め方は3つだけ
- 1今使っているChatまたはWorkを、そのまま続ける
- 2下の追加プロンプトをコピーして送る
- 3出てきた物を見て、必要な所だけ一つ直す
今作った物の、ここを使います
端末別に合格したゲームと必要な設定だけを保存対象にします。
できるようになること
ログインなしで、最低限の進み具合を端末内へ安全に残せます。
この内容を詳しく学ぶ教材
GAM-07「最高得点や音の設定が、次の日も残るようにしよう」