GEAR.indigoを触ってみた



AI駆動の開発プロセスをサポートするツールである GEAR.indigo を触ってみました。

ゼロから作ることが簡単にでき、要件定義、基本設計、詳細設計、コーディングというフェーズを経る点で、ウォーターフォールの進め方に従いつつプロトタイプを素早く作りたい場合に向いていそうです。

このサービス上で進めるにしても、要件定義や設計のプロンプトをどう入れ込んでいくかという勘所が必要になってくるかもしれないですのですが、一方、上流工程で整理すべき情報は GEAR.indigo に従うだけで自然にできあがるので、上流工程に慣れていない人でも何をするべきかわかります。

以下は、やってみた内容です。

# 新規プロジェクト作成

最初は新規アプリ作成かリバースエンジニアリングのモードかを選択します。リバースエンジニアリングも試したいのですが、きょうは左の新規アプリ作成のほうを試しました。

![{8BABDB75-155E-4D69-83A1-7C62229E8AB3}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/ceddedae-6b52-40ca-20c5-bc5ab790c4bd.png)

プロジェクト名だけ入れて、あとはデフォルトのままで作成してみます。

![{2460529D-E342-40A2-A115-358F0EABCCC7}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/ba2b9944-e063-1079-6a13-ab589e01bbe5.png)

すると、作業の流れが表示されます。

![{EF619986-C9E7-4BCF-957D-23C16E87EEBC}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/a954413e-00ed-cc00-3c37-92b47dcfd63f.png)

# 要件定義

要件定義をクリックすると、こんな画面になりますので、1行だけの要件を入力してみました。ファイルアップロードもできるようです。

![{F7636C49-C3C5-4CEC-B67F-F01A456A2398}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/683d47e6-c8a7-8f5b-4808-831129a32964.png)

少し待つと要件定義の文書ができあがります。

![{630DD4C8-0B00-4502-B16C-A83CAB84F9B1}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/912a7b6c-41f3-b6ae-22eb-bcde4bff4451.png)

開発にあたっての解決すべき現状の課題などが勝手に作文されています。これが思っていたのと違っていればここで直接編集することができます。この作文が次の基本設計以降の工程に活かされます。

スケジュールや予算も勝手に作成されていました。ウォーターフォールで進める場合にはこれをベースに検討することもできますね。

![{78C887E2-30EB-4BD9-8D62-C419EE46C642}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/d11207db-aaf2-d146-2329-f9c4d1501c81.png)

機能要件の一覧なども作成されています。これもこの場で直接修正ができるようです。

![{622AB74B-B85D-440E-93B0-D4D484F653F2}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/4c9731af-7f96-083e-fa3b-b0840b0f775d.png)

非機能要件も作成してくれます。

![{CC9D4CEF-7FB0-4F22-A2E9-9E45FA791A6C}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/837638c4-ba5c-02e1-4d1d-b08a5604b7aa.png)

# 基本設計

次は基本設計に進みます。

![{E4B6BF1D-F806-482C-818D-986A4DCBFBA8}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/19365c0e-f6f0-8e10-7b4c-45610029de3f.png)

なにも入力せずに生成ボタンを押すだけでも適当に基本設計案を作成してくれます。

![{B3FBC8AC-214D-4D57-B571-ACC4B99495D1}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/5282439a-02c4-ea67-0af2-4c933c4f95c6.png)

ER図も。Mermaidで書いてくれます。

![{380E1FA5-861B-463C-B6B6-C17D41069785}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/7ea27513-4b40-cff5-ed63-87b24b2aad84.png)

画面遷移図。

![{B33104A1-1FE5-4990-ADB5-EA856AD9B3F2}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/e51eab74-93fe-bfa2-fb43-75a523630b95.png)

画面のイメージも全画面にわたって作ってくれます。

![{A1E04D43-6504-4849-B609-126FEC2155FB}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/6449cd8e-c293-3e41-46e7-d0788686248f.png)

# 詳細設計

![{0E288651-A85F-4C08-B9A4-8E68DE932C61}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/69b4da87-986a-e86a-4639-df3d768735ca.png)

詳細設計もなにも追加入力せずに生成させてみました。

開発すべき画面のコンポーネントの一覧。

![{9EE67D4C-3735-46D9-A9E8-FD52C13B4A6A}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/623e0c08-24fa-56c1-1d9f-667039790f73.png)

バックエンドの一覧。

![{7FDE5F1C-D230-4587-AA3F-7F5E33BA7C90}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/0e5204b0-825c-bccc-76b0-0fc42ee53407.png)

シーケンス図。

![{FD8724F5-44DD-4096-A1A6-A0B9826723CB}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/254da545-6ec2-e5ef-329b-1433cecf13b3.png)

---

いったんここまでです。

コード生成以降のフェーズはまた試してみたいと思います。途中フェーズでのファイルアップロードもどの程度の使い勝手なのか見てみたいと思います。