Devin2.0 を使ってDevinっぽいアプリをつくるのにいくら課金すれば良いのか試してみた

Posted at 2025-04-21

まずはサクッと使えるように！

2025年4月4日にリリースされた Devin 2.0 が便利です！

この記事では、Devin 2.0 とりあえず使ってみたい、という方に向けて、最低限のセットアップで開発をする方法を紹介しています。　

Devin のチュートリアルやドキュメントにも上手く使うためのテクニックは紹介されていますが、ふわふわした指示でもある程度つくってみることができました。参考資料は最後にリンクを載せてます。

今回つくって見たもの「DevinっぽいWebアプリ」

では早速始めてみましょう！必要な準備は以下の通りです。

Devin 2.0 の登録( ACUsの購入 )
GitHub のリポジトリ
Slack のワークスペース

初めての場合は、順に案内もあるので、それに従えば OK です。

Devin2.0の登録

Get started with Devin 2.0から登録します。所属やメールアドレスなどの入力に加えて、決済情報が必要となります。

詳しくはこちら

プランは Core にしています。

ここで ACUs を手に入れる必要があります。これは Agent Compute Units のことでエージェントの使用量になります。とりあえずUS$100分買ってみました。少なくなったら自動で買い足す、などの設定もできます。

Settings の Usage & Limits から見ることができます。

これで、Devin の登録は OK です。

GitHubリポジトリ

連携するとコントリビューターとして Devin-ai-integration が追加されます。

詳しくはこちら

好きなリポジトリをつくります。

Devin のダッシュボードでリポジトリと連携させます。次で説明しますが、Settings の Integrations から連携させるサービスの一覧を管理することができます。

https://app.devin.ai/settings/integrations

なお、リポジトリは複数選ぶことができます。
これで GitHub との連携ができました。

Slackチャンネル

連携するとワークスペースの App に Devin が追加されます。

詳しくはこちら

Slack のワークスペースを選択します。もしくは新規作成しておいてください。XXXX.slack.com　という名前のやつですね。やり取りは DM にしました。

Settings の Integrations からワークスペースを指定すると、Slack からの認証を求められます。

これで Slack との連携ができました。

開発環境のセットアップ

Devin のダッシュボードの Settings の Devin's Workspace で選択したリポジトリの開発環境をセットアップします。

セットアップに進むと以下のような画面になります。

明示的なコマンドやキー情報、依存関係を指定します。順に進めていきましょう。

よくわからない方 & とりあえず使いたい方へ
この設定は ACUs の消費や開発の質にも関わるので、丁寧にやっていきたいところですが、各項目をVerify と Skip で一旦終えてしまうこともできます。

簡単な説明を残します

Git Pull

Configure Secrets

今回は OpenAI の API キーを登録しました。

https://platform.openai.com/api-keys

Settings の Secrets から設定します。

Install Dependencies

例えば以下のようなコマンドです

npm install

pip install -r requirements.txt

セットアップの確認が終わると、いよいよ使えるようになります。

開発開始

手順は以下の通りです

Slack 上で Devin にタスクを渡す
Devin のタスクの進め方を確認
結果を Slack( or GitHub )で確認
修正点を Slack( or GitHub )で指示
プルリクのマージ
繰り返し or Devin が続きを開発

Slack ベースで進めます。@Devin でメンションして会話します。

ちなみに最初はこんな感じのプロンプトにしました。

プロンプト

React（フロントエンド）とFastAPI（バックエンド）を使って、以下の要件を満たすWebアプリを作成してください：
---
【アプリの概要】
Devinのようなチャット型AIエージェントのUIと機能を再現します。
ユーザーが自然言語で質問すると、OpenAIのGPT-4を使って応答を返します。
---
【必須機能】
1. **チャットUI**（Devin風デザイン）
   - 左にサイドバー、右にチャット画面
   - ユーザーとAIのメッセージをスレッド形式で表示
   - 入力欄でEnterキー送信可
2. **OpenAI API連携**
   - 入力メッセージをGPT-4へ送信
   - 応答をチャット画面に表示
   - `.env`でAPIキーを管理
3. **Pythonコードの実行**
   - 応答がコードを含む場合、バックエンドで安全に実行し、結果を返す
   - `exec()`などを使っても構いませんが、サンドボックス化されているとより良いです
4. **仮想ファイル操作**
   - ファイルを作成・読み込み・上書きできる仮想的なファイル管理機能をブラウザ内で実装
   - 実ファイルでなくてもOKです
---
【追加要件】
- READMEにプロジェクト概要、起動方法、使用技術、スクリーンショットを記載してください
- 必要であればユニットテストやCIのセットアップもお願いします
---

指示が曖昧なところは質問してきます。