Dqwv2の設計・技術選定・コミット履歴を解説

01 / 概要

プロジェクトの概要と目的

dqwv2 — 無課金ウォーカーの手引き 無課金でドラクエウォークを続けるプレイヤー向けの支援サイト。日課チェックリスト、 イベント情報ボード、オートバトル安定重視のパーティ編成・装備ガイドをまとめています。 デプロイ先: https://dqw navi.com/ セットアップ 主なコマンド npm run dev : 開発サーバー起動 npm run build : 本番ビルド npm run preview : ビルド結果のプレビュー npm run lint : oxlintによる静的解析 データについて 日課・イベント情報・パーティ編成ガイドは、いずれも自動取得ではなく手動入力です。 ゲームの実際の仕様・確率・日程は公式情報で確認のうえ、自分の言葉で記録してください。 データはブラウザのlocalStorageに保存されます サーバーには送信されません 。 収益導線を有効にする アフィリエイトリンク 歩行関連グッズ 「歩き続けるためのおすすめグッズ」セクションの各カードにある入力欄に、実際の商品ページの アフィリエイトURLを貼り付けてください。空欄の間はリンクが無効表示になります。 Google AdSense 1. AdSenseで発行された タグを index.html の に追加する。 2. src/App.jsx の .ad slot の中身を、AdSenseが発行する タグに 置き換える。

本記事は公開されている構成と main ブランチのコミットを一次情報として整理しています。

02 / 使用技術

使用技術と役割

03 / 設計

構成から読み解く設計

主な項目は CLAUDE.md、README.md、index.html、package-lock.json、package.json、public、src、vite.config.js です。

• 単一アプリケーション構成
• 機能単位の責務分割

04 / 変更履歴

コミットから見る実装の変遷

以下は既定ブランチの直近の変更です。リンク先で原文と一次情報を確認できます。

1. 2026/07/31
   実装内容を更新de3dc55をGitHubで確認 ↗
2. 2026/07/31
   機能・コンテンツを追加46c89c0をGitHubで確認 ↗
3. 2026/07/31
   機能・コンテンツを追加e7432f1をGitHubで確認 ↗
4. 2026/07/31
   機能・コンテンツを追加5b69411をGitHubで確認 ↗
5. 2026/07/30
   機能・コンテンツを追加2779f48をGitHubで確認 ↗
6. 2026/07/30
   プロジェクトの初期構成を作成c758f69をGitHubで確認 ↗

05 / 学び

このプロジェクトから得られる学び

• 変更を小さく記録する

  コミット単位で目的を分けると、実装の意図を追跡しやすくなります。

• 構成と技術選定を結び付ける

  JavaScriptの採用理由と各ディレクトリの責務を説明できることが保守性につながります。

• READMEと実装を同時に育てる

  説明とコードを近い状態に保つことが、再利用と振り返りを助けます。

06 / よくある質問

よくある質問