## ChatGPT APIの料金を抑える方法とは

生成AIの代名詞となっているChatGPTにはAPIが用意されており、このAPIをアプリやWebと連携させることでChatGPTの機能をさらに有効活用することができます。一方、APIの利用には費用が掛かる場合があるため、APIの利用に不安を感じる人もいます。

この記事では、*「ChatGPT API」をできるだけ費用を抑えて、安心して利用する方法、登録の仕方や使い方について解説します。*ChatGPT APIを使ってみたい方、より低料金でAPIを活用したい方はぜひ参考にしてください。

【参考】：[ChatGPT Optimizing Language Models for Dialogue](https://openai.com/blog/chatgpt/)
【参考】：[ChatGPT および Whisper API の紹介](https://openai.com/blog/introducing-chatgpt-and-whisper-apis)

ChatGPTとは？今話題のAIチャットボットの概要や仕組みを解説！

ChatGPTの使い方とは？実際に使用するまでの流れを解説！

APIとは「Application Programming Interface」の略称で、異なるアプリケーションやソフトをつなぐ仕組みのことです。「ChatGPT API」はChatGPTをアプリやWebと連携させて利用するためのAPIです。

*APIはChatGPTの開発元であるOpen AI社が提供しており、開発者以外にも比較的容易にアプリやWebサービスでChatGPTを実行させて利用できるようになっています。*

【参考】：[Open AI](https://openai.com/)

ChatGPTのAPIとは？概要や使い方を分かりやすく図解

ChatGPTは、GPT-3モデルを基にした特定のアプリケーションで、人との対話を模倣するように設計されています。Webブラウザやスマホアプリで簡単にアクセスでき、無料版ではGPT-3.5モデルが利用できます。

有償のChatGPT Plusプランでは、より新しく高度なGPT-4モデルが利用できます。一方、**ChatGPT APIは、ChatGPTの機能を組み込むためのプログラミングインターフェースです。**

開発者は自分のアプリケーションから直接ChatGPTモデルにリクエストを送信し、モデルからの応答を受け取ることができます。ChatGPT APIを利用して、比較的簡単にさまざまな仕組みの構築が可能です。

ChatGPT Plus（有料版）とは？無料版との違いやGPT-4の機能も解説！

ChatGPT APIを利用して、アプリやWebサイトと連携させることで、以下のような機能をアプリやWebサイトに組み込み、さまざまなニーズに合ったAI機能を実装できます。

*1. 自動応答システムの導入*
カスタマーサービスのコストを抑えるために、ChatGPT APIで作成したAIチャットを活用できます。ユーザはいつでもコールセンターのオペレーターと対話しているようにやり取りし、疑問を解決できるようになります。

*2. 質問応答システムの導入*
社内のヘルプデスク業務にも活用できます。ChatGPT APIを組み込んだ質問応答システムを社内に導入し、利用者がAIとの対話を通じてすぐに問題を解決できる環境を作れます。

*3. 複雑な情報検索*
ChatGPT APIを組み込むことで、自社のシステムに高度なアシスタント機能を搭載できます。提案書やプレゼンテーションの目次案など、魅力的な構成を提案してくれます。

*4. 文書の作成・要約・添削*
ChatGPTは、指示を与えてゼロから文書を作成したり、既存の文書を要約したり、改善点を添削するなどの作業が可能です。報告書やメールの生成や要約ができます。

*5. 多言語翻訳*
ChatGPTは100種類の言語に対応しており、海外から送られたメールや資料などを翻訳することができます。

*6. プログラミングコードの生成*
ChatGPTのモデルはプログラミングコードも学習でき、C#やJava、Pythonなどのプログラミング言語にも対応できます。

*7. 文字起こし機能*
ChatGPT APIを利用することで、会議を録音した音声ファイルから自動的に書き起こしをさせることができます。

## ChatGPT APIの利用料金を抑える方法

ChatGPT APIの概要や利用例が分かったところで、利用料金を抑える方法について解説します。*ChatGPT APIは利用量に応じて課金されますので、使い方を誤ると思わぬ金額が請求される場合がありますので、注意が必要です。*

### ChatGPT APIはトークン量で料金が決まる

ChatGPT APIは、テキストの生成に「トークン」と呼ばれる単位を使用します。英語の場合、1単語が1トークンとしてカウントされ、記号も1トークンとして計算されます。

日本語の場合は1文字が1トークン以上とカウントされ、ひらがなは1トークン、漢字は2~3トークンにカウントされます。

トークンは文字や単語、句読点、スペースなどのテキストの部分を表します。**APIの利用料金はトークンの数に応じて発生するため、生成するテキストの長さを意識し、トークン数を抑えるように努めましょう。**

ChatGPT APIの利用料金は、以下のようになっています。モデルによって料金は異なり、GPT-3.5 Turboの料金が最も低価格に設定されています。課金は1,000トークン単位です。

生成AIとして無償提供されているChat GPT3.5 Turboの料金が格安設定されています。**ChatGPTAPIのトークン数はネットのトークン数を計算するツールなどを利用して把握し、下記表を元に目安の金額を計算してみましょう。**

【参考】：[ChatGPT API Pricing ｜Open AI](https://openai.com/pricing#language-models)

ChatGPT APIの利用料金は一見すると高くはありません。また、2023年3月にAPIが公開されてから、再三料金の見直しが行われ、ChatGPT-3.5 Turboの場合、入力トークンの単価は0.0002ドルから1/4まで下がっています。

それでも、**利用方法を誤ると予想外の請求につながる可能性があるため、利用当初から料金を抑える工夫が必要です。**

*1.廉価モデルからトライアル*
ChatGPT APIの利用料金はモデルによって大きく異なります。選択する際は最新モデルが気になりますが、トライアルではできるだけ料金の低いモデルを選ぶことをおすすめします。最初はChatGPT-3.5 Turboでテストを重ねて評価をした後に、上位モデルに切り替えるといいでしょう。

*2.リクエスト数を減らす*
短い文や簡潔な表現を使うことで、生成されるトークン数を減らすことができます。不要な冗長な説明や詳細を省略し、要点を的確に伝えましょう。

*3.日本語よりも英語を利用する*
日本語は英語よりもトークン数が大きくなるため、入出力を英語にするあるいは翻訳APIを利用して、入出力のトークンを減らすという工夫も有効です。

*4. max_tokensパラメータの利用*
ChatGPT APIのリクエストには、maxtokensというパラメータを指定できます。maxtokensは生成されるトークンの最大数を制御しますので、この活用によって必要な情報を短く生成できます。

ここまででChatGPT APIの概要、利用例、料金体系が理解できたと思います。次に実際に利用するまでの手順について紹介します。

APIを利用する際に、APIキーが必ず必要になってきます。APIキーとは、APIにログインするための固有の識別子のことです。 APIキーがあることによって、開発者やユーザはサービスの利用が可能になり、同時にAPI側ではその利用状況をモニターすることで悪用を検知できます。

**OpenAIのWebサイトでユーザ登録を済ませていれば、次のページから簡単にAPIキーの生成ができます。**

*1.Open AIのサイトにアクセス*
ChatGPT APIキーを取得するために、Open AIのサイトにアクセスし、アカウントがない方は「Get started」をクリックし、先にアカウントを作成します。※既にChatGPTを利用している方は、同じアカウントでログインできます。

~~【図】Open AI 公式サイト 「Get started」~~

【参考】：[Product ｜Open AI](https://openai.com/product)

OpenAIとは？その歴史や目的・主要なAIサービスを解説

*2.APIキーの取得*
次にAPIキーを取得します。Open AIのAPI Key取得サイト（下記、参考サイト）にアクセスし、「+Create new secret Key」の箇所をクリックします。

~~【図】Open AI のAPIキー取得画面　~~

【参考】：[API Keys ｜Open AI](https://platform.openai.com/account/api-keys)

*3.APIキーの作成*
「Create new secret Key」の取得画面が表示されたら、右下の［Create secret key］のボタンをクリックします。

~~【図】Open AI のAPIキー作成画面　~~

*4.APIキーの取得*
「API Keys」が表示されたらキーの右にある［Copy］ボタンをクリックして、メモ帳などにAPI Keyを貼り付けてなくさないように保存してください。

~~【図】Open AI のAPIキーの取得・コピー画面　~~

### GoogleアプリにChatGPTのアドオンを組み込む

ここではChatGPT APIを利用して、**Google Docsにアドオンを組み込む方法を紹介します。**

*1.Google Spread Sheetにアドオンを組み込む*
GoogleアカウントでGoogle スプレッドシートを開き、「拡張機能」＞「アドオン」＞「アドオンを取得」と選択してクリックします。

~~【図】Google スプレッドシートにアドオンを組み込む画面　~~

*2.ChatGPTのアドオンを表示、選択する*
アドオン画面が表示されますので、先頭に表示されている「GPT for Google Sheets and Docs」を選択します。

~~【図】ChatGPTの アドオン選択画面　~~

*3.ChatGPTのアドオンをインストールする*
「GPT for Google Sheets and Docs」をクリックして画面が開いたら、［インストール］ボタンをクリックし、その後の指示に従ってインストールを進めます。Googleアカウントでログインしているとスムーズにインストールできます。

~~【図】「GPT for Google Sheets and Docs」 インストール画面　~~

*4.「GPT for Google Sheets and Docs」のインストール終了*
「GPT for Google Sheets and Docsをインストールしました。」 と表示されたら、スプレッドシートを含めてアドオンのインストールが終了です。［完了］をクリックして終了します。

~~【図】GPT for Google Sheets and Docs インストール終了画面　~~

*5.GPT for Google Sheets and Docsを設定する*
Googleドキュメントでアドオンが利用できるよう設定をします。Google Docsの「拡張機能」を開き、「GPT for Sheets and Docs」から「Set API Key」をクリックします。

~~【図】Google DocsへのGPT for Sheets and Docs組み込み画面　~~

*6.アドオンに対するAPI Keyを登録する*
取得済みのAPI Keyを求める画面が表示されますので、キーを入力して「Save API Key」ボタンをクリックすると、アドオンの設定が完了します。

~~【図】アドオン API Key入力画面　~~

*7.アドオンの動作確認をする*
APIキーを入力してアドオンの設定が済むと、Google Docsの右端にアドオンが表示されます。このアドオン欄「Select action」の下が、プロンプト欄です。指示や質問事項を入力して、［Submit］ボタンを押すと、ChatGPTからレスポンスが返され、ドキュメント内に表示されます。

~~【図】Google Docsへのアドオン表示が画面　~~

ChatGPT APIの無料枠を超えてしまうと課金対象となり、「Error your OpenAI API free trial is expired or inactive.Please set up a paid account on OpenAI dashboard」というエラーメッセージが表示されます。

引き続き利用する場合は、Open AIの「Billing settings」にアクセスし、有料アカウントを取得する必要があります。**有料アカウント取得後は、「Billing settings」から利用料金の確認ができます。**

また、有料プランでは月々の支払額の上限設定ができますので、使い過ぎの心配がある方におすすめです。有料プランの支払い方法はクレジットのみです。

~~【図】Open AIの有料プラン選択・課金確認画面　~~

ChatGPT APIの概要、活用法、料金を抑える方法などを解説します。この記事ではChatGPT APIとGoogleアプリを連携させ、仕事に活かす方法も紹介します。ChatGPTの有効活用を図ってみたい方、システム開発を勉強中の方はぜひ参考にしてみましょう。

ChatGPT APIはChatGPTをアプリやWebと連携させることで活用を図れるAPIのこと

ChatGPT APIはトークン数で課金されるため、トークン数削減が費用抑制になる

ChatGPT APIは無料枠があり、この枠を超えると有料アカウントへの切り替えが必要

ChatGPT APIの料金を抑える方法とは？活用方法も解説

## ChatGPT for GoogleとはGoogleの拡張機能のこと

昨今、AI分野で話題を集めているChatGPTは、OpenAIが開発した言語モデルです。このChatGPTは、ユーザーの質問にAIが会話形式で回答してくれる便利なサービスです。また、これまでのAIのイメージとは異なり、人間のような自然な文章でAIが回答をしてくれるのが特徴の1つです。

**そんなChatGPTを、Google Chromeの検索結果と一緒に表示してくれるのがChatGPT for Googleです。**ChatGPT for GoogleはGoogleの拡張機能の1つですので、Googleのアカウントを持っている人であればすぐ使うことができます。

今回は、ChatGPT for Googleの特徴や、利用方法を詳しくご紹介します。普段検索エンジンでGoogleを使用している人は、特に役に立つ情報ですので参考にしてください。

【参考】：[Google chromeウェブストア -ChatGPT for Google-](https://chrome.google.com/webstore/detail/chatgpt-for-google/jgjaeacdkonaoafenlfkkkmbaopkbilf?hl=ja)

WebChatGPTとは？Chromeの拡張機能の使い方、インストール方法を解説！

*ChatGPT for Googleは無料で使用できます。*もちろん、ChatGPTのアカウントも無料で作成できますので、お金をかけずともこの機能は利用できます。

ChatGPT for Googleを利用するためには、ChatGPTのアカウントが必要です。そのため、*ChatGPTのアカウントを作成したことがない人は、この機会に是非アカウントを作成しましょう。*

本記事では、アカウントの作成方法からChatGPT for Googleの利用手順まで、図を使って丁寧に解説します。詳しい手順は後述しますので、気になる方はChatGPTのアカウントの作成方法から参考にしてください。

ChatGPTの始め方とは？有料サービスやスマホでの利用法も解説

ChatGPT for Googleを利用すれば、Google検索をすると同時にChatGPTへの問いかけができます。**実際にChatGPT for Googleを導入すると、Google Chromeの検索結果ページには下図のようなエリアが表示されます。**

~~【図】：ChatGPT for Googleを導入してGoogle検索した画面~~

通常通りGoogle検索を行うと、同じ画面で検索内容に関するChatGPTの答えも表示されます。1つの画面で完結するため、アプリやページを開きなおす手間がなくなります。

### Googleの検索結果を見ながらChatGPTに質問できる

Google検索のみだと、さらに深掘りしたいと思った時に元の検索ページを上書きしたり、新しいタブを開いたりする必要があります。しかし、新しい検索ページを表示している際は元のページが見れないため、不便に感じることもあるでしょう。

Google for Chromeを使えば、*Googleの検索結果を閲覧しながら、分からない単語や関連事項をChatGPTに質問することができます。*わざわざ前のページに戻ったりせずに情報の補填や深掘りをできるのは、非常に便利です。

### Googleだけではできないことも実現可能になる

通常のGoogle検索では、キーワードを入力した後、欲しい情報に辿り着くには検索結果に表示されるWebページを1つずつ開いて確認する必要があります。その手間が、ChatGPT for Chromeを使用することで大幅に削減されます。

*ChatGPTのチャット画面に表示されるのはWebページではなく、いわば各Webページの「内容」なので、それを見れば検索したい情報の要点を理解できます。*外国語のサイトにしか載っていないような情報も、ChatGPTであれば日本語で端的に教えてくれます。

ChatGPTの回答を見た上で役に立ちそうなWebページを閲覧すれば、理解の速度の面でも深度の面でもプラスです。また、Webページではテキストをコピーできない仕様になっていることも多いですが、ChatGPTの回答はコピーできるので、「とりあえずこの内容をメモしておきたい」といった場合にも便利です。

ChatGPTの面白い使い方15選！ビジネスや遊び相手になる事例

### Google以外の検索エンジンでも利用できる

現在、ChatGPT for GoogleではGoogle、Bing、DuckDuckGoなどの検索エンジンがサポートされています。Google以外の検索エンジンを日頃から使っているという方でも、ChatGPT for Googleを利用できる可能性が高いです。また、今後も対象の検索エンジンは拡充予定とのことなので、違う検索エンジンを利用したい方はチェックしておきましょう。

【参考】：[ChatGPT for Google 拡張機能](https://chrome.google.com/webstore/detail/chatgpt-for-google/jgjaeacdkonaoafenlfkkkmbaopkbilf?hl=ja)

ChatGPTでできることは? 何ができるか、できないことも併せ全12編を解説

**ChatGPT for Googleの概要が理解できたところで、早速使い方をご紹介します。**先ほどもご紹介したように、ChatGPT for Googleを利用するためには、事前にChatGPTのアカウントが必要になります。

本記事ではChatGPTのアカウント取得方法から説明をしますが、既にアカウントをお持ちの方は、アカウント取得方法は読み飛ばしていただいて構いません。

それでは、早速ChatGPT for Googleの利用方法をご紹介します。

### ChatGPTのアカウントを取得する

**ChatGPTのアカウントを取得していない人は、公式サイトにアクセスしてアカウントを作成しましょう。**

公式サイトにアクセスすると、ログインボタンとサインアップボタンが表示されます。アカウント未登録の方は「サインアップ」を選択してください。サインアップを選択すると、メールアドレスの入力を求められます。もしくは、GoogleやMicrosoftのアカウントと連携させることで、サインアップできます。

本記事では、メールアドレスを入力して登録する流れをご紹介します。メールアドレスを入力したら、「Continue」ボタンを押しましょう。その後、任意のパスワードを入力し、また「Continue」ボタンを押します。

登録したメールアドレスにメールが届きます。認証するかどうか聞かれますので、「Verify email adress」ボタンを押します。サイトに戻ると、メール認証済みと表示が切り替わります。

これで登録作業は完了です。その後、ログインができれば無事サインアップできたことになります。

~~【図】：ChatGPTのアカウント取得の流れ~~
【参考】：[ChatGPT 公式](https://chat.openai.com/auth/login)

### ChatGPT for Googleの拡張機能を導入する

ここまでできたら、次はChatGPT for Googleの拡張機能を導入しましょう。*拡張機能は、Google Chromeのウェブストアから導入できます。*

Chromeのウェブストアのサイトにアクセスすると、画面左側に下図のような検索窓があります。こちらに今回導入したいChatGPT for Googleと入力し、エンターキーを押しましょう。

検索結果が画面中央に現れますので、その中から「ChatGPT for Google」を探し、クリックしてください。

~~【図】：ChromeのウェブストアでChatGPT for Googleを検索~~

クリック後、画面が切り替わりChatGPT for Googleの詳細画面が表示されます。画面右側に「Chromeに追加」という青いボタンがありますので、こちらをクリックしましょう。これで拡張機能を導入することができました。

~~【図】：ChatGPT for Googleの追加方法~~

【参考】：[chrome ウェブストア](https://chrome.google.com/webstore/category/extensions?hl=ja)

拡張機能の導入ができたところで、実際に機能が使えるのか確認してみましょう。確認の方法も簡単ですので、是非一緒に手を動かしてみましょう。

まずはGoogle Chromeから、Googleの検索画面を開いてください。任意のキーワードを検索し、検索結果画面を表示させてください。*ChatGPT for Googleが導入できた場合、検索結果の表示画面の右側に、下図のようにChatGPTのエリアが表示されます。*

~~【図】：拡張機能を追加後、検索直後の画面~~

ChatGPTへのログインを促された場合は赤枠の「Login On OpenAI」というボタンを押し、ログインしましょう。氏名と誕生日、電話番号などの情報を求められますので、入力します。

電話番号を入力するとコードを入力するように言われます。登録した電話番号のショートメッセージを確認し、コードを入力しましょう。

無事にログインできると、下図のような画面が表示されます。また、画面右上にポップアップが表示され、検索に戻ることができます。

ログイン後、再度Google Chromeにて検索をすると、下図のように検索したキーワードに対する答えとチャットのボタンが表示されます。「Let's Chat」というボタンを押すと、入力画面が現れますので、こちらを押してChatGPTに質問などができます。

~~【図】：ChatGPTログイン後の、Google検索直後の画面~~

## ChatGPT for Googleで困った時の対処法

ChatGPT for Googleの基本的な使い方は以上の通りですが、使用するにあたって困ったことが出てくることもあるでしょう。以下では、ChatGPT for Googleにおけるトラブルや疑問について、4つのケースと対処法を紹介します。

ChatGPTが日本語でメッセージを表示してくれない場合は、拡張機能の言語設定が必要です。

下図のように、ChatGPTの横に歯車マークがありますので、こちらをクリックしましょう。そうすると、拡張機能のオプションが表示されます。

オプションの中から言語の設定ができますので、日本語を選択しましょう。これで、日本語でChatGPTを利用することができます。

~~【図】：言語設定の変更方法~~

### 検索画面でChatGPTが反応しない場合

Google Chromeの検索画面でChatGPTが反応しない原因はさまざまなものが考えられますが、今まで使えていたのに急に使えなくなったという場合は、*まずはGoogle Chromeが最新版になっているか確認しましょう。*古いバージョンのままになっていると、ChatGPTが正常に動作しなくなる可能性があります。

また、Google Chromeのキャッシュが溜まっていると新しいデータを正常に取得できなくなるため、キャッシュの削除も対処法の1つとして考えられます。

ChatGPT for Googleが他の拡張機能と干渉してしまっているという可能性も考えられます。広告ブロックやトラッキング防止などの拡張機能がChatGPTの機能と干渉してしまうこともあります。

### ChatGPTの機能をオフにしたい場合

ChatGPTとGoogle検索を同時に使えるのは確かに便利ですが、必要な時だけChatGPTで検索したいという方もいるかもしれません。ChatGPT for Googleでの利用履歴もChatGPTには残るので、不要な履歴がたくさん残ってしまうのを懸念される方もいるでしょう。

ChatGPT for Googleでは、*オプションのトリガーモードという箇所の設定を変更すれば、いつGoogle Chromeの検索結果にChatGPTを表示するのか選択できます。*

トリガーモードではChatGPTをいつも表示するか、検索キーワードが「？」で終わった場合に表示するか、手動で表示・非表示を切り替えるかを選べます。

~~【図】：ChatGPT for Googleのトリガーモードの設定~~

### スマホでChatGPT for Googleを使いたい場合

Chromeの拡張機能はPCブラウザに限られているため、通常はスマホでChatGPT for Googleを使うことはできません。しかし、スマホでブラウザやChatGPTを利用している方も多く、スマホでChatGPT for Googleを使いたいという方もいるでしょう。

少し手間はかかりますが、**「Kiwi Browser」や「Orion Browser」といったブラウザアプリをインストールすればGoogle Chromeの拡張機能がスマホでも使えるようになります。**

【参考】：[Kiwi Browser - Fast & Quiet - Google Play のアプリ](https://play.google.com/store/apps/details?id=com.kiwibrowser.browser&hl=ja&gl=US)
【参考】：[「Orion Browser by Kagi」をApp Storeで](https://apps.apple.com/jp/app/orion-browser-by-kagi/id1484498200)

ChatGPTをスマホで使う方法とは？今すぐ始める方法を解説

## ChatGPT for Googleを活用してみよう

ChatGPT for Googleを上手に利用すれば、より効率的に調べ物をすることができます。**またChatGPT for Googleは拡張機能を追加すればすぐに使えるのもメリットの1つです。**

さらにこの拡張機能は無料で使えるため、料金なども気にせずに使うことができます。まだChatGPTをあまり利用したことがない方も、気軽に使うことができるツールですので、是非本記事を参考にして利用してみてはいかがでしょうか。

ChatGPTの活用方法！エンジニアの業務に活かせるか利用してみた

近年、話題となっているChatGPTですが、Googleの拡張機能であるChatGPT for Googleを追加すると、Google検索結果の画面でも同時に使うことができます。本記事では、ChatGPT for Googleの特徴や導入方法を紹介します。

ChatGPT for Googleは、Googleの拡張機能の1つ

ChatGPT for Googleを追加するとGoogleの検索結果の画面でChatGPTが利用できる

ChatGPT for Googleの利用にはChatGPTのアカウントが必要

ChatGPT for Googleとは？特徴や使い方を解説

## ChatGPTとVSCodeの連携で開発が便利に

プログラミングを学習している人や、仕事でコードを書いている人の中には、VSCodeを利用している人も多いでしょう。

VSCodeには拡張機能がありますが、最近その中にChatGPTの拡張機能が追加されました。**そのため、この拡張機能を追加することで、ChatGPTとVSCodeを連携できます。**

今回はそんなVSCodeとChatGPTを連携させて、開発をより効率的にする方法をご紹介します。 ChatGPTとVSCodeの連携方法や、具体的な使い方を図解で紹介しますので、普段の開発でVSCodeを利用して開発をされている人は、是非参考にしてください。

VSCodeとは？定番のコードエディタを他のエディタと比較して解説

### ChatGPTとVSCodeを連携させるとできること

対話型のAIとして知られるChatGPTと、VSCodeを連携させると具体的にどのようなメリットがあるのかご紹介します。

*例えば、サンプルコードの出力や既存のコードを解説してもらったり、バグの発見をしてもらうこともできます。*

最終的にはご自身でコードを確認する必要がありますが、上記のような使い方をすれば開発効率はかなり上がるでしょう。

具体的な使い方は後述しますので、詳しく知りたい方は是非後述の記事を参考にしてください。

VSCodeをインストールする方法とは？設定方法まで丁寧に解説

VSCodeの使い方を図解！画面説明からよくある質問・操作方法まで解説

まず、ChatGPTを連携できるVSCode拡張機能がどんな場面で役立てられるかを説明し、代表的な拡張機能を3つ紹介します。あわせて、拡張機能を使う場合に必要となることがあるOpenAIのAPIの課金についても触れていきます。

### ChatGPTとVSCodeを連携するメリットとは

ChatGPTとVSCodeの連携は、コーディングを行うエンジニアにとって様々なメリットがあります。

*まず、アプリを切り替えることなく、VSCode内でコーディングしながらそのままChatGPTを活用できることが大きなメリットと言えます。*

VSCodeで入力中のコードについてそのままChatGPTに質問をしたり、コードに関するアドバイスをもらえるため、今開いているコードに即した活用が簡単にできるでしょう。

また、ChatGPTとの対話を通じて、作成中のコードについて新しい発想やアイデアを得ることも可能です。新しい知識を学んだり、想定しなかった提案で新たなコーディングの切り口が見えることもあるでしょう。

ChatGPTの面白い使い方10選！活用例・活用アイデアを図解

### 用途に合った拡張機能を探そう

VSCodeで使用できるChatGPT連携の拡張機能は、数多く提供されています。*それぞれに機能や特長が異なるので、自分の用途や好みに合ったものを選ぶことが大切です。*

ここではChatGPTとの連携を行える3つのVSCode拡張機能を紹介します。ここに挙げたものを参考にしながら、自分が使いやすい拡張機能を探してみると良いでしょう。

GenieAIは、VSCode内からChatGPTを呼び出すことができる拡張機能です。コーディング中にVSCode内でそのままChatGPTと対話が可能なため、プログラミング作業の効率化やコードレビューに役立ちます。

主な機能としては、サイドバーからChatGPTに質問できる機能や、書いたコードからバグを発見する機能、分からないコードを解説してくれる機能など、コーディングが便利になるものばかりです。

【参考】：[GitHub - ai-genie/chatgpt-vscode](https://github.com/ai-genie/chatgpt-vscode)

CodeGPTは、VSCodeでのコーディングの際に、オートコンプリート、コードの説明、エラーチェックなどを行ってくれるVSCode拡張機能です。

CodeGPTでは、CodeGPTの有償プランであるCodeGPT Plusで利用することで、画像をアップロードしてさらに便利に活用できます。画像に関する質問に回答してくれたり、WebインターフェースからReactコンポーネントのコードを生成してくれます。

【参考】：[Code like a Pro with the CodeGPT AI Copilot](https://www.codegpt.co/)

EasyCodeは、既存のコードベースを活用したコーディングのサポートが可能な拡張機能です。インデックスの作成によってプロジェクトのコードベースを理解した上で対話でき、そのプロジェクトに即してCodeGPTによるコード生成やコードに関する質問などができます。

指定した部分のコードが何をしているのか説明したり、あるメソッドがコードベースの他の部分に与える影響を説明してくれたりするなど、実際のコードと結びついた対話によってコーディングを手助けしてくれます。

【参考】：[EasyCode - AI that understands your codebase.](https://www.easycode.ai/)

VS Codeのプラグインとは？導入方法やおすすめの拡張機能も紹介

ChatGPTを連携するVSCode拡張機能を選ぶときには、ChatGPT APIを使用するかどうかをチェックしましょう。ChatGPT APIを使う拡張機能の場合、APIの使用量に応じてChatGPT側で課金されます。

課金される金額は、GPT-4、GPT-3.5 Turboなどの使用するモデルや、やりとりをした単語数を表すトークン数に応じて決まります。拡張機能の持つ機能の中で、トークン数が多いものや少ないものなどの違いもあるでしょう。

ChatGPTの設定で利用状況をチェックしたり、毎月のAPI利用料金の上限を設定したりすることもできるので、予算に応じて上手に活用しましょう。

【参考】：[ChatGPT Pricing](https://openai.com/pricing)

では早速、ChatGPTとVSCodeの連携方法について紹介します。**先ほども軽く触れた通り、VSCode上で拡張機能を追加する必要があります。**また、VSCodeとChatGPTを連携させるために、OpenAIでのAPIキーの取得も必要になります。

本記事では、APIキーの取得方法から説明します。特に難しい手順はありませんので、本記事を参考にしながら、一緒に手を動かしてみましょう。

まずは、ChatGPTでAPIキーを取得しましょう。*ChatGPTの公式サイトにアクセスし、画面上部の「Developers」というメニューの中の「API reference」をクリックしましょう。*

ちなみに、ChatGPTを利用するにはOpenAIに登録が必要です。そのため、まだユーザー登録していない人は先にサインアップをしましょう。

また、OpenAIのAPI利用は、従課金制でお金を支払う必要があります。ただし、執筆時点では無料トライアルの期間もありましたので、このような制度を利用しつつ試してみましょう（2024年2月時点）。料金の詳細は、公式サイトを必ず確認した上で利用してください。

「API reference」をクリックすると画面が切り替わり、APIリファレンスを参照できるエリアが表示されます。こちらからAPIキーを取得します。

~~【図】：ChatGPTの公式サイト APIリファレンスの表示画面~~

ログインした状態でAPIリファレンスの画面を開くと、画面右上に自分のアカウントが表示されます。こちらの中から「View API keys」をクリックしましょう。

そうすると、下図のように「Create new secret key」が表示されます。APIキーを発行する際に任意の名前を入力し、「Create secret key」をクリックするとAPIキーが発行されますので、こちらをコピーします。

ChatGPTの記事（1ページ目）