20250914_Vibe Coding初学者向け勉強会_Devinについて

Transcript

1. 2025/9/14日 20:00- koji マナビDXクエスト2025 Vibe Coding初学者向け勉強会 Devinについて
2. 2 自己紹介
3. Devin とは • Devinの仮想環境上でAIに開発させるサービス ◦ ローカル上ではなくGitHub 等との連携が前提 • Devin は (ジュニアの)エンジニア というスタンス ◦ 公式ドキュメントより ▪ Devin is the AI software engineer, built to help ambitious engineering teams crush their backlogs. ▪ Devin is an autonomous AI software engineer that can write, run and test code. ▪ Devin is a junior engineer and has lots to learn. The Cognition team is working hard to improve Devin’s breadth of capabilities. 3
4. 4 こんな感じで Devinが頑張って くれます
5. 私の Devin の使い方 5 • 個人利用 ◦ 簡単な〜という機能のアプリがほしいなあ ◦ 〜という機能と〜という機能、比較してみたいなあ ◦ 使ったことないライブラリの機能試したいなあ
6. 私の Devin の使い方 • 個人利用 ◦ 簡単な〜という機能のアプリがほしいなあ ◦ 〜という機能と〜という機能、比較してみたいなあ ◦ 使ったことないライブラリの機能試したいなあ 6 Devin に試して もらってる間に 他のことをしよ う！ ｶﾞﾝﾊﾞﾘﾏｽ
7. 7 • Devinじゃないと出来ないことはないと思いますが、 他のAIサービスと比べて開発体験がよい気がします • コマンドの設定や GitHubとの連携が細やかなせいだったり、 各機能ごとの画面が用意されていたりするから？ Devin の良いところ
8. Devin を使ってみよう • GitHub と Devin を連携させる • Devin に GitHub のリポジトリを追加する • 環境のセットアップ ◦ 次ページ以降で説明します 8
9. 9 GitHub のリポジトリの情報をDevinにコピー 環境変数用のファイルを設定する ライブラリ等をインストールする設定を行う リンターの設定 テストコマンドの設定 ローカルでアプリを起動する方法を記載する 追加メモ 環境のセットアップ いくつか コマンドを登録 します
10. 10 デフォルトの設定でOK API や DB等利用しないうちは気にしなくて良い pip install -r requirements.txt など. uv, nmp, docker など利用可. リンターの設定. python なら ruff が便利. テストコマンドの設定. python なら pytest が便利. ローカルでアプリを起動する方法を記載する 追加メモ. 日本語で回答してください など. 環境のセットアップ いくつか コマンドを登録 します
11. • dd 11 こんな感じです
12. 対象リポジトリを 選択して プロンプトを 入力します 実際に使って見ます いきなり開発してもよいですが、 個人的には issue にまとめさせて開発すると良さげです 12
13. 13 (再掲) こんな感じで Devinが頑張って くれます
14. 14 こんな感じで Devinが頑張って くれます さっそく 開発してくれました！ （issue は...？）
15. 15 さっそく 開発してくれました！ （issue は...？） 気になったことは聞くとよさげ
16. 作成されたPull Request の実装をローカルで実行して確認 それっぽい機能を追加してくれています 16
17. 地域協働プログラム のPDFを アップロード うまく回答してくれない 微妙な一面も... 作成されたPull Request の実装をローカルで実行して確認 それっぽい機能を追加してくれています 17 GradioのChatBot + OpenAI API + PDF読み込む実装
18. 22.5ドルで10ACUs 今回の開発は 2.0 ACUs消費 料金体系 18 従量課金 個人利用で時々使う 分にはこちらで 十分と思います
19. その他 • Ask Devin ◦ Devin に対し、実装がどうなっているか等、質問すると回答してくれ る、質問専用の画面 • Devin Wiki ◦ Devinに登録したリポジトリのWikiを作ってくれる 19
20. • Windsurf の DeepWiki機能 その他 20
21. 以上になります、ご清聴ありがとうございました 21
22. • devin-sample • Devin 公式ドキュメント • uv 公式ドキュメント pyproject.toml • ruff 公式ドキュメント The Ruff Linter • Gradio 公式ドキュメント How to Create a Chatbot with Gradio • pytest 公式ドキュメント • (記事) DevinのCognitionがAIコードエディタ「Windsurf」の買収発表。 ◦ Windsurf 公式ドキュメント DeepWiki 参考資料 22