話題のRoo Cline、使ってみました。
\n結論から言うと、Cursorがおもちゃに感じましたw
\nこの辺がRoo Cline使うと、全部自動でやってくれます。もうこれ以前には戻れません。
\nAPIの料金に余裕がある、一人法人エンジニアの皆さま、マジでご利用ください。飛ぶぞ。
\n（例によって音声入力でコンテンツ作ってるので、編集などはほぼ入れていません。すいません汗）
\nRoo ClineはVS Codeの拡張になっていて、 エージェントを利用してプログラミングを行うことができるツールとなっています。
\n他の生成AIを利用したコーディングアシストツールで言うと、最も有名なのがGitHub Copilot。 次に生成AIのエディターですね、Cursorがあると思うんですが、 こちらはあくまでも拡張機能として利用するものとなっています。
\n他の生成AIのコーディングアシストツールと比べて何が良いのかについて実際に触ってみて思ったことを話します。
\nまずファイルの検索みたいなものがエージェントで自動で行われているはずというところですね。
\nCursorとかGitHub Copilotを利用するときに、 例えば私はRuby on Railsを書いているんですけれども、 モデルとコントローラーとビューなどをそれぞれ作ってもらうときに、 ここにこれ書いてみたいな指示をしなければいけないことが非常に多いんです。
\n一方で、Roo Clineを使うと、かなり曖昧に指示を出しても、 必要なタスクを自分で考えて実装してくれるようなイメージです。
\n具体的に言うと、例えばシンプルなMVCのクラットの、 例えばToDoページを作っていくみたいな感じになったときに、
\n今までだったらファイル名を指定して、 このコントローラー、これらのファイルに対してこれを作ってくださいみたいな、 こういう機能を作ってくださいみたいなことをやらなければいけなかったんですけれども、ファイル名の指定とか無しに、エージェントがコードを全部探して、 ファイルの作成から実装および単体テストまで実行してくれるような感じですね。
\nさらにですね、ブラウザでの挙動も確認できるという非常に優れたツールとなっています。
\n例えばなんですけれども、よくあるのがReact.jsなどを利用して実装していくときに、「 動作はしているんだけれども、 ウェブでの表示がうまくいかない」みたいなときがあって、 それはソースコード的にはテストをパスしているんだが、 人間が見たときに変な見た目になるっていうときがありますよね。
\nそれを今までは生成AIで解決することっていうのはかなり面倒くさかったというか、 やるとしてもスクリーンショットを撮って画像を保存してCursorにスクショ貼ってみたいなことをやらなければいけなかったんですけれども、 これを使うとですね、そんなことをしなくても、 ブラウザを勝手に立ち上げてUIを確認し、挙動がおかしくないか確認してくださいみたいなこともできます。
\n上の話にもつながりますが、 例えば、ある特定のボタンをクリックしたときに、 Paginationが正しく動作するかみたいなチェックが必要になってくると思うんですけれども、 こういうところもですね、ブラウザを、多分Chromiumベースのブラウザをですね、 バックグラウンドでヘッドレスで立ち上げていると思うんですが、 立ち上げてそれを指示として実行してくれるので、 E2Eのテストを書かずにE2Eのチェックができるみたいな感じの非常に優れものだなというふうに思いました。
\nこのツールを使うときにですね、注意しなきゃいけなければならない点としては、 生成AIのベンダーのモデルごとに使える機能の幅があるということですね。
\nOpen AIを利用する場合は、 エージェント機能みたいなのがちょっと使いづらかったりとかするみたいで、 AnthropicのClaude Sonetを使うのがおすすめです。
\nただ、このAPI、 これは法人のプランではないと確か利用できなったはず（要確認）
\n弊社はシステム開発とかSaaSで使っていたので、 たまたまその4TierのAPIが利用できる状況になっていたので、それが利用できるのですが、 それを使うとですね、バチクソコードを書くのが早くなるというか、 もう「プルリクまで自動で上げてくれるレベルまで実装」ができるようになります。
\nAnthropic ClaudeのAPI使うと、1PRに大体3ドルくらいかかるので、 日本円にすると500円くらいかかるイメージです。 まあエンジニア1名採用するよりも早いし安いし正確なので、法人でやる場合は受託開発を一人で回してます、みたいな会社だとめちゃくちゃフィットする感ありました。
\n個人開発でやるにはちょっと予算的に厳しいところではあるんですけれども、もちろんそれ以外の安いモデル（例えばGoogleやOpen AIなど）も使えるので、そっちでも十分かなと思います。
\n会社として実験的に導入したいみたいなケースだと、 費用対効果というか、エンジニアの時間なんかと比べると圧倒的に安いはずなので、 いいんじゃないかなと思いました。
\nちょうど実験的にやっているプロジェクトがRails x Nextで、Railsだけdocker container利用しているみたいな技術スタックだったので、
\nこの辺を何も指示しないで理解してもらうのがちょっと難しかったです。
\nなので、だいたいこんな感じでカスタムインストラクション組んでおくと、良さげ感です。
\n“`ruby
\n# Custom Instruction
\n# 実装しているソフトウェアについて
\n– バックエンド: Ruby on Rails : localhost:3000 で起動。docker containerで経由で最初から起動しています。 `make bash`で起動してからコマンドを実行すること。
\n– フロントエンド: NextJS: localhost:3001で起動中。/frontend ディレクトリに存在する。npm run dev で起動できます。
\n# 実装の方針について
\n– まず、実装する仕様について網羅的にまとめ、ユーザーに仕様が正しいか確認を入れてください。
\n– 実装が完了したら、rspec, jestのテストを実行してください。 @package.json にテストコマンドが記載されています。
\n“`
Roo Clineの使用感をGitHub Copilot・Cursorと比較。VS Code拡張としてファイル検索やテスト実行、ブラウザ挙動確認まで自動化し、E2Eデバッグや費用感、推奨モデルも解説します。
\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[223],"tags":[],"class_list":["post-83283","post","type-post","status-publish","format-standard","hentry","category-generative-ai"],"aioseo_notices":[],"meta_description":"Roo Clineの使用感をGitHub Copilot・Cursorと比較。VS Code拡張としてファイル検索やテスト実行、ブラウザ挙動確認まで自動化し、E2Eデバッグや費用感、推奨モデルも解...","_links":{"self":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/83283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts"}],"about":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/comments?post=83283"}],"version-history":[{"count":4,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/83283/revisions"}],"predecessor-version":[{"id":93316,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/83283/revisions/93316"}],"wp:attachment":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media?parent=83283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/categories?post=83283"},{"taxonomy":"post_tag","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/tags?post=83283"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}