NOTE 01企画と設計
小さなゲームは「一つの動作」からつくる
盛りだくさんの企画を、最後まで遊べる一作にする。たこ焼きを例に、最初に残す操作と後回しにする機能を整理します。
約2分で読む読む →
DEVELOPMENT NOTES / 30 ARTICLES
開発ノート
小さなアプリをつくる人へ。操作を考えるところから、素材、AIとの制作、公開後の運用まで。気になる疑問から読める30本です。
30件の記事を表示中
該当する記事がありません。キーワードを短くするか、「条件をクリア」で一覧に戻れます。
NOTE 02企画と設計
難しいゲームと、反応しないゲームを分ける
失敗を楽しめる難しさはどこにあるのか。タップ判定とゲームのルールを別々に調整する考え方です。
約2分で読む読む →
NOTE 03企画と設計
失敗した完成品も、残したくなる結果にする
崩れたソフトクリームに名前を付けるだけで終わらせない。操作の痕跡と、次の挑戦につながる結果画面を考えます。
約2分で読む読む →
NOTE 04企画と設計
説明しすぎないチュートリアルのつくり方
操作を知らずに困る状態と、答えを全部教えられる状態。その間にある、短く試せる導入を設計します。
約2分で読む読む →
NOTE 05企画と設計
シークレット結果と腕前を、同じ点数にしない
珍しい結果を探す楽しさを加えながら、操作が上達した手応えを失わないための抽選と評価の分け方。
約2分で読む読む →
NOTE 06操作と動き
タップ・長押し・ドラッグを、役割で使い分ける
全部タップにすると作業感がなくなり、全部ドラッグにすると疲れる。三つの操作を、ゲーム内の意味から選びます。
約2分で読む読む →
NOTE 07操作と動き
指で隠れる場所に、大事な情報を置かない
PCでは見えるのにスマホでは操作しづらい。指の位置、結果の位置、状態表示の距離から画面を見直します。
約2分で読む読む →
NOTE 08操作と動き
二つ同時に操作させる前に、一つを自動にできないか
コーンを回しながら下げる。現実の動きを、そのままスマホへ持ち込むと難しくなる理由と、残す操作の選び方。
約2分で読む読む →
NOTE 09操作と動き
指で作った形を、完成画面まで残す
途中でいびつだった生地が、最後だけ真円になる違和感。操作の軌跡と結果画像をつなぐためのデータの持ち方。
約2分で読む読む →
NOTE 10操作と動き
完成前の数秒は、何が起きている時間なのか
「できあがり」を押してすぐ結果に飛ぶより、仕上がる瞬間を見せたい。待たされるだけにしない完成演出の整理。
約2分で読む読む →
NOTE 11見た目と音
AIの完成写真と、プレイ結果を混同させない
実物らしい写真は魅力になる。でも、操作した形と違う写真を同じものとして見せないための、二つの表示の使い分け。
約2分で読む読む →
NOTE 12見た目と音
ゲーム用のAI画像は、最初に撮影条件をそろえる
味ごとの画像を並べたら器も角度も違った。素材の差し替えが自然になる、共通条件と変える条件のメモ。
約2分で読む読む →
NOTE 13見た目と音
写真をきれいに見せながら、読み込みを軽くする
完成写真を増やすほど重くなるゲームページ。寸法、形式、読み込む順番を分けて調整する手順です。
約2分で読む読む →
NOTE 14見た目と音
動く完成画面にも、静かに見られる選択肢を
回転や揺れは立体感を出せる一方、読み取りを妨げることも。停止できる演出と情報の残し方。
約2分で読む読む →
NOTE 15見た目と音
ゲームの音は「リアルな素材」より鳴るタイミング
焼く音、道具の音、食べる音。素材の種類を増やす前に、操作と音がつながっているかを見直します。
約2分で読む読む →
NOTE 16実装と公開
小さなWebアプリのファイルを、役割で分ける
HTML一枚で始めた試作が、直すのも怖い長いコードになったら。表示、状態、入力を分ける最小構成を紹介します。
約2分で読む読む →
NOTE 17実装と公開
無料の静的サイトで、できること・別に必要なこと
ブログとブラウザゲームをCloudflare Pagesへ置く構成。サーバーを持たない運用と、追加サービスが必要になる境目。
約3分で読む読む →
NOTE 18実装と公開
公開先を変える前に、リンクの書き方を点検する
トップは開くのに画像や共有先だけ古いまま。サイト移転で見落としやすい、URLのある場所を整理します。
約3分で読む読む →
NOTE 19実装と公開
ブラウザに記録するゲームで、保存について伝えたいこと
localStorageは便利でも、アカウント同期ではない。記録がどこに残り、どこでは引き継がれないかを説明する。
約2分で読む読む →
NOTE 20実装と公開
「公開できた」と言う前の、短い確認リスト
ローカルで動いた、アップロードした、公開先で動いた。この三つを分けて、小さなサイトを確かめる手順。
約2分で読む読む →
NOTE 21AIと制作
AIへアプリを頼むとき、最初に渡す四つの情報
「リアルなゲームを作って」だけでは判断がずれる。目的、操作、結果、確認条件を短い依頼へまとめます。
約2分で読む読む →
NOTE 22AIと制作
AIが書いたコードは、小さい差分で確かめる
見た目の修正なのに保存機能まで変わっていた。変更範囲を絞り、意図しない影響を見つける読み方。
約2分で読む読む →
NOTE 23AIと制作
「動かない」を、直せる不具合メモに変える
長い説明より、再現できる三手順。AIへ修正を頼むときにも使える、端末・操作・期待結果の残し方。
約2分で読む読む →
NOTE 24AIと制作
開発メモには「やったこと」より「確認できたこと」を残す
保存、アップロード、公開、審査は別の状態。次の日に迷わず再開できる、短い進捗の書き方です。
約2分で読む読む →
NOTE 25AIと制作
AIとブログを書くとき、記事数より先に決めること
似た記事を増やさず、読者の疑問ごとに一本を書く。体験の捏造を避け、根拠と編集方針を明らかにする。
約2分で読む読む →
NOTE 26道具と制作環境
スマホスタンドを、実機確認の道具として選ぶ
見やすさだけでなく、タップしても揺れないこと。アプリの操作確認に使うスタンドで見たい項目を整理します。
約2分で読む読む →
NOTE 27道具と制作環境
マウスだけで終わらせない、ドラッグ操作の確認
同じWebアプリでも入力機器で感触が変わる。マウス、トラックパッド、タッチを使い分ける確認メニュー。
約2分で読む読む →
NOTE 28道具と制作環境
効果音の確認は、ヘッドホンと本体スピーカーで
細部を聞く環境と、実際に遊ばれる環境は違う。音の制作で揃えたい条件と、購入前に整理する用途。
約2分で読む読む →
NOTE 29道具と制作環境
USBハブは「差し込み口の数」以外も確認する
開発用の端末、ストレージ、充電をつなぐ前に。形状、用途、電源を分けて仕様を読むためのチェックリスト。
約2分で読む読む →
NOTE 30道具と制作環境
アプリのバックアップは、公開フォルダだけでは足りない
サイトは復元できても編集できない、を防ぐ。ソース、素材、公開物、設定を分けて保存する考え方です。
約3分で読む読む →