4. フォルダーとファイル構成

プロジェクトの中身を理解すると、どこを編集すればよいかがすぐわかります。下の表は代表的なファイルの場所と役割です。

場所 内容 初心者向けメモ
index.html ゲーム画面の土台。HTML のレイアウトを定義しています。 ボタンやカードの配置を変えたいときに使います。
style.css 見た目(色・フォント・余白など)をまとめています。 色を変えたいときはこのファイルを編集します。
main.js ゲームのメインロジック。タブ切り替えやボタン操作を制御します。 挙動を変えるときは慎重に。小さく編集しながら試しましょう。
js/ 機能ごとの JavaScript ファイルが入っています。 処理を分けたいときに便利です。
games/ ミニゲームなどの追加コンテンツの情報が入ります。 新しいゲームを入れたいときに使います。
dungeontypes/ ダンジョンの種類に関するデータファイル群です。 敵の強さや報酬を調整できます。
blockdata.js / blockdata.json ブロック次元モード用のデータ。複雑な設定が入っています。 最初は blockdata.json を読み、形を把握しましょう。
tools/ 制作者向けのツールやテンプレートがあります。 自分用にアレンジして使えます。

4.1 推奨するフォルダー整理術

4.2 ファイルの命名規則

新しいファイルを追加するときは、英数字とハイフン(-)を使ったわかりやすい名前を付けましょう。 拡張子は .html.css.js.json など目的に応じて選びます。