> ## Documentation Index
> Fetch the complete documentation index at: https://docs.vervecopilot.com/llms.txt
> Use this file to discover all available pages before exploring further.

# コーディングアシスタント

> LeetCode形式のコーディング問題や技術面接に、AIで即時解答する面接アシスタント。

## コーディングアシスタントとは？

LeetCode形式のコーディング面接向けに設計されており、画面上の問題を取得して包括的な解説付きの即時解答を返します。内容はあなたにのみ表示されます。

**アクセス方法:** [面接アシスタント起動](https://www.app.vervecopilot.com/copilot)のステップ2で、面接ジャンルとして**コーディング面接**を選択

<img className="rounded-xl" src="https://mintcdn.com/verveai/4DDDE1_YTFGlwOxG/images/coding-intro.png?fit=max&auto=format&n=4DDDE1_YTFGlwOxG&q=85&s=21d8b257ed10266cee58be240664c944" width="2338" height="1752" data-path="images/coding-intro.png" />

***

## コーディングインタープリター

面接アシスタントは音声会話から質問を検出して回答を生成しますが、コーディングインタープリターは画面問題をキャプチャ/送信して解くための補助アシスタントです。

**アクセス方法:** コーディングアシスタントのアクティブセッション内タブとして利用できます

### 1. セットアップ

ブラウザ版またはデスクトップ版を選択します。

**ブラウザ版:**

* **Chromeのみ対応**（他ブラウザは未対応）
* [Verve AI Chrome拡張機能](https://chromewebstore.google.com/detail/verve-ai/eaelmnmhehmblclgjjkhjmbkabaenpjp?hl=en)をインストール

**デスクトップ版（推奨）:**

* [デスクトップアプリ](https://www.vervecopilot.com/app)をダウンロードしてインストール
* Chromeに限定されず、任意のアプリで利用可能

### 2. 画面キャプチャ

<div
  style={{
background: 'url(https://mintcdn.com/verveai/4DDDE1_YTFGlwOxG/images/background.jpg?fit=max&auto=format&n=4DDDE1_YTFGlwOxG&q=85&s=5b8212ed290246edc77dab246edf4fc6)',
backgroundSize: 'cover',
backgroundPosition: 'center',
padding: '1rem',
borderRadius: '12px',
marginTop: '1rem',
marginBottom: '1rem'
}}
>
  <img src="https://mintcdn.com/verveai/87RNvxl7v0612spK/images/coding-copilot-how-to-start.png?fit=max&auto=format&n=87RNvxl7v0612spK&q=85&s=c4dd3d60fd04c53022716107b1ce3e5b" alt="コーディングコパイロットクイックアクション" style={{borderRadius: '12px', width: '100%', border: '1px solid rgba(0, 0, 0, 0.1)', boxShadow: '0 8px 16px rgba(0, 0, 0, 0.15)'}} width="2668" height="1416" data-path="images/coding-copilot-how-to-start.png" />
</div>

画面上のコーディング問題を取得して、コーディングインタープリターへ送信すると即時解答を受けられます。

**ブラウザ版:**

* 問題文全体が見える状態で該当ページを開く
* Verve AI Chrome拡張機能をクリックしてキャプチャし、即時解答を取得

**デスクトップ版:**

* 画面キャプチャホットキーで取得して解答
  * <kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd>（Mac）/ <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd>（Windows）- 範囲選択
  * <kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd>（Mac）/ <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd>（Windows）- 全画面

**キューに追加:** チャット入力欄の設定アイコンから有効化できます。有効時は、拡張機能やホットキーで取得した画像が自動解答されずキューに追加されます。複数キャプチャ後に1回で解かせたいときに有効です。

### 3. 言語を選択

チャット欄のドロップダウンで、解答に使うプログラミング言語を選択します。

### 4. クイックアクションを使う

<div
  style={{
background: 'url(https://mintcdn.com/verveai/4DDDE1_YTFGlwOxG/images/background.jpg?fit=max&auto=format&n=4DDDE1_YTFGlwOxG&q=85&s=5b8212ed290246edc77dab246edf4fc6)',
backgroundSize: 'cover',
backgroundPosition: 'center',
padding: '1rem',
borderRadius: '12px',
marginTop: '1rem',
marginBottom: '1rem'
}}
>
  <img src="https://mintcdn.com/verveai/87RNvxl7v0612spK/images/coding-copilot-followup.png?fit=max&auto=format&n=87RNvxl7v0612spK&q=85&s=b7d310d21f5deae8be206ecf2a3ae21b" alt="コーディングコパイロットクイックアクション" style={{borderRadius: '12px', width: '100%', border: '1px solid rgba(0, 0, 0, 0.1)', boxShadow: '0 8px 16px rgba(0, 0, 0, 0.15)'}} width="2316" height="1414" data-path="images/coding-copilot-followup.png" />
</div>

チャット欄上部のクイックアクションで解答を改善できます。

<AccordionGroup>
  <Accordion title="最適化">
    より高速・効率的な解法を提案
  </Accordion>

  <Accordion title="エッジケース">
    境界ケースや特殊入力への対応を強化
  </Accordion>

  <Accordion title="簡素化">
    より簡潔で読みやすい実装に調整
  </Accordion>

  <Accordion title="代替案">
    別アルゴリズムや別方針を提案
  </Accordion>

  <Accordion title="実装">
    動作する実装コードを提示
  </Accordion>

  <Accordion title="計算量">
    Big-O記法で計算量を分析
  </Accordion>
</AccordionGroup>

### 5. コンテキストを共有

チャット入力欄の設定アイコンから「コンテキストを共有」を切り替えできます。有効時は、面接アシスタントがコーディングインタープリターのやり取りを参照して音声支援を生成します。不要なら無効化してください。

<div
  style={{
background: 'url(https://mintcdn.com/verveai/4DDDE1_YTFGlwOxG/images/background.jpg?fit=max&auto=format&n=4DDDE1_YTFGlwOxG&q=85&s=5b8212ed290246edc77dab246edf4fc6)',
backgroundSize: 'cover',
backgroundPosition: 'center',
padding: '1rem',
borderRadius: '12px',
marginTop: '1rem',
marginBottom: '1rem'
}}
>
  <img src="https://mintcdn.com/verveai/87RNvxl7v0612spK/images/coding-copilot-settings.png?fit=max&auto=format&n=87RNvxl7v0612spK&q=85&s=24ec0e62ff8cfe70fb704607a04997a9" alt="コーディングコパイロット設定" style={{borderRadius: '12px', width: '100%', border: '1px solid rgba(0, 0, 0, 0.1)', boxShadow: '0 8px 16px rgba(0, 0, 0, 0.15)'}} width="2102" height="1284" data-path="images/coding-copilot-settings.png" />
</div>

### 6. アウトラインを表示

アウトライン表示を開くと、解答内の各セクションへすばやく移動できます。長い回答でも必要な箇所を見つけやすく、面接中の見直しが楽になります。

<div
  style={{
background: 'url(https://mintcdn.com/verveai/4DDDE1_YTFGlwOxG/images/background.jpg?fit=max&auto=format&n=4DDDE1_YTFGlwOxG&q=85&s=5b8212ed290246edc77dab246edf4fc6)',
backgroundSize: 'cover',
backgroundPosition: 'center',
padding: '1rem',
borderRadius: '12px',
marginTop: '1rem',
marginBottom: '1rem'
}}
>
  <img src="https://mintcdn.com/verveai/fzrqJLlMSrNs2cfv/images/coding-outline.png?fit=max&auto=format&n=fzrqJLlMSrNs2cfv&q=85&s=ab5f42532cf0f5246b0261a2dba41b63" alt="コーディングコパイロットのアウトライン表示" style={{borderRadius: '12px', width: '100%', border: '1px solid rgba(0, 0, 0, 0.1)', boxShadow: '0 8px 16px rgba(0, 0, 0, 0.15)'}} width="1260" height="883" data-path="images/coding-outline.png" />
</div>

***

## ダブルパネルモード

面接アシスタントとコーディングインタープリターを横並び表示できます。タブ切替せずに提案参照と問題解決を同時進行できます。

**ホットキー:** <kbd>Cmd</kbd> + <kbd>/</kbd>（Mac）または <kbd>Ctrl</kbd> + <kbd>/</kbd>（Windows）

詳細は[ダブルパネルモード](/ja/guides/split-screen-mode)を参照してください。

<div
  style={{
background: 'url(https://mintcdn.com/verveai/4DDDE1_YTFGlwOxG/images/background.jpg?fit=max&auto=format&n=4DDDE1_YTFGlwOxG&q=85&s=5b8212ed290246edc77dab246edf4fc6)',
backgroundSize: 'cover',
backgroundPosition: 'center',
padding: '1rem',
borderRadius: '12px',
marginTop: '1rem',
marginBottom: '1rem'
}}
>
  <img src="https://mintcdn.com/verveai/QJL4eGuyUaXRRBy4/images/coding-splitscreen.png?fit=max&auto=format&n=QJL4eGuyUaXRRBy4&q=85&s=8c7591a43809bd0ba7ba663a410af869" alt="コーディングコパイロットの分割ビュー" style={{borderRadius: '12px', width: '100%', border: '1px solid rgba(0, 0, 0, 0.1)', boxShadow: '0 8px 16px rgba(0, 0, 0, 0.15)'}} width="2294" height="1496" data-path="images/coding-splitscreen.png" />
</div>

***

## 解決できる問題

* **アルゴリズム** - 配列、文字列、探索アルゴリズム
* **データ構造** - ツリー、グラフ、ハッシュテーブル、ヒープ、連結リスト
* **動的計画法** - メモ化、タビュレーション、最適化
* **再帰/バックトラッキング** - 再帰解法、バックトラッキング
* **ソート/探索** - 二分探索、マージソート、クイックソート
* **システム設計** - クラス設計、API実装

<Accordion title="対応言語（21以上）">
  コーディングコパイロットは次の言語をサポートしています。

  * Python
  * JavaScript
  * TypeScript
  * Java
  * C
  * C++
  * C#
  * Go
  * Swift
  * Kotlin
  * PHP
  * Ruby
  * Rust
  * R
  * MATLAB
  * Scala
  * Dart
  * Perl
  * Lua
  * SQL
  * Apex
</Accordion>

***

## トラブルシューティング

<AccordionGroup>
  <Accordion title="画面キャプチャが動作しない">
    ブラウザ版は拡張機能が有効か確認し、ページを更新して再試行してください。デスクトップ版はアプリ起動状態を確認し、ホットキーを再実行してください。
  </Accordion>

  <Accordion title="解答が問題と一致しない">
    キャプチャ時に、制約条件や例を含めた問題全文が表示されていることを確認してください。
  </Accordion>

  <Accordion title="解答が難しすぎる">
    「簡素化」を使うか、設定で初学者向けの出力に調整してください。
  </Accordion>
</AccordionGroup>