メインコンテンツへスキップ
NEXTは、カーソル位置でcontextに基づく賢い編集を提示し、AI支援によるコーディングの開始を支援します。 Qoder NEXT では、次のことが可能です:
  • カーソル付近の複数行をまとめて編集する
  • 直近の変更やこれまでに受け入れた編集内容に基づく提案を受け取る
  • ファイル内をシームレスに移動して、次の候補へ進む
  • 依存関係を自動的にインポートする
  • 関連する変更を手動で探す必要がないよう、ファイルをまたいだ変更の提案を受け取る

動作の仕組み

Qoder は、変更されたコードと NEXT プロンプトの合計幅に応じて、提案をインラインまたは左右並置で自動表示します。
  • 合計幅がエディタの幅を超える場合は、インライン表示になります。
  • それ以外の場合は、比較しやすいように左右に並べて表示されます。
提案を承認または却下するには:
  • Accept/Reject にカーソルを合わせるか、
  • 承認は Tab、却下は Esc を押します。
次の編集箇所が現在の表示範囲外にある場合:
  • 同一ファイル内の編集箇所へ移動するには、Tab to Jump をクリックするか Tab を押します。
  • 他ファイルでの編集の場合は、対象ファイルの編集箇所へ移動するために Tab to Jump をクリックするか Tab を押します。
提案された変更をプレビューするには
  • プレビューするには、 (Mac) キー / Alt (Windows) キーを押し続けます。
  • キーを離すと元のコードに戻ります。

設定

NEXT を有効にする

  1. Qoder IDE 右上のユーザーアイコンをクリックするか、キーボードショートカット( ,(macOS)または Ctrl Shift ,(Windows))を使い、Qoder Settings を選択します。
  2. 表示されたパネルで NEXT をクリックします。
  3. NEXT をオンにします。

コメント時のトリガー

NEXT は既定でコメントブロック内で有効です。設定で無効にできます。

自動インポート

オンにすると、NEXT が TypeScript 用に必要なモジュールを自動的にインポートします。

クイック設定

右下の NEXT アイコンをクリックすると、以下のクイック設定にアクセスできます。
  1. NEXT を全体でオンまたはオフにする
  2. 特定のファイル拡張子(例:Markdown やプレーンテキスト)ごとに NEXT を有効/無効にする

表示動作

NEXT は、削除・変更・追加に対するインテリジェントな編集をサポートし、変更の種類に応じたビジュアル差分を提供します。

シナリオ

ここでは、Qoder NEXT がどのようにコーディング効率を向上させるかを示す代表的なシナリオを紹介します。
  • 1つのファイル内でのマルチポイント予測
    変数名や関数名を変更すると、NEXT が同じファイル内の関連するすべての使用箇所を自動的に特定し、該当箇所をまとめて更新する提案を行います。
  • 依存関係の自動インポート
    外部ライブラリやモジュールを参照するコードを書くと、NEXT が必要な import 文を自動的に検出して追加し、手動でのインポート作業を不要にします。
  • 関数レベルのオートコンプリート
    NEXT はコードのコンテキストに基づいて関数全体の実装を予測し、行ごとの補完ではなく、適切なロジックと構造を備えた関数本体全体を生成します。
  • ファイルをまたいだ編集予測
    あるファイルに変更を加えると、NEXT がコードベースを解析し、他のファイルで必要となる関連変更を先回りして提案し、依存関係を手作業で探し回る手間を省きます。