【4K対応】 HDMI Type-C to Hdmi ケーブル HDM I 変換ケー ブル USB Type-C 変換アダプター hdm i ケー ブル 2M スマホ テレビ ミラーリング AV 接続 ケーブル モニター ナイロン|Mac-Book/i-Pad Pro/Air/mini/i-Phone15/16 Pro/Galaxy対応| 高速伝送 モニター延長ケーブル
¥1,499 (2025年4月26日 13:09 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)Anker USB Type C ケーブル PowerLine USB-C & USB-A 3.0 ケーブル iPhone 16 / 15 /Xperia/Galaxy/LG/iPad Pro/MacBook その他 Android 等 USB-C機器対応 テレワーク リモート 在宅勤務 0.9m ホワイト
¥740 (2025年4月26日 13:07 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
まずはサクッと使えるように!
2025年4月4日にリリースされた Devin 2.0 が便利です!
この記事では、Devin 2.0 とりあえず使ってみたい、という方に向けて、最低限のセットアップで開発をする方法を紹介しています。
Devin のチュートリアルやドキュメントにも上手く使うためのテクニックは紹介されていますが、ふわふわした指示でもある程度つくってみることができました。参考資料は最後にリンクを載せてます。
では早速始めてみましょう!必要な準備は以下の通りです。
- 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
例えば以下のようなコマンドです
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のセットアップもお願いします
---
指示が曖昧なところは質問してきます。
Devin が開発を始め、ひと段落すると Slack 経由でプルリク通知がきます。
ここまで4,5分くらいでした。
まずはこんな感じの仕上がりでした。パッケージ関係は申し分ない印象です。
Devin 側でもプロジェクトの進捗を管理することができます。
あとはひたすら Slack でやり取りしていきます。
完成
このような Web アプリができました。 GPT4.1 と連携します。なお、GitHub と Slack との連携はそれっぽい UI のみつくりました。
技術スタック
- フロントエンド: React, TypeScript, Tailwind CSS, shadcn/ui components
- バックエンド: FastAPI (Python)
- API 連携: OpenAI API (GPT-4.1)
当然 Web アプリの公開も指示できます。途中から急に英語になりました…。
いくらかかったか?
トータルで 14.15 ACUs でした。大体 US$25くらいですね…
進捗としては 7 ACUs あたりからあまり進んでいないので、無駄なやり取りが多かった印象です。バックエンドAPI の URL が間違ったポートを指していた、など…。やり取りの回数は70回くらいです。1つのタスクあたりに双方で4件くらいのメッセージを送ります。
「ランスルーして、そのスクリーンショットを取って共有して」という指示を出したところ、ちゃんと画像ファイルで途中経過の画像を送ってきたところは面白いと思いました。ただし10分くらいかかりました。
こちらは開発途中で実際に Devin が送信したスクリーンショットです。
参考
チュートリアルや各ベストプラクティスもあるので参考にしましょう。