> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-mintlify-8c05c8a2.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Metabaseは、データについて手軽に質問できる、使いやすいオープンソースのUIツールです。

# MetabaseをClickHouseに接続する

export const PartnerBadge = () => {
  return <div className="PartnerBadge">
            <div className="PartnerBadgeIcon">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <polyline points="12.5 9.5 10 12 6 11 2.5 8.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <polyline points="4.54 4.41 8 3.5 11.46 4.41" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <path d="M2.15,3.78 L0.55,6.95 A0.5,0.5 0,0,0 0.77,7.62 L2.5,8.5 L4.54,4.41 L2.82,3.55 A0.5,0.5 0,0,0 2.15,3.78 Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <path d="M13.5,8.5 L15.23,7.62 A0.5,0.5 0,0,0 15.45,6.95 L13.85,3.78 A0.5,0.5 0,0,0 13.18,3.55 L11.46,4.41 Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <path d="M11.5,4.5 L9,4.5 L6.15,7.27 A0.5,0.5 0,0,0 6.24,8.05 C7.33,8.74 8.81,8.72 10,7.5 L12.5,9.5 L13.5,8.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <polyline points="7.75 13.5 5.15 12.85 3.5 11.67" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                </svg>
            </div>
            パートナーインテグレーション
        </div>;
};

export const Image = ({img, alt, size}) => {
  return <Frame>
      <img src={img} alt={alt} />
    </Frame>;
};

Metabase は、データについて手軽に分析や質問ができる、使いやすいオープンソースの UI ツールです。Metabase は Java アプリケーションで、<a href="https://www.metabase.com/start/oss/jar" target="_blank">JAR ファイルをダウンロード</a>し、`java -jar metabase.jar` を実行するだけで起動できます。Metabase は、ダウンロードして `plugins` フォルダーに配置した JDBC ドライバー を使って ClickHouse に接続します。

<div id="goal">
  ## 目的
</div>

このガイドでは、Metabase を使って ClickHouse のデータにいくつか質問し、その結果を可視化します。表示結果の 1 つは次のようになります。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/metabase_08.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=e15a970d079f5e7978e59083fc34b596" alt="ClickHouse のデータを表示する Metabase の円グラフの可視化" border width="1222" height="893" data-path="images/integrations/data-visualization/metabase_08.png" />

<p />

<Tip>
  **データを追加する**

  使用できるデータセットがない場合は、サンプルの 1 つを追加できます。このガイドでは [UK Price Paid](/ja/get-started/sample-datasets/uk-price-paid) データセットを使用しているので、それを選ぶとよいでしょう。同じドキュメントカテゴリには、ほかにもいくつかあります。
</Tip>

<div id="1-gather-your-connection-details">
  ## 1. 接続情報を確認する
</div>

HTTP(S) で ClickHouse に接続するには、次の情報が必要です。

| Parameter(s)              | Description                                               |
| ------------------------- | --------------------------------------------------------- |
| `HOST` and `PORT`         | 通常、TLS を使用する場合のポートは 8443、TLS を使用しない場合は 8123 です。           |
| `DATABASE NAME`           | デフォルトでは `default` という名前のデータベースがあります。接続先のデータベース名を使用してください。 |
| `USERNAME` and `PASSWORD` | デフォルトのユーザー名は `default` です。用途に応じたユーザー名を使用してください。           |

ClickHouse Cloud サービスの詳細は、ClickHouse Cloud コンソールで確認できます。
サービスを選択し、**Connect** をクリックします。

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/Yn9Ty-XK2U8NF3YT/images/_snippets/cloud-connect-button.png?fit=max&auto=format&n=Yn9Ty-XK2U8NF3YT&q=85&s=b686c12ce9557c68eca40985010c95e0" size="md" alt="ClickHouse Cloud サービスの接続ボタン" border width="998" height="932" data-path="images/_snippets/cloud-connect-button.png" />

**HTTPS** を選択します。接続情報は `curl` コマンドの例として表示されます。

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/Yn9Ty-XK2U8NF3YT/images/_snippets/connection-details-https.png?fit=max&auto=format&n=Yn9Ty-XK2U8NF3YT&q=85&s=8791490ebb8e7ab70bff1b5b8b3e39e8" size="md" alt="ClickHouse Cloud HTTPS 接続情報" border width="1320" height="1184" data-path="images/_snippets/connection-details-https.png" />

セルフマネージド ClickHouse を使用している場合、接続情報は ClickHouse 管理者によって設定されます。

<div id="2--download-the-clickhouse-plugin-for-metabase">
  ## 2.  Metabase 用の ClickHouse プラグインをダウンロードする
</div>

1. `plugins` フォルダーがない場合は、`metabase.jar` を保存している場所のサブフォルダーとして作成します。

2. プラグインは `clickhouse.metabase-driver.jar` という名前の JAR ファイルです。最新バージョンの JAR ファイルを <a href="https://github.com/clickhouse/metabase-clickhouse-driver/release" target="_blank">[https://github.com/clickhouse/metabase-clickhouse-driver/releases/latest](https://github.com/clickhouse/metabase-clickhouse-driver/releases/latest)</a> からダウンロードします。

3. `clickhouse.metabase-driver.jar` を `plugins` フォルダーに保存します。

4. ドライバーが正しく読み込まれるように、Metabase を起動または再起動します。

5. <a href="http://localhost:3000/" target="_blank">[http://hostname:3000](http://hostname:3000)</a> で Metabase にアクセスします。初回起動時にはウェルカム画面が表示され、画面の案内に従っていくつかの質問に回答する必要があります。データベースの選択を求められた場合は、「**I'll add my data later**」を選択します。

<div id="3--connect-metabase-to-clickhouse">
  ## 3.  Metabase を ClickHouse に接続する
</div>

1. 右上の歯車アイコンをクリックし、**Admin Settings** を選択して、<a href="http://localhost:3000/admin/settings/setup" target="_blank">Metabase の管理ページ</a>を開きます。

2. **Add a database** をクリックします。別の方法として、**Databases** タブをクリックし、**Add database** ボタンを選択することもできます。

3. ドライバーのインストールに成功していれば、**Database type** のドロップダウンメニューに **ClickHouse** が表示されます。

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/metabase_01.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=5db07130ef32c4930cba509ac5f1d05d" alt="ClickHouse が選択肢として表示されている Metabase のデータベース選択画面" border width="1168" height="504" data-path="images/integrations/data-visualization/metabase_01.png" />

4. データベースの **Display name** を設定します。これは Metabase 側の設定なので、名前は任意で構いません。

5. ClickHouse データベースの接続情報を入力します。ClickHouseサーバーが SSL を使用するように設定されている場合は、セキュア接続を有効にします。例:

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/metabase_02.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=8d7bc5d82665d9a56d4af5a998bcf764" alt="ClickHouse データベース用の Metabase 接続情報フォーム" border width="682" height="1020" data-path="images/integrations/data-visualization/metabase_02.png" />

6. **Save** ボタンをクリックすると、Metabase がデータベース内のテーブルをスキャンします。

<div id="4-run-a-sql-query">
  ## 4. SQL クエリを実行する
</div>

1. 右上隅にある **Exit admin** ボタンをクリックして、**Admin settings** を終了します。

2. 右上隅の **+ New** メニューをクリックすると、質問を作成したり、SQL クエリを実行したり、ダッシュボードを作成したりできることがわかります。

   <Image size="sm" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/metabase_03.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=82d182d3aa0533f92f4daf43c78cf7a9" alt="質問、SQL クエリ、ダッシュボードを作成するオプションを示す Metabase の New メニュー" border width="283" height="322" data-path="images/integrations/data-visualization/metabase_03.png" />

3. たとえば、以下は `uk_price_paid` という名前のテーブルに対して実行する SQL クエリで、1995 年から 2022 年までの各年の平均支払価格を返します。

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/metabase_04.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=bb3403f9efbb57925deb34ea6fae22d6" alt="英国の価格支払データに対するクエリを表示する Metabase の SQL エディタ" border width="674" height="1003" data-path="images/integrations/data-visualization/metabase_04.png" />

<div id="5-ask-a-question">
  ## 5. 質問する
</div>

1. **+ New** をクリックして **Question** を選択します。database と table を起点に質問を作成できることがわかります。たとえば、次の質問は `default` database の `uk_price_paid` という table に対して行っています。以下は、Greater Manchester の county 内で町ごとの平均価格を計算するシンプルな質問です。

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/metabase_06.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=05c11378b85f89b38a01d6a504c1f711" alt="UK の価格データを使用した Metabase の質問ビルダーのインターフェイス" border width="869" height="1049" data-path="images/integrations/data-visualization/metabase_06.png" />

2. **Visualize** ボタンをクリックすると、結果を表形式で確認できます。

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/metabase_07.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=5a01b653265d8236980864e143fa76f8" alt="町ごとの平均価格の表形式の結果を表示する Metabase の可視化" border width="1222" height="893" data-path="images/integrations/data-visualization/metabase_07.png" />

3. 結果の下にある **Visualization** ボタンをクリックして、表示形式を棒グラフ (または利用可能な他のオプション) に変更します。

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/metabase_08.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=e15a970d079f5e7978e59083fc34b596" alt="Greater Manchester における町ごとの平均価格を示す Metabase の円グラフによる可視化" border width="1222" height="893" data-path="images/integrations/data-visualization/metabase_08.png" />

<div id="learn-more">
  ## 詳細情報
</div>

Metabase の詳細やダッシュボードの作成方法については、<a href="https://www.metabase.com/docs/latest/" target="_blank">Metabase のドキュメントをご覧ください</a>。
