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

01 / 概要

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

Autohensei Autohensei は、無課金で遊ぶ「ドラゴンクエストウォーク」向けに、オート戦闘で安定しやすい編成と装備情報をまとめた Next.js サイトです。 主な機能 編成ランキング一覧 編成詳細ページ（役割、推奨武器、運用メモ） 無課金装備一覧 SEO対応（metadata、sitemap、robots、JSON LD、llms.txt） 技術スタック Next.js 16 App Router React 19 TypeScript Tailwind CSS 開発手順 ブラウザで http://localhost:3000 を開いて確認できます。 品質確認 データ編集 編成データ: data/compositions.json 装備データ: data/equipment.json データ更新後は npm run build で静的生成を確認してください。

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

02 / 使用技術

使用技術と役割

03 / 設計

構成から読み解く設計

主な項目は です。

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

04 / 変更履歴

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

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

1. 2026/08/15
   支援・購入への導線を追加する430538bをGitHubで確認 ↗
2. 2026/08/11
   実装内容を更新6816785をGitHubで確認 ↗
3. 2026/08/10
   機能・コンテンツを追加bdf7bc1をGitHubで確認 ↗
4. 2026/08/10
   機能・コンテンツを追加0d75500をGitHubで確認 ↗
5. 2026/08/10
   機能・コンテンツを追加0856303をGitHubで確認 ↗
6. 2026/08/05
   機能・コンテンツを追加272a60bをGitHubで確認 ↗
7. 2026/08/04
   機能・コンテンツを追加2416e25をGitHubで確認 ↗
8. 2026/07/26
   プロジェクトの初期構成を作成299ee4dをGitHubで確認 ↗
9. 2026/07/26
   プロジェクトの初期構成を作成48e7a13をGitHubで確認 ↗

05 / 学び

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

• 変更を小さく記録する

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

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

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

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

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

06 / よくある質問

よくある質問