Devinを導入して、まず真っ先にギャル語にする

みなさんこんにちは、無資格・無免許エンジニアの三木です。
巷ではMCPが熱い話題ですが、Web本部では少し遅れてDevinの導入検証をはじめました。

まだ始めたばかりで知見というほどの情報がありませんが
少し触っただけでも得られる情報&感動があり、アウトプットの癖付けもかねて少しづつ記事化できればと思っています。


本日は以下のトピックです。

:::note info
- 噂どおりすごい
- Wikiがすごい
- 人間が失敗しにくい環境構築がDevinにも優しい？
- AIフレンドリーな構成があると思う
:::

## 噂どおりすごい

GitHub連携やSlack連携などの基本設定のあとリポジトリ毎の設定を行います。
リポジトリごとに、セッション開始の際の環境クリーンやlint/testなどの7項目ほどの設定を行えば利用開始できます。
この設定項目については、もうちょっと整理できると思うので別の機会に。

で、Good first issue for Devinという感じで以下の指示を。

Devinは最初に計画を立てるので、立てやすいようにタスクを分離して書くのが良いそうですが一旦雑に投げてみます。

![devin001.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3930205/791de581-eddb-488f-8b00-0346af750f58.png)

末尾の変な指示は最初knowledgeの方に設定してみたのですが、指示に従ってくれたり、くれなかったりだったので、一旦本文に設定しました。
残念ですがロボット要素はスルーされています、このあたりも諦めずに頑張っていきたいです。

Devin自身はブラウザ上のVSCodeを使いながら（のイメージで）、Ubuntuインスタンス上で作業を実施します

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3930205/277ff627-657a-491f-a32a-720d3fe91350.png)

プランニングのあと、作業をするすると進めて

![devin002.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3930205/01500be8-efa6-435f-838b-4fb5dc0c0cf6.png)

1～2分で作業は完了、1ACUに満たないくらいなので、↑の一連の作業で200円前後という感じでしょうか。
上手く動作しない場合、あの手この手でリトライする結果値段が高くなる傾向があるようで、このあたりも適切な使い方がありそうです。

なお、結果としては

![キャプチャ.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3930205/746f2802-6d0e-481e-8b32-fd7696c76f9b.png)

↓

![キャプチャ2.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3930205/b8757c9b-9b0d-4f0a-b07d-bc08206709fd.png)

という変更がなされたPRが出来ていました。

本格的な開発の知見はまた後日。

## Wikiがすごい

導入前には知らなかったのですが、Betaの機能としてWikiやSearchの機能が2025/03/25から提供されています。

コードベースを読み込む過程で、mdファイルなどを参考に内部のアーキテクチャをwikiとしてまとめてくれます。しかもかなりのクオリティ。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3930205/858b8d02-16bb-4b61-a9c6-116dda1cea2b.png)

こんな感じの7章立てのwikiを作ってくれて

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3930205/d1229b6d-0c30-4672-b1c6-3499185ced84.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3930205/67229920-c517-40de-9cab-70f578fdad8d.png)

構成やローカルのコンテナ情報の図まで用意してくれます。

各作業セッションのほか、同じく1.5から追加されたDevin Searchもこのwikiを参照するようで
「この構成の良い点と悪い点教えて」と問い合わせたところ、上記参照しつつ教えてくれました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3930205/16f9cfcb-4a31-4b1c-a473-3a9c6e51aad8.png)

## 人間が失敗しにくい環境構築がDevinにも優しい？

Devinは作業指示のSessionにおいて

- コードを修正
- 開発サーバー起動&ブラウザで表示
- linterの実行

などの諸々を実施します。

途中なんらかの理由で上記が上手くいかないと、対処方法を探しだして解決しようと処理を繰り返します。

ex)chmodで権限変更して、コンテナ立ち上げなおす…など

途中の様子もリアルタイムで見られるのですが、設定不備が原因で繰り返し対処している姿は見てて心苦しいものがありました。また、ACUも消化されていくためお財布にも良くありません。

環境構築をdockerなどに徹底的に閉じ込めて、外部へのアクセスをほとんどカットし、誰でも環境構築に成功する…という状況を整備するのがまず重要かと思った次第です。

Devinが失敗する、もしくは詰まる箇所は人間も詰まる気がしています。

## AIフレンドリーな構成があると思う

Devinは曖昧な指示だと、修正箇所に辿り着くのにかなりの時間を要していました
下記だと2～3分頑張ってたかなと思います。

:::note info
例）
ダッシュボードの文言を「〇〇」に変更しておいて！
↓
デビ）了解、探すね！
↓
デビ）見つからないから、もっと頑張って探すね！
↓
デビ）検索だとヒットしないから、ブラウザでログインして直接探すね！
:::

で、これを下記のようにすると

:::note info
/resources/script/Pages/Dashboard/Dashboard.tsxのダッシュボードの文言を「〇〇」に変更しておいて！
↓
デビ）修正終わったよ！
:::

のスピード感です。

まぁ、人間でもそれはそうか…という内容ではあるのですが
こうなってくるとDevinの有効活用の観点で

- 徹底的なドキュメンテーションor規約
- 例外を作らない汎用的な構成

が重要になると感じます。
.mdファイルなどにしっかり記載して、wikiにも書かれるようにするとより作業が安定化するのではないかと思っています。

このあたりも引き続き調査してまたの機会に。

## おわりに

ふと思い立ってギャル語に変換したところ「良い点・マジ神！」などの表記がツボにはまってそのまま利用しています。
ただプロンプトに組み込んでいるだけのような状態でタイトルにしていてまことに申し訳ございません。

リポジトリ毎に「普段は厳しいが、ピンチになると助けてくれる兄貴キャラ」とか「ループしていて、コミットが成功するような調整をし続けている影を感じるキャラ」とか遊び心も大事にしたいのでknowledgeの使い方などもより詳しく調べていこうと思います