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

# CometAPI で Cline を使う

> base URL、API key、model または provider オプションを設定して、Cline で CometAPI を構成するためのガイドです。

[Cline](https://marketplace.visualstudio.com/items?itemName=saoudrizwan.claude-dev) は、AI コーディング支援をエディタに直接もたらす VS Code 拡張機能です。カスタムの OpenAI 互換 provider として CometAPI を使うように設定できます。

## 前提条件

* VS Code に [Cline](https://marketplace.visualstudio.com/items?itemName=saoudrizwan.claude-dev) がインストールされていること
* 有効な API key を持つ [CometAPI](https://www.cometapi.com) アカウントがあること

## セットアップ

<Steps>
  <Step title="VS Code に Cline をインストール">
    VS Code の拡張機能パネルで **Cline** を検索してインストールします。

    <Frame>
      <img src="https://mintcdn.com/cometapi/mA1ovj6s0e3RM42l/images/integrations/810968_351589.png?fit=max&auto=format&n=mA1ovj6s0e3RM42l&q=85&s=e7a42db3ea9dfa41a89ff14f23b75dc4" alt="Cline 拡張機能が表示された VS Code の拡張機能パネル" width="1500" height="1000" data-path="images/integrations/810968_351589.png" />
    </Frame>
  </Step>

  <Step title="CometAPI API キーを取得">
    [CometAPI ダッシュボード](https://www.cometapi.com/console)にログインします。**Add API Key** をクリックし、キーとベース URL（`https://api.cometapi.com`）をコピーします。

    <Frame>
      <img src="https://mintcdn.com/cometapi/SZhlxZhCnMLn__BW/images/overview/810968_364191.png?fit=max&auto=format&n=SZhlxZhCnMLn__BW&q=85&s=aef81a83f29f8eb16655ed4060425f50" alt="CometAPI ダッシュボード — Add API Key" width="3824" height="1892" data-path="images/overview/810968_364191.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/cometapi/HhtmQffktazbxUvS/images/overview/810968_364193.png?fit=max&auto=format&n=HhtmQffktazbxUvS&q=85&s=d893f659267150d0faf45f99eb5dffc1" alt="CometAPI API キーとベース URL" width="2434" height="1232" data-path="images/overview/810968_364193.png" />
    </Frame>
  </Step>

  <Step title="API プロバイダーを設定">
    Cline の設定を開き、プロバイダーとして **OpenAI Compatible** を選択します。**Base URL** フィールドに `https://api.cometapi.com/v1` を入力し、**API Key** にキーを貼り付け、使用したい model ID を入力します。

    <Frame>
      <img src="https://mintcdn.com/cometapi/mA1ovj6s0e3RM42l/images/integrations/810968_351590.png?fit=max&auto=format&n=mA1ovj6s0e3RM42l&q=85&s=37db10e7d84ac7c4eac050d7021adae4" alt="OpenAI Compatible が選択され、CometAPI のベース URL が入力された Cline 設定" width="1500" height="1000" data-path="images/integrations/810968_351590.png" />
    </Frame>
  </Step>

  <Step title="接続をテスト">
    Cline でテスト用のプロンプト（Prompt）を送信します（例: hello world 関数を生成するよう依頼します）。正常にレスポンスが返れば、連携は機能しています。
  </Step>
</Steps>

<script type="application/ld+json">
  {`
    {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "HowTo",
        "@id": "https://apidoc.cometapi.com/integrations/cline#howto",
        "name": "CometAPI で Cline を使う",
        "description": "このガイドでは、ベース URL、API キー、model または provider オプションを設定して、CometAPI で Cline を構成する方法を説明します。",
        "step": [
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/cline#step-1",
            "position": 1,
            "name": "VS Code に Cline をインストール",
            "text": "「CometAPI で Cline を使う」ガイドの「VS Code に Cline をインストール」手順を完了します。"
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/cline#step-2",
            "position": 2,
            "name": "CometAPI API キーを取得",
            "text": "CometAPI アカウントを作成または開き、ダッシュボードから有効な API キーをコピーします。"
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/cline#step-3",
            "position": 3,
            "name": "API プロバイダーを設定",
            "text": "「CometAPI で Cline を使う」ガイドの「API プロバイダーを設定」手順を完了します。"
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/cline#step-4",
            "position": 4,
            "name": "接続をテスト",
            "text": "CometAPI Models ページから現在の model ID を選択し、その後連携からテストリクエストを送信します。"
          }
        ]
      },
      {
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "CometAPI ドキュメント",
            "item": "https://apidoc.cometapi.com/"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "連携",
            "item": "https://apidoc.cometapi.com/integrations"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "CometAPI で Cline を使う",
            "item": "https://apidoc.cometapi.com/integrations/cline"
          }
        ]
      }
    ]
    }
    `}
</script>