Skip to content

インテリジェントコード補完 (Tab)

Cursor AIのインテリジェントコード補完機能は強力な生産性ツールで、従来のコード補完提案だけでなく、コンテキストを理解しよりインテリジェントな複数行コード提案を提供します。

機能特徴

1. コンテキスト認識

  • リアルタイム分析:現在のファイルと関連依存関係をリアルタイム分析
  • インテリジェント推論:コンテキストに基づき最も可能性の高いコード補完を推論
  • タイプ認識:TypeScriptタイプシステムをサポートし、タイプセーフな補完を提供
  • プロジェクト範囲理解:プロジェクト全体の構造と依存関係を分析

2. 複数行補完

  • 完全な関数本体:関数実装全体を自動補完
  • コードブロック補完:完全なコードブロック(if-else、try-catchなど)を補完
  • インテリジェントインデント:コードインデントとフォーマットを自動処理
  • パターン認識:一般的なコードパターンを認識し完全実装を提供

3. リアルタイム提案

  • 即時フィードバック:入力時にリアルタイムで提案表示
  • 複数オプション切替:複数の補完オプションを提供
  • クイックプレビュー:補完結果のプレビュー表示
  • インテリジェントソート:使用頻度とコンテキスト関連性に基づき提案をソート

使用方法

1. 基本操作

  1. 補完のトリガー

    • 自動トリガー:入力時に自動表示
    • 手動トリガー:Ctrl/Cmd + Spaceを押下
    • 強制トリガー:Tabキーを押下
  2. 提案の受け入れ

    • 完全受け入れ:Tabキーを押下
    • 部分受け入れ:Ctrl/Cmd + →を押下
    • 提案キャンセル:Escキーを押下
    • インテリジェント受け入れ:Enterキーを押下(コンテキストに基づき判断)
  3. オプション切替

    • 前へ:Shift + Tab
    • 次へ:Tab
    • 矢印キーで閲覧
    • クイックジャンプ:数字キーで選択

2. 高度な使用法

インテリジェント関数補完

typescript
// 関数宣言を入力しTabで自動実装補完
function calculateTotal(items: CartItem[]) {
  // Cursorは関数名とパラメータタイプに基づき
  // 適切な実装を自動生成
}

インポート文補完

typescript
// import開始を入力しモジュールインポートを自動補完
import { useState, use
// Cursorは関連するReact Hooksを提案

タイプ定義補完

typescript
// インターフェース定義を入力しプロパティを自動補完
interface User
// Cursorはコンテキストに基づき可能なプロパティ定義を提案

3. 補完モード

インテリジェントモード

  • コンテキスト補完:現在のファイル内容に基づき提案
  • プロジェクト範囲補完:プロジェクト全体を分析し提案
  • タイプ認識補完:タイプシステムに基づき正確な提案

スニペットモード

  • カスタムスニペット:ユーザー定義コードスニペットをサポート
  • ダイナミックスニペット:コンテキストに応じスニペット内容を調整
  • インテリジェント変数:関連変数名を自動入力

AI拡張モード

  • セマンティック理解:コード意図を理解し提案
  • コードパターン認識:一般的なコードパターンを識別
  • 最適化提案:パフォーマンス改善案を提示
  • エラー防止:潜在エラーを事前検出

高度な使用シナリオ

1. プロジェクト全体補完

クロスファイル補完

typescript
// 別ファイルで定義された型を自動認識
const user: User = {
  // CursorはUserインターフェースのプロパティを提案
}

依存関係管理

typescript
// 新しい依存関係追加時に自動提案
import { use
// Cursorはインストール済みライブラリからフックを提案

2. 特殊補完

  1. JSX/TSX補完
typescriptx
function Component() {
  return (
    <div>
      <CustomComponent
        // コンポーネントのpropsを自動提案
      />
    </div>
  )
}
  1. テスト補完
typescript
describe('calculator', () => {
  it('should ', () => {
    // テストケースのアサーションを自動提案
  })
})
  1. ドキュメント補完
typescript
/**
 * 関数のJSDocを自動生成
 */
function calculate() {
  // 関数実装後、ドキュメント補完が可能
}

設定と最適化

1. 基本設定

  • モデル選択:適切なAIモデルを選択
  • コンテキスト範囲:コンテキスト包含範囲を調整
  • 応答形式:コードフォーマットオプションを設定

2. 高度な設定

  • カスタムプロンプト:常用プロンプトテンプレートを設定
  • ショートカットカスタマイズ:ショートカットキーバインディングをカスタマイズ
  • 出力フォーマット:コードスタイルルールを設定

3. パフォーマンス最適化

  • キャッシュ管理:補完履歴キャッシュのクリア
  • メモリ使用:メモリ使用量の最適化
  • 応答速度:補完応答速度の向上

トラブルシューティング

1. よくある問題

  • 補完精度不足:タイプ定義と依存関係を確認
  • パフォーマンス問題:プロジェクト構造と設定を最適化
  • 競合問題:他拡張機能との競合を処理
  • コンテキスト認識問題:キャッシュクリアと再読み込み

2. 最適化提案

  • 定期的なキャッシュクリア
  • 言語サーバーの更新
  • プロジェクト設定の最適化
  • 補完設定の調整

3. パフォーマンスチューニング

  • 検索範囲の制限
  • トリガー条件の最適化
  • キャッシュ戦略の調整
  • 設定ファイルのフィルタリング

ヒント

  • Tabキーと方向キーの組み合わせを活用
  • 補完プレビューウィンドウを注意深く観察
  • コードスニペットと連携して効率向上
  • インテリジェントモードを活用し生産性向上

注意

  • 補完提案は手動で確認が必要
  • 大規模プロジェクトでは設定最適化が必要な場合あり
  • 特定のシナリオでは手動トリガーが必要
  • 最新機能を取得するため定期的にCursorを更新

MIT ライセンスで公開