「CodeAGI」を使ってみる　〜実際に使用してみる〜

# はじめに

こんにちは、エンジニアのkeitaMaxです。

「CodeAGI」に先日登録したのですが、こんなメールが来ていました。

![スクリーンショット 2024-07-11 15.06.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/31cf641c-da3e-768e-db92-9ee985b7b25d.png)

無料で使えるようなので、使ってみようと思います！

ちなみに登録とかダウンロードの記事こちらです。

https://qiita.com/keitaMax/items/ad4ebb6ae3912d383670


# アプリ立ち上げてみる

ということで早速アプリを立ち上げてみます。

![スクリーンショット 2024-07-11 15.09.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/aecf1076-6b84-3ce0-ad85-d02e2f4fb232.png)

前回までの画面とは違い、お試しモードが追加されていました！

APIKeyなどを入力しなくても使えるようになっていそうです。

実際に使ってみます！

# 実際に使ってみる

https://www.soppradx.com/download/CodeAGI%E3%82%AF%E3%82%A4%E3%83%83%E3%82%AF%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB.pdf

ここに使用方法などが記載されているので、これを元にやっていこうと思います。

### プロジェクト作成

まずプロジェクトを作成します。

プロジェクト選択　→ 新規作成

![スクリーンショット 2024-07-11 15.27.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/c06b04cc-1d0b-c070-17d5-35370cfdeff9.png)

![スクリーンショット 2024-07-11 15.28.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/5b9baa64-c2c7-b754-6515-70359b9e8143.png)

必要な情報を入れます。

![スクリーンショット 2024-07-11 15.31.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/9553c60f-980a-b8a9-15d8-8056d3214f8b.png)

![スクリーンショット 2024-07-11 15.31.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/a24e9458-db79-0b84-8556-e93de925256c.png)

![スクリーンショット 2024-07-11 15.31.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/bf59f159-1c4f-f80d-d4df-1c41d4b86a4e.png)

ReactやDjangoなどを選べるようです。

その後、保存を押すとプロジェクトが作成されます。

![スクリーンショット 2024-07-11 15.32.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/a3565ad6-392b-a161-257a-4a2d0f56b722.png)

今回作成したプロジェクトをクリックすると、プロジェクトが選ばれた状態になります。

![スクリーンショット 2024-07-11 15.33.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/6cca81e1-53c7-2137-f4f2-f32aecaa8be3.png)

# 画面を作成してみる

まず機能設計書指定で機能を作成します。

![スクリーンショット 2024-07-11 15.52.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/c5ad7be6-af5c-0e2b-16f3-25d164d1d549.png)


画面設計書のフォーマットは特に決まりがないらしいので、すごい雑に作ってみました。

![スクリーンショット 2024-07-11 16.11.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/1dfddb28-5833-c74d-aa3e-8bae654dbd63.png)

機能名、機能概要を記載、上の設計書を選択後保存を押します。

ちなみにマニュアルはこれです。(探すのに苦労しました)

https://www.soppradx.com/download/CodeAGI%E6%93%8D%E4%BD%9C%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB.pdf#page=34

今回はサイトにあるサンプルで試してみます。

https://www.soppradx.com/service.html

この会議室予約システムを使用してみようと思います。

# プログラム生成

実際に生成してみます。

プログラム生成画面からプログラム生成ボタンを押します。

![スクリーンショット 2024-07-11 16.40.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/b17af119-4438-12d2-9f2c-c0b4ad96dab1.png)

すると以下のような感じで生成が開始されます。

![スクリーンショット 2024-07-11 16.41.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/0fda524e-3731-14e9-68c4-8a3cbde1a17f.png)

だいたい１分くらいでできました！（はやい！）

![スクリーンショット 2024-07-11 16.50.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3715123/0171d3dc-fe0d-d02d-4821-b413ad300e62.png)

こんな感じで出力されました！

# 感想

設計書のエクセルの書き方などは少し慣れるまで大変かもしれませんが、自分で書くよりもかなり早く実装できそうです。この機能を使用して作成し、その後細かいところを自分の手で修正する、というような感じで進めると良さそうだなと思いました。

特に個人開発のあまり大きくないシステムだとかなり使えそうだなと感じました。特にテストコードも作成してくれる機能もあるようなので、とても役に立ちそうです。テストコードを書くのは結構大変なのでありがたいですね。

加えて、プログラムの自動生成サービスはコードの一貫性を保つのにも役立つと思います。人間が書くとどうしてもスタイルや命名規則にバラツキが出がちですが、機械生成のコードはその点で安定しています。これにより、プロジェクトの保守性が向上し、他の開発者が参加しやすくなると感じました。

全体として、このサービスは効率的かつ高品質なソフトウェア開発をサポートする強力なツールであり、特に迅速なプロトタイプ作成や中小規模のプロジェクトにおいて大いに活用できると感じました。

まだ選べる言語やフレームワークが少ないという課題はありますが、今後のアップデートが楽しみです。選択肢が増えることで、さらに多くの開発者がこのサービスを利用できるようになり、より多様なプロジェクトに対応できるようになると思います。

今後も個人開発で使っていけたらなと思います。

# おわりに

この記事での質問や、間違っている、もっといい方法があるといったご意見などありましたらご指摘していただけると幸いです。

最後まで読んでいただきありがとうございました！

# 参考

https://www.soppradx.com/download/CodeAGI%E3%82%AF%E3%82%A4%E3%83%83%E3%82%AF%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB.pdf