# お部屋育成レポート デザイン仕様書+実装指示文(一般用テンプレート) これは「キャラクターのお部屋を少しずつ育てる」企画を、AIアシスタントと一緒に作るための汎用テンプレートです。 の部分を自分の設定に置き換えて使ってください。個人名や固有名詞は入っていません。 ## まず決めること(記入欄) - 企画名: - 主役キャラクター: - 利用者(あなた)の呼び名: - テーマ: - 天気の対象地域: (ボードに天気を表示する場合) - 壁のポスター: ## デザイン仕様書 [土台づくり] 1. 専用チャット: この企画だけを扱う専用チャットを1つ作る(投稿・相談・記録確認だけ。他の話題は持ち込まない)。 2. テーマと主役: キャラクターの部屋を育てる。家具・アイテムが少しずつ増えていく様子を見せる。主な利用者はあなた。目的は見て楽しい・集める楽しさ。 3. 投稿・更新のペース: 毎日、夜に1日1回。定期タスクで自動化する。1回の分量は部屋の最新画像1枚+レポート文(その日の変化とキャラクターのコメント)。 4. 記録の置き場: 正本ファイル(進行・設置済み・次の予定を書くメモ)と、レポートボード(サーバー保存型アプリ)の両方。画像は企画フォルダ配下に保存。更新は毎晩の定期タスク+手動。 5. 育てる対象のリスト設計: 初期は1点だけ(例: ベッド)でスタートし、レベル1にする。追加候補はウィッシュリストで管理し、追加は1回のレポートで1点だけ。部屋は広めに描き、家具が増える余地を大きく取る。 [ゲームUI] 6. 世界観・絵柄・フォント: 育成シミュレーション風。部屋画像はリッチなイラスト画風(質感のある壁と木の床、温かい光、細部まで描く painterly なアニメイラスト)がおすすめ。ボードUIの色はキャラクターのイメージカラーでまとめ、フォントはドット文字風にするとゲーム感が出る。家具コレクションに無い小物(クッション、ブランケット、開いた本、マグカップ等)は画風の一部として描いてよいが、ウィッシュリストの品は入手前に描かない。壁は質感を均一にきれいに保ち、荒れや汚れは付けない。壁の下側をウッディな腰壁(明るい木の縦板パネル+上端に濃いめの横木の見切り)にするのもおすすめ。 7. 守るべき既存機能・データ・外部連携: 新規設計の場合はなし。既存の続きを作る場合は、既存データと互換を壊さないこと。 8. ステータス表示: レベル=設置済み家具数。EXP=設置数 ÷ 全候補数(設置済み+ウィッシュリスト)の%表示。「次のレベルまで あと○件」も併記。 8b. 部屋の構図: 横幅の広い部屋にする。ベッドは左の手前に置いて奥の隅に引っ込めない(他の家具と奥行き・パースを揃える)。机と正面窓は中央、ソファは右寄り、出窓は右壁、が安定する。壁の装飾として、ソファの上の壁にお気に入りのポスターを額縁に入れて大きめに掛けると部屋らしくなる(家具コレクションには数えない常設の壁装飾として扱う)。 9. メイン画面: 最新の部屋画像をゲーム画面風フレームで大きく出す。入手時は「○○を手に入れた!」のゲットバナーを付ける。 - ポーズ切り替え(任意): キャラクターのポーズを1日4回、時刻で切り替える(例: 朝は椅子に座って机で勉強、昼は立ち姿、夕方はソファに座ってくつろぐ、夜はベッドの縁に座る)。ポーズ画像は当日の部屋画像と同じ構図で、家具との大きさと頭身を立ち姿に合わせて作る。どのポーズでも、キャラクターの頭が窓ガラスや窓枠に重ならない位置にすること(時刻連動の景色が頭に重なって見えるため)。レポート履歴・タイムラプスは通常画像(立ち姿)のまま。 - 時刻連動: ボードを開いた時点の現地時間に合わせて、窓の外の太陽(昼)/月(夜)の位置と部屋全体の明るさが変わる。太陽と月は正面の窓だけに表示する(両方の窓に出すと月が2つあって変になる。出窓には空・星・木々だけ)。 - 窓の外の景色の画風: 時刻連動の景色は平たい図形ではなく、部屋絵と同じ painterly な風景画(朝・昼・夕・夜の4種、太陽/月は絵の左側だけにある)を用意し、正面窓には絵の左寄り、出窓には絵の右寄りを割り当てる。風景画は「窓枠ごと」描かず、風景だけを画面いっぱいに描くこと(枠が入るとボードの窓と二重になる)。 - 天気連動(任意): 景色を時刻だけでなく対象地域の天気にも連動させると楽しい。曇り用・雨用の風景画(昼・夜)も用意し、晴れ→晴れの絵、曇り→曇りの絵、雨→雨の絵、のように切り替える。曇り・雨の絵には太陽・月を描かない。 - 窓の大きさ: 右壁の窓は出窓(張り出し窓、木の上枠と下の台座つき)にすると立体感が出る。出窓を作る時は、中央の広い面と斜めの側面で張り出し、上枠と下の台座も窓と同じ角度で揃えて一体感のある形にすること(側面が正面を向いて窓が2つ並んで見える形、上枠だけ箱状に飛び出す形は不自然になりやすい)。大きさは床から天井までの窓にはせず、上端は天井に届かせず、縦は壁の高さの6割程度まで。外の景色は出窓のガラス面の中だけに収める。 - 正面の窓: 机の真後ろに窓を1つ付ける。幅は机とほぼ同じ、複数枚ガラスの平面窓で、下端は机の天板の少し上。景色はこのガラス面の中だけに収める。 - 天井照明: 天井の中央にシーリングライトを1つ付ける。家具コレクションには数えない部屋の標準設備とする。時刻連動と合わせ、昼は消灯、夕方〜夜は点灯。夜でも家具とキャラクターがはっきり見える明るさにする(窓の外の夜空の暗さはそのまま残す)。光の描写はシンプルにし、部屋全体が明るくなっているだけでよい。光の広がり・ハロー・光条といった大げさな演出は付けない(もやがかって埃っぽく見えるため)。 10. 案内役とメッセージウィンドウ: 案内役は主役キャラクター。名前プレート付きRPG風メッセージウィンドウ。記録に残るコメントでの利用者の呼称は記入欄の呼び名で統一する。 11. コレクション/図鑑: アイテムカード風。入手済みは「GET!」タグ+入手日、未入手はシルエット+「???」。図鑑の頭に入手率(○/全体・%)を表示。 12. 履歴/ログ: クエスト達成ログ風(達成スタンプつき)+部屋画像のタイムラプス。 13. 選択・指名機能: クエスト受注形式「クエストをえらぶ」。利用者がウィッシュリストから次の家具を選ぶと、次の夜の更新でその家具が追加される。 14. メニューと専用アイコン: 専用ドット絵アイコンを新規作成(例: メイン=家、図鑑=魔法の本、ログ=巻物、クエスト=旗、時計、天気6種)。ドット絵は拡大してもぼやけない表示にする。 15. HUD要素: 時計と対象地域の天気をメニューバーに統合し常時表示。天気の種類は晴れ/晴れ時々曇り/曇り/雨/雪/雷雨。冗長なラベルは削減し、スマホでは最小表示。部屋の明るさ・太陽/月の位置も実時刻と連動する(項目9参照)。 16. レイアウト順序とレスポンシブ対応: メイン → メニュー → ステータス → その他。メニューはスティッキー(スクロール追従)。スマホでは1カラムで崩れないこと。 17. 未決定事項: ウィッシュリストの初期候補リスト/毎晩の投稿の正確な時刻/メイン画像のGIFアニメーション対応の有無(作りながら決めてよい)。 [運用のコツ(実践で分かったこと)] - 画像の差し替えは、同じURLのまま中身だけ替えると端末側のキャッシュで古い絵が出続けることがある。画像のURL(パス)自体に版数を入れて新しいアドレスにすると確実に切り替わる。 - 「○○を手に入れた!」バナーは一時表示で消えてよいが、入手したアイテム自体が表示から消えるのはNG。更新のたびに正本の画像と表示を同期し、アイテムが見えているか目視確認してから完了にする。 - ポーズ画像やバリエーションを作ったら、1枚だけでなく全バリエーションに同じ修正を反映し、家具の移動・複製・消失が無いか全部見てから出す。 - プレビューや提案は、利用者の承認の言葉があるまで確定扱いにしない。 ## 実装指示文 上記のデザイン仕様書の内容で、土台づくりから構築してください。 条件: - 専用チャットは作成済み。テーマと扱う範囲をそのチャットで共有すること - 投稿・更新ペースは毎日・夜に1回にし、定期タスク化はする(正確な時刻は着手時に決める) - 記録の正本は企画フォルダのメモファイルに置き、画像は企画フォルダ配下に保存すること - 育てる対象は初期1点+ウィッシュリストで管理し、1回の追加は1点までとすること - 既存のデータ、保存形式、アクション、APIがある場合は互換を壊さないこと - 見た目と演出の変更を優先し、機能の削除はしないこと - 専用アイコンはドット絵を新規作成し、MENUチップと各セクション見出しに組み込むこと - スマホでは1カラム+HUD最小表示で崩れないこと - 完了したら、変更した箇所と、既存機能が無事なことを報告すること ## 毎晩の自動更新タスク(ひな形) 1. 正本メモと仕様書を読み、ボードの現在の状態を確認する。 2. 追加する家具を1点だけ決める: クエスト受注中のアイテムがあればそれ、無ければウィッシュリストの先頭。空なら追加せずレポートだけ投稿する。 3. 部屋の最新画像を1枚生成する。前日の画像を参照に、同じ構図・画風のまま、家具が1点増えたことが分かるようにする。夜の更新なら夜の姿(窓の外は夜空、天井照明は点灯、明るさは強め)にする。景色はガラスの範囲の中だけに収め、太陽と月は正面の窓だけに描く。ウィッシュリストの品は入手前に描かない。 4. ポーズ画像を使う場合は、立ち姿を基にポーズ違いを同数作る(頭身と大きさは立ち姿と同一にし、頭が窓に重ならない位置に座らせる。ポーズ先の家具が未設置ならそのポーズは作らない)。 5. ボードを更新する: 当日のレポート追加、最新画像・ゲットバナー・最新コメント・対象地域の天気を更新し、当日の画像とポーズ画像をボードへ取り込む。時刻連動・天気連動の仕様は壊さない。 6. 正本メモを更新する(設置済み・レベル・EXP・ログに当日の1行)。 7. 専用チャットに、部屋画像1枚+レポート文(何が増えたか、現在のレベルとEXP、キャラクターの一言コメント)を投稿する。投稿する画像は立ち姿の通常画像にする。 制約: 追加は1晩に1点まで。個人情報は出さない。途中で失敗したら無理に繰り返さず、どこまで進んだかを最終報告に書いて終わる。