進行状況タブ
シェルとターミナル
コマンド履歴の機能
- 完全なコマンド一覧: セッション中に Devin が実行したすべてのコマンドを表示
- 出力プレビュー: コンテキストを切り替えずに各コマンドの出力を確認
- コピー機能: コマンドや出力をすばやくクリップボードにコピー
- 時間ナビゲーション: コマンドをクリックしてセッション内の任意の時点へ移動
- 進行状況の更新との連携: シェルコマンドがコンテキストとして Devin の進行状況の更新にリンクされます
シェルの更新内容を表示する
シェルコマンドの履歴
独自のコマンドを実行する
- VS Code でターミナルを開き、コマンドを直接実行する
- ターミナルを読み取り専用モードから書き込み可能モードに切り替える
- デバッグ、テスト、環境の設定のために必要な任意のコマンドを実行する
Devin IDE
Devin の作業をリアルタイムでレビューする
Devin のタスクを引き継ぐ
- Cmd/Ctrl+K: 自然言語からターミナルコマンドを生成
- Cmd/Ctrl+I: 質問への高速な応答や、素早いファイル編集
- Tab autocomplete: コード補完
IDE のベストプラクティス
- セッションを再開したら、自分が行った変更内容を Devin に伝える
- 競合する同時変更を避けるため、IDE を引き継ぐ前に Devin を一時停止していることを確認する
- Devin のブラウザを使って、Web アプリから離れずに自分でローカルビルドをテストする
インタラクティブブラウザ
ブラウザのユースケース
- ローカルアプリケーションのテスト: Devin のマシン上で動作しているアプリケーションを、ブラウザ内で直接テストできます
- 画面の目視確認: UI の変更がブラウザ上で正しく表示されているかを確認できます
- スクリーンショットと録画: Devin がブラウザのスクリーンショットや動画を取得し、テストの証跡や結果共有のために提出できます
- 認証フロー: Devin が自動処理できないログイン手順、MFA チャレンジ、OAuth フローを、あなたが完了できます
- CAPTCHA の解決: Devin が CAPTCHA に遭遇した際に、あなたが手動で解決できます
- 複雑なナビゲーション: 複雑な Web インターフェースや複数ステップのフォームで、Devin の操作を支援できます
統合とワークフロー
一般的なワークフロー
- セッションを開始して、Devin に作業を始めさせる
- 進捗アップデートを使って進捗を確認する
- Devin が何を実行しているか理解するためにシェルコマンドを確認する
- 差分ビューを使って IDE 内で小さなコード変更をレビューする
- （フロントエンド開発向けに）プロトタイプの機能テストを行う
- 必要であれば Devin を停止し、IDE を直接使って自分で対応する
- 変更内容を Devin に伝えたうえでDevin の作業を再開する
ベストプラクティス
各ツールを使うタイミング
| ツール | 最適な用途 |
|---|---|
| IDE | コード変更のレビュー、ちょっとした修正、デバッグ |
| Browser | フロントエンドのプロトタイピング、表示確認・テスト、認証フローの確認 |
| Shell | コマンド実行状況の監視、テスト実行、問題のデバッグ |
効果的なコラボレーションのためのヒント
- 早めに介入する: Devin が間違った方向に進んでいると感じたら、早い段階で一度止めて、方向を修正する
- コマンド履歴を活用する: Devin が何を試し、何がうまくいったかを把握するために、シェルのコマンド履歴を確認する
- 変更点を伝える: セッションを再開するときは、自分が引き継いでいる間に加えた変更を必ず Devin に伝える