Apidog

オールインワン協働API開発プラットフォーム

API設計

APIドキュメント

APIデバッグ

APIモック

API自動テスト

Continue.dev AI IDEの使い方

@apidog

@apidog

Updated on 4月 1, 2025

Continue.devは、コーディングの効率を高め、開発のワークフローを合理化するために設計されたAI駆動の統合開発環境(IDE)です。既存のコードエディタとシームレスに統合し、AIによるコード補完、デバッグ、インテリジェントなリファクタリングを提供します。このガイドでは、Continue.devを効果的に使用する方法について、インストール、設定、主要機能、ベストプラクティスをカバーします。

💡
Continue.devに飛び込む前に、Apidogをご覧ください。これはAPIテストと統合を簡素化する無料のツールです。Apidogのユーザーフレンドリーなインターフェースは、APIワークフローのデバッグと最適化を容易にし、時間と労力を節約します。
ボタン

インストールと設定

1. Continue.devのインストール

開始するには、以下の手順に従ってContinue.devをインストールします:

  • プラグインをダウンロード: 公式のContinue.devのウェブサイトにアクセスし、好みのIDE(VS Code、JetBrains、またはその他のサポートされているエディタ)用のプラグインをダウンロードします。
  • 拡張機能をインストール: VS Codeの場合:拡張機能マーケットプレイスに移動し、「Continue.dev」を検索してインストールをクリックします。
  • Continueのロゴが左のサイドバーに表示されます。より良い体験のために、Continueを右のサイドバーに移動してください。
  • ハブにサインインして、最初のアシスタントを使い始めます。
GIFの説明

JetBrains

  • JetBrains IDEを開き、設定Ctrl + Alt + Sを使用して開きます。
  • プラグインマーケットプレイスを開き、「Continue.dev」を検索し、インストールします。
  • インストールをクリックすると、Continueのロゴが右のツールバーに表示されます。
  • ハブにサインインして、最初のアシスタントを使い始めます。

IDEを再起動: インストールが完了したら、AI機能を有効にするためにIDEを再起動します。

サインイン

"始める"をクリックしてハブにサインインし、アシスタントの使用を開始します。

2. Continue.devの設定

インストール後、最適なパフォーマンスのためにContinue.devを設定します:

サインイン: Continue.devアカウントを使用してすべての機能をアンロックします。

APIキーを設定(必要な場合): 設定でAIモデルのAPIキーを入力します。

AI設定を調整: AIの提案、自動補完、デバッグの設定をカスタマイズします。

主な機能

1. AI駆動のコード補完

Continue.devは、コーディングスタイルに基づいてコードスニペットを予測し提案し、開発を大幅に加速します。以下が可能です:

関数、変数、及び全体のコードブロックを自動補完します。

既存のプロジェクト構造に基づいたコンテキスト提案を提供します。

自動補完

自動補完の使い方

自動補完は、入力中にインラインでコード提案を提供し、コーディングをより迅速かつ効率的にします。

自動補完を有効にする:IDEの右下のステータスバーにある"Continue"ボタンをクリックするか、IDE設定で"タブ自動補完を有効にする"がチェックされていることを確認します。

提案の管理

完全な提案を受け入れる: Tab を押します。

完全な提案を拒否する: Esc を押します。

部分的に提案を受け入れる: Cmd/Ctrl + → を使用して単語ごとに受け入れ、より精密に操作できます。

2. IDEでのLLM支援のためのチャットの使用方法

チャットを使用すると、IDEを離れることなく、LLMに簡単にヘルプを求めることができます。関連情報を伴うタスクを送信すると、それに対する最も適切なテキストやコードを返答します。回答が必要なものと異なる場合は、結果を洗練するためのフォローアップメッセージを送信できます。

チャットは、コードを理解したり、反復したりするために理想的であり、従来の検索エンジンクエリの代替手段として機能します。

自動補完

基本アクション

リクエストを入力してEnterを押す:単純に質問やリクエストを送ると、LLMが回答や解決策を返答します。

コンテキスト用のコードをハイライトする:コードのセクションを選択し、Cmd/Ctrl + L(VS Code)またはCmd/Ctrl + J(JetBrains)を押してLLMに送信します。解説を求めたり、リファクタリングをリクエストしたりできます。

@記号でコンテキストを参照する:コードベース、ドキュメンテーション、IDE、または他のツールから追加のコンテキストを含めるには、@を入力して選択し、クエリに追加します。

高度なアクション

生成されたコードをファイルに適用:LLMがコードの変更を提案した場合、"適用"ボタンをクリックしてエディタ内のコードを更新します。

新しいセッションを開始:新しいタスクの場合は、Cmd/Ctrl + L(VS Code)またはCmd/Ctrl + J(JetBrains)を押して新しいセッションを開始し、新しいタスクに関連するコンテキストのみが含まれるようにします。

モデル間を切り替える:複数のモデルが利用可能な場合、ドロップダウンを使用するか、Cmd/Ctrl + 'を押してモデルを切り替えることができます。

3. 編集

コード変更のために編集を使用する方法

編集は、現在のワークスペースを離れずに、特定のコードやファイルに対して迅速かつターゲットを絞った変更を行う便利な方法です。コードをハイライトし、変更を説明し、インラインで差分を見ることで、簡単に受け入れるか拒否することができます。

編集は、以下のような小規模で特定のタスクに最適です:

コメントの記述

単体テストの生成

関数やメソッドのリファクタリング

自動補完

編集を使用するステップ

コードをハイライトして編集モードを有効にする:変更したいコードブロックを選択し、Cmd/Ctrl + Iを押して編集モードを有効にします。コードがハイライトされていない場合でも、Cmd/Ctrl + Iを押すことで編集モードに入ることができます。

コードの変更を説明:ハイライトされたコードに対してモデルに行ってほしい変更の簡潔で明確な説明を提供します。より複雑な変更については、代わりにチャット機能を使用してください。

変更を承認または拒否:インラインの差分がハイライトされたテキスト内に表示されます。

変更を承認するにはCmd/Ctrl + Opt + Yを使用します。

変更を拒否するにはCmd/Ctrl + Opt + Nを使用します。

すべての変更を一度に承認または拒否するにはCmd/Ctrl + Shift + Enter(承認)またはCmd/Ctrl + Shift + Delete/Backspace(拒否)を使用します。

新しい提案をリクエストするには、再びCmd/Ctrl + Iを押します。

追加機能

VS Code: VS Codeでは、編集はチャットに似たインターフェースの拡張機能のサイドバーにあります。また、チャット入力の下にあるモードセレクタを使用して編集モードに切り替えることもできます。

JetBrains: JetBrainsでは、編集は単一ファイルの編集のためのインラインポップアップとして実装されています(マルチファイルの編集はサポートされていません)。

ファイルを編集に追加

ハイライトされたコードを追加するだけでなく、ファイルを追加コンボボックスを使用してファイルを手動で追加するか、ドロップダウンをクリックしてすべてのオープンファイルを追加を選択し、現在エディタで開いているすべてのファイルを追加できます。

ファイル追加コンボボックス

すべてのオープンファイル追加ドロップダウン

単一ファイルの編集:提出時に編集するコードに1つのファイル/範囲が存在する場合、Continueは編集モデルを提示し、差分をエディタに自動的にストリーミングします。

マルチファイルの編集:提出時に複数のファイル/範囲が編集するコードに存在する場合、Continueは編集モデルにプロンプトを送信してファイルごとにコードブロックを出力し、ユーザーはそれを適用し、個別に承認または拒否することができます。

生成されたコンテンツ

差分

4.エージェント

エージェントとのチャットの使用方法

エージェントは、チャットと同じインターフェースに統合されており、シームレスなコミュニケーションとタスク管理を可能にします。自然言語でエージェントに指示を提供すると、リクエストを完了するために必要な手順を処理します。

自動補完

エージェントとのチャットを使用する手順

自然言語の指示:自然言語でリクエストを入力するだけで、例えば:

「このプロジェクトのすべてのeslint設定に対して@typescript-eslint/naming-conventionルールを'off'に設定してください。」

エージェントは、タスクを完了するために適切なツールとアクションを自動的に選択します。

コンテキストの提供:チャットと同様に@コンテキストプロバイダを使用してコンテキストを提供するか、エディタからハイライトされたコードを追加して提供できます。

エージェントを使用する利点

自動化:エージェントはリクエストを処理し、手動で介入することなくタスクを達成する方法を決定します。

効率:リクエストに対してどのツールを使用するかを考える必要はありません。エージェントが自動でそれを処理します。

エージェントに権限を与える

デフォルトでは、エージェントはツールを使用したいときに許可を求めます。Continueをクリックすると、エージェントモードがツールの呼び出しを進めることを許可し、キャンセルをクリックすると拒否します。

ツールの応答を表示

ツール呼び出しから返されたデータは、自動的にモデルにコンテキストアイテムとしてフィードバックされます。ほとんどのエラーも捕捉され返送されるため、エージェントモードは進行方法を決定できます。

Apidog MCP統合でAI IDEを強化する
Continue.devの体験を次のレベルに引き上げるApidog MCPサーバーです。この統合により、AI駆動のIDEは、ApidogプロジェクトからAPI仕様に直接アクセスし、相互作用できるようになります。このセットアップにより、Continue.devはコードを生成し、API仕様を検索し、構造化されたモデルをシームレスに作成できます。

ベストプラクティス

コンテキスト認識を有効にする:より良い提案を得るために、AIがアクティブなエディタウィンドウだけでなく、プロジェクト全体のファイルを分析できるように設定します。

AIを賢く使う:AI生成されたコードは、常に正確性やセキュリティの懸念を確認するためにレビューされるべきです。

バージョン管理と統合する:AI生成された変更をコミットする前に追跡するためにGitまたは他のバージョン管理システムを使用します。

AIの設定をカスタマイズする:プロジェクトのニーズに基づいてAIの冗長性、補完スタイル、およびデバッグレベルを調整します。

学習のためにAIを活用する:AIの説明や提案を利用してコーディングスキルやベストプラクティスを向上させます。

結論

Continue.dev AI IDEは、AI支援を利用してワークフローを合理化したい開発者にとってのゲームチェンジャーです。迅速なコード補完、効率的なデバッグ、インテリジェントなリファクタリングが必要な場合でも、Continue.devは生産性を向上させるためのツールを提供します。このガイドに従うことで、開発プロセスにAIを効果的に統合し、その強力な機能を活用できます。