AIと資料で開発!より一層AIを活用する開発手法を考える

<img decoding=

個人でこんなゲームを作っているひしょうです!
AIを活用する場面としてコード書いているときにチャットで
「この部分のエラーを修正して」とか「ここの挙動をこういう風に直して」など
大部分を自分で作って一部を修正してもらうような活用しかできていませんでした。
そこで大部分をAIに開発してもらうために、どのAIにどんな資料をどんなふうに読み込ませてどうやって開発するのがいいのかを考えます。

設計手法

AIと相談しながら以下のように資料を読み込ませ開発する手法でいくことにしました。
①AIが読み込める資料を以下の通りに作成していく
テキストベースのほうがAIが読み込めないと思うのでどんなツール使ってどういう形式で読み込ませるかを考えてもらいました。
また、設計するのも時間がかかるので開発規模に応じて適切な労力で作れるように優先度も入れています。

✅ AI活用のための資料一覧(優先度付き)

資料名内容・目的読み込み形式(推奨)作成方法・ツール例優先度
READMEプロジェクト概要・目的Markdown (.md)VS Code, GitHub🟥 高
機能仕様書どんな機能を実装するか(ユーザー視点)Markdown (.md) / JSONNotion, Excel, VS Code🟥 高
クラス図クラス構造・責務・関係性の整理Mermaid (.mmd) / PlantUML / Markdown表StarUML(UI)→ PlantUML出力 or Mermaid手書き🟧 中
開発ルール集命名規則・ディレクトリ構成Markdown (.md)Notion, Obsidian, VS Code🟧 中
シーケンス図イベントや処理の流れMermaid (.mmd) / PlantUMLStarUML(UI)→ PlantUML出力 or Mermaid手書き🟧 中
画面仕様書UI構成・レイアウト・文言Markdown (.md) / JSON / Figma構造Figma → JSON出力(ClaudeでMermaid化)🟧 中
テスト仕様書動作確認の手順・受入条件Markdown (.md) / ExcelExcel, Notion🟨 低
画面遷移図画面間のナビゲーション構造Mermaid (.mmd)Figma → JSON出力(ClaudeでMermaid化)🟧 中
用語集特殊用語や略語の定義Markdown (.md) / JSONNotion, VS Code🟨 低
データモデル(ER図)データ構造とリレーションMermaid-ER記法 / Markdown表dbdiagram.io(UI)→ コード出力 / Mermaid🟧 中
ユースケース一覧ユーザーの視点で見た操作目的Markdown (.md) / 表Excel, Notion🟨 低
更新履歴(Changelog)設計や仕様の変更ログMarkdown (.md)Gitログ, 手書き記録🟨 低

Claudeに読み込ませて資料をレビュー&補完してもらう
2025/6/1現在、Claudeが長文を読み込むの得意らしいです。
GitHubに挙げてリンクを渡してあげるかzipファイルにして直接読み込ませてあげます。
GitHubに上げるなら以下構成で上げるのがいいみたいです。

your-project/
├── docs/                  ← 設計資料はここにまとめる
│   ├── README.md
│   ├── feature-spec.md
│   ├── class-diagram.mmd
│   └── ...
├── src/                   ← ソースコード
│   └── ...
├── build/                 ← ビルド成果物(gitignore対象)
├── .gitignore             ← build/, *.log など除外設定
├── README.md              ← プロジェクト全体の概要
└── LICENSE

CursorでClaudeを選択しクラスを一つずつ実装していく
全部作ってという指示だと途中で失敗する可能性が高いので一つずつ作ってもらいます。

実例

ここに実例を載せていく
個人開発向けのタスク管理ツールを作ってみた!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です