広告枠を募集中 ご相談ください

ソフトウェア開発者がリアルタイムコード補完のために Supermaven をコードエディタに設定・統合する方法

365Finds Editorial
Wiki 記事 11,430 本収録

あなたの AI で 365 Wiki を使う

下のプロンプトをコピーして、普段使っている AI に貼り付け、そのまま質問してください。

完全版 Skill をダウンロード

まずはプロンプトでお試しください。よく使う場合は完全版 365Wiki Skill をインストールすると、毎回貼り付ける必要がありません。普段使う AI がなければ、Gemini や Microsoft Copilot のウェブ版でも使えます。

ソフトウェア開発者は、最新のコードエディタにSupermavenを設定・統合することで、広大なコンテキストウィンドウに支えられた超低レイテンシのAIコード補全を実現できます。Tabnineの生みの親によって開発されたSupermavenは、独自のBabbleモデルにより、250ミリ秒未満での提案提示と最大100万トークンのコンテキストウィンドウをサポートし、従来のAIコーディングアシスタントとの差別化を図っています。Visual Studio Code、Neovim、JetBrains IDEのいずれで利用する場合でも、Supermavenのセットアップには、専用の拡張機能またはプラグインのインストール、開発者アカウントの認証、キーバインドと除外リストの設定、および既存のLanguage Server Protocol(LSP)ワークフローを補完するインライン提案動作の調整が含まれます。

Supermavenのアーキテクチャと補全メカニズムの理解

Supermavenをエディタ環境に効果的に統合するには、その推論エンジンとコンテキスト検索がどのように機能するかを理解する必要があります。限定的なローカルスニペットバッファを用いてリモートモデルに問い合わせる従来の補全ツールとは異なり、Supermavenは、開いているバッファやリポジトリファイルを動的にインデックス化する広大なコンテキストアーキテクチャを活用します。

レイテンシとコンテキスト規模

タイピングの流れを途切れさせないためには、リアルタイムコード補全において高い応答性が不可欠です。Supermavenは、主に以下の2つの側面で速度とコンテキストの深度を最適化しています:

インライン補全とエディタ内チャットの比較

Supermavenは、2つの補完的なインタラクションモードをサポートしています:

  1. インラインゴーストテキスト:開発者が入力すると、カーソル位置にグレーのテキストで提案されたトークンが直接表示されます。開発者は、提案全体を受け入れるか、単語単位で受け入れるか、または提案を破棄することができます。
  2. 対話型開発者チャット:サポートされているIDEインターフェースで利用可能で、エディタ内でフロンティアモデル(GPT-4oやClaude 3.5 Sonnetなど)に直接問い合わせたり、最近編集したファイルを添付したり、diffを確認したり、コンパイラエラーの診断結果をモデルに直接渡して迅速にデバッグしたりできます。

Visual Studio CodeでのSupermavenのインストールと設定

Visual Studio Codeは、Supermavenの主要な動作環境の1つです。公式拡張機能は、VS Codeのインライン補全APIとネイティブに統合されています。

ステップ1:拡張機能のインストール

開発者は、グラフィカルインターフェースまたはコマンドラインのいずれかを使用して拡張機能をインストールできます:

  1. VS Codeを開き、Extensions(拡張機能)ビューに移動します(Linux/Windowsでは Ctrl+Shift+X、macOSでは Cmd+Shift+X)。
  2. 検索バーに Supermaven と入力します。
  3. 公式のSupermaven拡張機能を見つけて、Install(インストール)をクリックします。
  4. または、ターミナルからインストールします:
code --install-extension supermaven.supermaven

ステップ2:アカウントのアクティベーションとプランの選択

インストールが完了すると、Supermavenのアクティベーションを促す通知トーストが表示されます:

  1. ポップアッププロンプトの Activate をクリックします。
  2. ブラウザウィンドウが開き、GitHub、Google、またはメールで認証を行います。
  3. Free Tier を選択するか、既存の Pro / Team アカウントにログインします。
  4. 認証が完了すると、ブラウザからVS Codeに認証トークンが返され、ステータスバーに有効なSupermavenアイコンが表示されます。

ステップ3:キーバインドと提案の操作

Supermavenは、VS Codeのネイティブなインライン補全ショートカットにフックします:

アクションLinux / WindowsmacOS説明
提案を受け入れるTabTab提案されたブロック全体を挿入
次の単語を受け入れるCtrl+RightArrowCmd+RightArrow次のトークンまたは単語を挿入
提案を破棄するEscapeEscapeアクティブなゴーストテキストをクリア
提案をトリガーするAlt+\Option+\カーソル位置で補全を手動リクエスト

ステップ4:設定とプライバシーの構成

開発者は、設定(Ctrl+, または Cmd+,)を開いて supermaven を検索することで、Supermavenの動作を微調整できます:


NeovimでのSupermavenのインストールとセットアップ

ターミナル環境で作業する開発者向けには、公式Luaプラグインである supermaven-nvim を介してNeovimとの統合が提供されます。このプラグインは軽量なバックグラウンドバイナリを実行し、Neovimのイベントループをブロックすることなくリアルタイム推論を処理します。

ステップ1:プラグインのインストール

お好みのプラグインマネージャーに supermaven-inc/supermaven-nvim を追加します。

lazy.nvim の使用

{
  "supermaven-inc/supermaven-nvim",
  event = "InsertEnter",
  config = function()
    require("supermaven-nvim").setup({
      keymaps = {
        accept_suggestion = "<Tab>",
        clear_suggestion = "<C-]>",
        accept_word = "<C-j>",
      },
      ignore_filetypes = { "markdown", "text", "gitcommit" },
      disable_inline_completion = false,
      disable_keymaps = false,
      log_level = "off",
    })
  end,
}

packer.nvim の使用

use {
  "supermaven-inc/supermaven-nvim",
  config = function()
    require("supermaven-nvim").setup({})
  end,
}

ステップ2:主要な設定オプション

setup() テーブルは、Neovimバッファ内でのSupermavenの動作を決定するいくつかのパラメータをサポートしています:

ステップ3:nvim-cmp との統合

自動補全に nvim-cmp を使用している場合は、Tabの動作を調整することでキーマップの競合を防ぐことができます:

-- Example: Configuring nvim-cmp alongside supermaven-nvim
local cmp = require("cmp")

cmp.setup({
  mapping = cmp.mapping.preset.insert({
    ["<CR>"] = cmp.mapping.confirm({ select = false }),
    ["<C-Space>"] = cmp.mapping.complete(),
  }),
  -- Additional cmp sources and configuration...
})

Supermavenのインライン補全を nvim-cmp と併用する場合、Supermavenはカーソルの前方にゴーストテキストをレンダリングし、nvim-cmp はポップアップメニュー項目を表示します。メニュー項目が明示的に選択されていない状態で <Tab> を押すと、Supermavenのゴーストテキストが受け入れられます。

ステップ4:Neovimコマンドとアカウント管理

プラグインは、デーモンとサブスクリプション階層を管理するために、Neovimにいくつかのユーザーコマンドを登録します:


JetBrains IDEとSupermavenの統合

Supermavenは、IntelliJ IDEA、PyCharm、WebStorm、CLion、GoLand、Riderなど、JetBrains IDEエコシステムをサポートしています。

ステップ1:JetBrains Marketplaceからのインストール

  1. JetBrains IDEを開きます。
  2. Settings(Windows/Linuxでは Ctrl+Alt+S)または Preferences(macOSでは Cmd+,)に移動します。
  3. 左側のナビゲーションツリーから Plugins を選択します。
  4. Marketplace タブをクリックし、Supermaven を検索します。
  5. Install をクリックし、プロンプトが表示されたらIDEを再起動します。

ステップ2:認証とセットアップ

  1. 再起動後、右下のステータスバーにあるSupermavenステータスアイコンを見つけます。
  2. アイコンをクリックし、Log In を選択します。
  3. デフォルトのブラウザでWeb認証フローを完了します。
  4. ステータスインジケーターに有効な接続が反映されていることを確認します。

ステップ3:エディタでのインタラクション


実践的なワークフローの習慣とベストプラクティス

Supermavenで生産性を最大限に高めるには、一貫したインタラクションの習慣を身につけ、リポジトリのプライバシーを管理することが重要です。

1. 単語単位の受け入れをマスターする

アグレッシブなAI補全を採用する際によくある落とし穴は、「全か無か」の思考に陥ることです。Supermavenは、80%は正確であるものの、変数名やパラメータに誤りが含まれる複数行ブロックを生成することがよくあります。提案全体を拒否してゼロから入力する代わりに、単語単位の部分受け入れショートカット(Neovimでは <C-j>、VS Codeでは Ctrl+Right)を使用して正しいトークンを受け入れ、必要な固有のバリエーションを入力します。

2. リポジトリ全体のコンテキスト認識の活用

Supermavenは大規模なトークンウィンドウにわたってリポジトリのコンテキストをインデックス化するため、隣接するタブやファイルに参照コードを配置することで提案を誘導できます:

3. 機密データとプライバシーの管理

データポリシーを理解することで、組織のセキュリティ要件への準拠を確保できます:


エディタ統合リファレンス

次の表は、サポートされているエディタ全体における主要なインストールパス、設定ファイル、デフォルトのコマンドをまとめたものです:

エディタインストール方法主な設定場所デフォルトの受け入れキー管理コマンド
VS CodeVS Code Marketplace (supermaven.supermaven)settings.json (supermaven.*)Tabコマンドパレット:Supermaven: ...
Neovimプラグインマネージャー (supermaven-inc/supermaven-nvim)init.lua (require("supermaven-nvim").setup())<Tab>:SupermavenUseFree, :SupermavenUsePro, :SupermavenStatus
JetBrains IDEsJetBrains MarketplaceSettings > Tools > SupermavenTabステータスバーメニュー

これらの設定手順に従うことで、開発者はSupermavenを日常のプログラミングワークフローに統合し、コード品質に対する完全な制御を維持しながら実装を加速する、高速でコンテキスト認識に優れたコード補全を実現できます。