205
223

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

初心者でも分かる!VSCodeでGemini CLIを使いこなす方法 - インストールから応用まで徹底解説

Last updated at Posted at 2025-07-04

開発者の強い味方!Gemini CLIとは何か?

最近、コードの解析や自動化タスクに悩んでいたんですよね。そんな時、Google Geminiチームが開発した「Gemini CLI」というオープンソースのコマンドラインAIツールを見つけました。これが想像以上に便利で、今日はその体験をシェアしたいと思います!

Gemini CLIは開発者向けに特化したツールで、コードを理解し、複雑なクエリを実行し、タスクを自動化できるんです。さらに、Geminiのマルチモーダル機能(画像認識など)を活用してクリエイティブなコンテンツも生成できます。

主な特徴:

  • 大規模コードベースのサポート: 100万トークン以上のコンテキストを処理できるので、大きなプロジェクトの分析が簡単です。
  • マルチモーダルアプリのプロトタイピング: PDFやスケッチからアプリのプロトタイプを素早く生成できます。
  • DevOpsタスクの自動化: Git操作、PRの取得、移行計画の作成などが可能です。
  • ツール統合: MCPサーバーを介して、Imagen、Veo、Lyriaなどのメディア生成モデルに接続できます。
  • ウェブ検索対応: 組み込みのGoogle検索により、最新で信頼性の高い回答が得られます。

Gemini CLIのインストール方法

前提条件

Node.js 18以降がインストールされていることを確認してください。以下のコマンドで確認できます:

node -v

Node-1.png

このガイドではmacOSを例にしていますが、Windowsでも手順は似ています。すべての操作はターミナルで行います。

方法1:直接実行(インストール不要)

npx https://github.com/google-gemini/gemini-cli

方法2:グローバルインストール(推奨)

ターミナルで以下のコマンドを実行します(sudoを使用する場合、システムパスワードの入力を求められることがあります):

sudo npm install -g @google/gemini-cli

インストール後は、ターミナルでgeminiと入力するだけでインタラクティブCLIが起動します。初回実行時には、いくつかの権限を要求されることがありますが、確認して進めるだけでOKです。

初回セットアップ

起動すると、CLIは以下の手順でガイドしてくれます:

ステップ1:テーマの選択

gemini-cli.png

提供されたオプションから好みのテーマスタイルを選択します。Enterキーを押して確定します。

ステップ2:サインイン方法

gemini-cli-2.png

ログイン方法を選択します。「Googleでログイン」がおすすめで、無料で1分あたり60リクエスト1日あたり1,000リクエストまで利用できます。選択してEnterキーを押します。

より高いレート制限やエンタープライズアクセスが必要な場合は、APIキーを使用できます:

  1. Google AI StudioからAPIキーを取得します。

  2. 環境変数として設定します:

export GEMINI_API_KEY="YOUR_API_KEY"

注:APIキーの使用は通常、直接APIコールのためのものです。このガイドではCLIの体験に焦点を当てています。Gemini APIについては、こちらのガイドで詳しく学べます:ガイド: Google Gemini APIとは?その使い方を解説

ステップ3:ブラウザ認証

ログイン-1.png

サインイン方法を選択すると、ブラウザウィンドウが開きます。Googleアカウントでログインするだけです。

ログイン後

認証が完了すると、次のような確認メッセージが表示されます:

「Gemini Code Assist からアカウントにアクセスできるようになりました」

Geminiログイン.png

使い始める

これでCLIに直接プロンプトを入力できるようになりました。例えば:

「Pythonでリスト内包表記を使う方法を教えて」

python-list-1.png

ローカルファイルをアップロードして参照するには、CLIで@を使用してファイル選択をトリガーします:

@ (ファイル選択ダイアログが表示されます)

project-2.jpeg

VSCodeでGemini CLIを使用する驚きの体験

私がGemini CLIを本当に気に入ったのは、VSCodeと組み合わせて使った時です。開発環境を離れることなく、AIの力を直接活用できるんですよ!

gemini-33.jpeg

VSCodeの統合ターミナルで直接geminiを実行してみてください。その後、@コマンドを使用してファイルを選択し、会話を開始します。

驚きの効果1:コード生成の効率化

例えば:「五目並べを遊べるプログラムをHTMLで作成してください」

gemini-34.jpeg

こんな簡単な指示だけで、基本的な五目並べのコードを生成してくれます。プロセス中に「書き込みアクセス」を要求されることがありますが、確認するだけでOKです。

五目並べ-1.png

驚きの効果2:コード理解の爆速化

複雑なコードベースを理解するのに、以前は何時間もかかっていました。でもGemini CLIを使うと、プロジェクト内のファイルを選択して「このコードの概要を説明して」と尋ねるだけで、数分で全体像を把握できるようになりました。

例えば、あるReactプロジェクトで複雑なコンポーネントの仕組みがわからなかった時、Gemini CLIに質問したら、すぐに理解できる説明が返ってきて感動しました!

驚きの効果3:デバッグ時間の短縮

開発中に発生したバグの原因がわからず悩んでいた時、問題のコードをGemini CLIに見せて「このエラーの原因は何?」と質問したところ、すぐに問題点を指摘してくれました。以前なら何時間もかかっていたデバッグが、数分で解決できるようになったんです。

ヒントとコツ

接続が不安定な場合、Gemini CLIは自動的にgemini-2.5-proモデルから高速なgemini-2.5-flashモデルにフォールバックすることがあります。

利用可能なコマンドと使用方法のヒントを見つけるには、CLIで / と入力します。

gemini-help-1.png

Gemini CLIは、開発者、DevOpsエンジニア、データアナリストにとって強力なAIコンパニオンです。コード分析を簡素化し、ワークフローを自動化し、クリエイティブな生成をサポートします - すべて自然言語の指示を通じて実現します。

まとめ:VSCodeとGemini CLIの最強コンビが開発を変える

VSCodeにGemini CLIを導入してから、私の開発ワークフローは完全に変わりました。コードの理解、生成、デバッグの各フェーズで効率が劇的に向上し、以前の3倍のスピードで開発できるようになったと実感しています。

特に気に入っているのは、VSCodeという使い慣れた環境を離れることなく、AIの力を直接活用できる点です。コードエディタとAIの統合により、思考の流れを中断することなく開発に集中できるんですよね。

AIツールは日々進化していますが、VSCodeとGemini CLIの組み合わせは、私たちプログラマーの働き方を根本から変える可能性を秘めていると思います。今後はさらに高度な機能が追加され、より多くの開発タスクを効率化できるようになるでしょう。

みなさんもぜひVSCodeでGemini CLIを試してみてください。きっと開発の新しい可能性が広がりますよ!


API開発に欠かせないツール – Apidog

Gemini CLIと並んで、開発者にとってもう一つの強力な生産性ツールがあります:「Apidog」。

Apidogは、APIドキュメント作成、APIデバッグ、API設計、APIテスト、モック、自動化のためのオールインワンプラットフォームです。APIワークフロー全体を効率化し、開発効率を向上させる最高のツールの一つです。

apidog-client-JP-1.png

私も最近のプロジェクトでApidogを使い始めたのですが、API設計からテスト、ドキュメント作成まで一貫して管理できるようになり、チーム全体の効率が格段に上がりました。特に日本語対応している点は、英語が苦手な同僚にも好評でした。

PostmanやSwagger形式との完全な互換性も大きなメリットです。以前これらのツールを使用していた場合、既存のデータのインポートは簡単です。直感的なインターフェースも初心者に優しく、初めてのユーザーでもすぐに使い始めることができます。

205
223
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
205
223

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?