VS Code で Gemini コードアシストを使用する方法

Outbyte Driver Updater
VS Code で Gemini コードアシストを使用する方法

Google は最近、現在ラスベガスで開催中の Cloud Next カンファレンスで、企業向けの AI コード補完および支援ツールである Gemini Code Assist を発表しました。

Gemini Code Assist とは何ですか? VS Code、IntelliJ、Cloud Workstations、Cloud Shell Editor などの IDE で Gemini Code Assist を使用して開発を支援したり、Google Cloud Console で使用してトラブルシューティングを支援したりすることができます。

Gemini Code Assist は、コードの記述時にコード補完を取得したり、コメントから完全な関数またはコード ブロックを生成したり、単体テストを生成したり、コードのデバッグ、理解、ドキュメント化を支援したりするのに役立ちます。

技術的には、これは数か月前に Google が廃止した Duet AI の進化版です。しかし、現在では、コーディングに役立つ最も有名な AI ツールの 1 つである Microsoft の GitHub Copilot の直接的な競合相手となっています。

Code Assist は、100 万のコンテキスト ウィンドウを持つ Gemini 1.5 Pro を使用します。これは、どのモデルでも最大のコンテキスト ウィンドウです。これにより、Code Assist は大きな優位性を得ています。ユーザーは、このコンテキスト ウィンドウを使用して、コード ベース全体に変更を加えることさえできます。これは、現在他のプラットフォームでは提供されていません。

企業は、GitHub Copilot と同様に、Code Assist を社内のコード ベースに合わせて微調整することもできます。

Gemini Code Assist は、2024 年 7 月 11 日まで、請求先アカウントごとに 1 人のユーザーに限定して無料でお試しいただけます。

このガイドでは、Visual Studio (VS) Code で Gemini Code Assist を使用する方法に焦点を当てます。

VS Code で Gemini Code Assist を設定する

VS Code で Code Assist を使用するには、以下の手順に従って全体を設定する必要があります。

Cloud Code拡張機能をインストールする

まず、VS Code で Code Assist を使用するには、Cloud Code 拡張機能をインストールする必要があります。

  • マシン上で VS Code を開きます。
  • 次に、左側のメニューから「拡張機能」に移動します。
  • 検索バーを使用して「Cloud Code」を検索します。最初の検索結果、つまり「Gemini + Google Cloud Code」をクリックします。
  • 次に、「インストール」ボタンをクリックして拡張機能をインストールします。

Cloud Code 拡張機能が VS Code にインストールされました。次の言語で最適に動作します。

  • ノードJS
  • 行く
  • パイソン
  • ジャワ
  • 。ネット

NodeJS は VS Code に組み込まれたサポートを備えているため、追加の操作は必要ありませんが、他の言語を使用する場合はインストールする必要があります。これらの言語は、Cloud Code 拡張機能をインストールしたのと同じ方法でインストールできます。

オプションで、サンプルをマシンにコピーする場合は、Git もインストールする必要があります。

Google Cloud に接続する

次のステップでは、VS Code から Google Cloud に接続します。

  • 拡張機能がインストールされたら、「ウォークスルーを開く」オプションをクリックします。
  • 「Google Cloud に接続」オプションの「接続」ボタンをクリックします。
  • VS Code が外部 Web サイトを開こうとしているというメッセージが表示されます。「開く」をクリックして続行します。
  • 次に、Google アカウントにログインします。
  • 次に、Google アカウントで、このアプリ [Cloud Code] を Google からダウンロードしたことを確認するよう求められます。続行するには、[ログイン] をクリックしてください。

アカウントが Google Cloud に接続されました。

次に、Cloud API が有効になっている Google Cloud プロジェクトを選択して、VS Code で Gemini をアクティブ化する必要があります。ただし、これまで Google Cloud にサインアップしていない場合は、まずサインアップする必要があります。

Google Cloud にサインアップ

Google Cloud をお持ちでない場合は、300 ドルのクレジットで 3 か月間の無料トライアルをご利用いただけます。

  • cloud.google.com にアクセスし、「無料で始める」をクリックします。
  • 次に、アカウント情報を入力して、「同意して続行」をクリックします。
  • お支払い情報を入力し、「無料で開始」をクリックして無料トライアルを開始してください。Google Cloud の完全なアカウントを手動で有効にしない限り、トライアル終了後に料金は請求されません。

Google Cloud を入手したら、そこからプロジェクトを使用して VS Code で Gemini を使用できます。

VS CodeでGeminiを有効化する

  • 次に、VS Code に戻り、「Google Cloud プロジェクトを選択」をクリックして Gemini をアクティブ化します。
  • Google Cloud プロジェクトを選択するオプションが上部に表示されます。Cloud API が有効になっている Google Cloud プロジェクトを選択します。新しい Google Cloud プロジェクトを作成することもできます。
  • 選択したプロジェクトで Cloud API が有効になっていない場合、VS Code ウィンドウにエラーが表示されます。「API を有効にする」をクリックして修正してください。
  • Gemini は VS Code で使用できるようにアクティブ化されます。ステータス バーからいつでもアクセスでき、以前の無効な Gemini アイコン (斜めの線が入った赤いアイコン) の代わりに、アクティブ化された Gemini が表示されます。
  • 左側のアクティビティ バーに Gemini のオプションも追加されます。

以上です。これで、VS Code で Gemini を使用して、コード生成のヘルプを取得したり、チャットしたりできるようになりました。

Gemini でコードを生成する

VS Code で Gemini を使用するには、プロンプトを使用して新しいコードを生成したり、コーディングの提案を取得したり、インラインの提案を取得したりできます。

まず、Gemini を使用する既存のアプリケーションを開くか、Cloud Code で Gemini をテストするためのサンプル アプリケーションを作成します。

  • サンプル アプリケーションを作成するには、Ctrl+ Shift+ P(Windows/Linux) またはCmd+ Shift+ P(Mac) を押して、VS Code でコマンド パレットを開きます。
  • 次に、「クラウド コード: 新しいアプリケーション」と入力して Enter キーを押します。
  • オプションから「Kubernetes アプリケーション」を選択します。
  • 次に、オプションから「Python (Flask): Guestbook」などのサンプル アプリケーションを選択します。サンプル アプリケーションをインストールする言語がまだインストールされていない場合は、インストールする必要があることに注意してください。
  • アプリケーションを任意の場所に保存すると、アプリケーションが作成されます。

アプリケーションが作成されたら、新しいコード ファイルを作成するか、既存のコード ファイルを開いて Gemini を使用します。Gemini がコード生成に役立つあらゆる方法を次に示します。

インライン提案を取得する

  • インラインの提案を取得するには、コードの入力を開始します。
  • Gemini は、コードを記述するときにコードの自動補完の提案を提供します。
  • を押すと提案を受け入れることができますTab。提案を無視するには、 を押すEscか、コードの書き込みを続けます。

コードを生成する

  • Gemini は新しいコードを生成することもできます。IDE ウィンドウから「Gemini: Smart Actions」アイコンをクリックします。
  • 次に、オプションから「コードの生成」をクリックします。
  • Gemini は、ファイル内にすでに存在するコードに基づいて新しいコードを生成します。

プロンプトでコードを生成する

また、Gemini にプロンプ​​トを提供して、コードを生成することもできます。

  • コードの新しい行に移動し、 と入力して、#その後にコードのプロンプトを表示します。たとえば、 と入力して# Function to create a Cloud Storage bucketEnter キーを押します。
  • 次に、コードを生成するには、Windows、Linux、Mac のいずれの場合でもCtrl+を押します。Enter
  • Gemini はリクエストのコードを生成します。Tabキーボードを押して承認してください。

ジェミニとチャット

VS Code で Gemini とチャットすることもできます。質問に答えたり、コードを説明したり、選択したコードのサポートを行ったりできます。

  • Gemini とチャットするには、左側のアクティビティ バーから「Gemini」アイコンをクリックします。左側に Gemini チャット パネルが開きます。
  • プロンプト バーにプロンプ​​トを入力し、AI に送信します (このためにはコード ファイルが開いている必要があります)。たとえば、次のように入力しますExplain this code to me。Gemini はファイル内のコードを参照として使用し、説明を提供します。
  • ファイル内のコードを選択し、コードの説明を求めるプロンプトを Gemini に送信することもできます。その後、クエリに回答する際には、選択したコードのみが参照として使用されます。
  • また、チャット パネルでコード全体または選択したコードの単体テストを生成するように Gemini に依頼することもできます。チャット パネルGenerate unit testsに入力すると、Gemini はコード全体または選択した関数 (選択内容に基づいて) の単体テストを生成します。
  • Help debug the code同様に、チャット パネルで Gemini にまたは を依頼できますMake the code more readable。プロンプトの前にコードの一部を選択したかどうかに基づいて、コードの一部またはコード ファイル全体に対する必要な応答が返されます。

ジェミニにアクセスする他の方法

  • コード エディターから [コード アクションを表示] アイコン (電球) をクリックして、コードを選択し、Gemini を使用してアクションを実行することもできます。
  • VS Code で Gemini を使用して他のアクションを実行することもできます。VS Code でコマンド パレットを開きます。
  • 次に、「Gemini:」と入力すると、Gemini の使用方法のオプションが表示されます。Gemini にコードの説明を依頼したり、チャット ビューにフォーカスしたり、コードを生成したり、ユニット テストを生成したりすることができます。

以上です。Gemini Code Assist は、特に 100 万のコンテキスト ウィンドウを備えていることから、GitHub Copilot の強力な競合相手になりそうです。あとは、Gemini Code Assist がコーディング効率に優れ、実際に役立つツールになるかどうかだけです。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です