仕様書から設計書、コードまで完全AIで作成！GEAR.indigo β試してみた

## GEAR.indigoとは？
GEAR.indigoは、AIを活用してプロジェクト管理から設計、コード生成、見積もりまで一括で行える次世代ツールです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/49747238-41e3-209e-65ca-b384b8eb54e7.png)

---

## 実際に試してみたこと

### ECサイトアプリを作ってみようとチャレンジ
ECサイトを作成することを目的に、以下の手順でGEAR.indigoを活用しました。

#### ①Chat機能で仕様を記載してデザインデータを作成

仕様を記載すればデザインデータが自動生成されるとのことで、以下のように構成を記載しました。

---

**TOP画面**  
- サーチ  
- お気に入り  
- 購入履歴  
- ログイン  

---

### サーチ  
1. **リスト**  
   - 商品のリストが出る（表示順などを選べる）

2. **ページ**  
   - 数切れ目 → テーブルでロード中が出る（操作できない）  
   - 数秒後、結果がリストされる。

3. **商品から**  
   - 商品の詳細画面  
   - 購入 → 確認 → 完了  

---

### お気に入り  
- お気に入りに入れているリスト  
- 削除（操作可能）  

---

### 購入履歴  
- 購入の「履歴」あり（テーブル以上）  
- ページングあり  

---

### ログイン  
- ログイン  
- 新規登録（新規登録画面に移動）  

---

マルチモーダル対応していなかったため手動入力で上記を入れました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/c47bc80f-a019-8eb4-9162-d40f88bcadc2.png)



#### 結果：入力した内容からデザインデータが生成され驚き
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/a71eb811-40ac-c31b-2cf8-fd95af2cea1d.png)


#### ②Generate Docsで設計ドキュメントを生成
**「Generate Docs」** ボタンを押すことで、プロジェクト設計に必要な全てのドキュメントが自動生成されました。生成には**20クレジット**かかりますが、非常に便利でした。クレジットの価格に関して**30クレジットで5ドル**の記載はありました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/d422a268-d0ac-8b92-9eba-c63fcd169da8.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/08f5cfda-6ef4-db23-6601-571a69b60abb.png)

#### ③ドキュメント内容を確認
これらが出力され、設計の基礎が整いました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/ccb61a82-b716-81ed-a9b2-128846f06002.png)

**一部ドキュメント抜粋**
- **機能要件一覧**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/da2ba6e8-6a15-22b5-6715-1e28ce6b4a3d.png)
- **非機能要件一覧**  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/e9411b8a-2435-4515-cc6e-e59d757b4216.png)
- **画面UI**  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/cfcea606-35bb-4392-cacf-4aebb5ab76b3.png)
- **ER図**  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/225a731a-e2c1-7da9-aeae-149f25f4c9d3.png)

#### ④ソースコード生成に挑戦
GitHubと連携し、ソースコードを生成しました。

https://github.com/VAL-SAITO-TOSHIAKI/gearindego_ec_site-4113df2

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/0ca7baa0-c72f-4288-6e78-d193f85ae975.png)


ただし、README通りには動作せず、修正が必要でした。
**RooCilne＋Claudeで粘ったんですが、断念しました。**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/5e56c46c-b9b1-fb2b-c8a9-43221934f490.png)


#### ⑤見積もり機能を活用
工数見積もりボタンを押すと、実装難易度や工数をAIが自動計算し、結果をエクセル形式で出力可能。ベースドキュメントができる点に関して良いと感じました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/df2eb44f-d8ef-1c8a-9cbb-ed2d56f1d355.png)

見積もり根拠的なところは気になるところですが、手動で基準を変えられるところはいいなと思いました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/add048fb-3921-badd-d430-c4b3b2389b88.png)

ここらへんのドキュメントがしっかりしていてすごい。

- **WBS**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/18c0b09d-713c-07aa-f7f0-ec7d5ddf3ebb.png)

- **工数表**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/5bb0fb33-e0f2-4c23-2efe-6b93fb4c3c39.png)

- **見積書**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/eb958881-f061-4e89-8db2-d18f673f0df1.png)

---

## 良かったポイント

### 1. 見積もりをAIで自動生成
「工数見積もり」ボタンを押すと、自動的に実装難易度や工数を算出してくれます。また、この結果をWBSやエクセルでエクスポートできるのが非常に便利でした。


### 2. 豊富なドキュメントエクスポート
要件定義書、見積書、WBSといった複数のドキュメントが簡単にエクスポート可能。資料作成の手間が省けます。


### 3. 機能要件や非機能要件を効率的に生成
ある程度のインプットで、機能要件や非機能要件を自動的にリスト化してくれます。

### 4. デザインデータを自動生成
仕様を記載するだけでデザインデータを生成。画面遷移図やUI設計図が出来上がるのは驚きました。

### 5. ソースコードも生成可能
プロジェクトをGitHubにプッシュしてソースコードを生成する機能があります。設定画面も直感的で、簡単にプロジェクトを開始できます。

---

## 改善してほしいポイント

### 1. インプットがマージされない
インプットに30,000文字の上限があるため、全ての情報を一度に入れるのは難しいです。
分割で入れても、マージされないので30,000文字に収める必要があります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/08a76ff2-bb2e-4d6a-564e-3763ba42fc44.png)

エクセルとかも今後は入れると嬉しいですが、30,000文字は超えそうです

### 2. サンプル不足
「プロジェクト概要」など、何を入力すれば良いか分からない箇所が多いです。テンプレートやサンプルがあれば初心者でも使いやすくなると思います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/ee1d9cce-4c2c-bb9c-9d7c-9fd09221ea15.png)

「Generate Docs」でドキュメント生成する流れであれば意識しないところですが。

### 3. 生成されたコードが動作しない
生成されたコードは、RooCilneライブラリを利用していましたが、README通りには動作せず、修正に時間がかかりました。結局動かず。

---

## 検証結果のまとめ

### 検証結果
**βでこれはすごい！**
GEAR.indigoは、ベースの設計ドキュメント作成や見積もり作業の効率化に非常に優れていると感じました。運用面考えるとレビュー機能は必須な気がしました。コード周りはBolt.newやV0の方が優れていると思うので使い分けがいいと思います。
クレジット周りも結構ガンガンなくなるので不用意に「Generate Docs」ボタン押さないように注意しましょう（笑）