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

> Tableau では、ClickHouse のデータベースとテーブルをデータソースとして使用できます。

# Tableau と ClickHouse を接続する

export const ClickHouseSupportedBadge = () => {
  return <div className="ClickHouseSupportedBadge">
            <div className="ClickHouseSupportedIcon">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.30762 1.39073C1.30762 1.3103 1.37465 1.22986 1.46849 1.22986H2.64824C2.72868 1.22986 2.80912 1.29689 2.80912 1.39073V14.4886C2.80912 14.5691 2.74209 14.6495 2.64824 14.6495H1.46849C1.38805 14.6495 1.30762 14.5825 1.30762 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M4.2832 1.39073C4.2832 1.3103 4.35023 1.22986 4.44408 1.22986H5.62383C5.70427 1.22986 5.7847 1.29689 5.7847 1.39073V14.4886C5.7847 14.5691 5.71767 14.6495 5.62383 14.6495H4.44408C4.36364 14.6495 4.2832 14.5825 4.2832 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M7.25977 1.39073C7.25977 1.3103 7.3268 1.22986 7.42064 1.22986H8.60039C8.68083 1.22986 8.76127 1.29689 8.76127 1.39073V14.4886C8.76127 14.5691 8.69423 14.6495 8.60039 14.6495H7.42064C7.3402 14.6495 7.25977 14.5825 7.25977 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M10.2354 1.39073C10.2354 1.3103 10.3024 1.22986 10.3962 1.22986H11.576C11.6564 1.22986 11.7369 1.29689 11.7369 1.39073V14.4886C11.7369 14.5691 11.6698 14.6495 11.576 14.6495H10.3962C10.3158 14.6495 10.2354 14.5825 10.2354 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M13.2256 6.6057C13.2256 6.52526 13.2926 6.44482 13.3865 6.44482H14.5662C14.6466 6.44482 14.7271 6.51186 14.7271 6.6057V9.27354C14.7271 9.35398 14.6601 9.43442 14.5662 9.43442H13.3865C13.306 9.43442 13.2256 9.36739 13.2256 9.27354V6.6057Z" fill="currentColor" />
                </svg>
            </div>
            ClickHouse Supported
        </div>;
};

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

ClickHouse は公式の Tableau Connector を提供しており、
[Tableau Exchange](https://exchange.tableau.com/products/1064) で紹介されています。
このコネクタは、ClickHouse の高度な [JDBCドライバー](/ja/integrations/language-clients/java/jdbc) をベースにしています。

このコネクタを使用すると、Tableau で ClickHouse のデータベースやテーブルをデータソースとして利用できます。この機能を有効にするには、
以下のセットアップガイドに従ってください。

<div id="setup-required-prior-usage">
  ## 利用前に必要な設定
</div>

1. 接続情報を確認します

   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-fix-nav-issues/1oh4rjwfuHRS2yL2/images/_snippets/cloud-connect-button.png?fit=max&auto=format&n=1oh4rjwfuHRS2yL2&q=85&s=81c1524ac8ac2dac27e1558f13fcfd29" 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-fix-nav-issues/1oh4rjwfuHRS2yL2/images/_snippets/connection-details-https.png?fit=max&auto=format&n=1oh4rjwfuHRS2yL2&q=85&s=335e19954512afe36d735a736cd32be7" size="md" alt="ClickHouse Cloud HTTPS 接続情報" border width="1320" height="1184" data-path="images/_snippets/connection-details-https.png" />

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

2. <a href="https://www.tableau.com/products/desktop/download" target="_blank">Tableau
   Desktop</a>をダウンロードしてインストールします。

3. `clickhouse-tableau-connector-jdbc` の手順に従って、互換性のあるバージョンの<a href="https://github.com/ClickHouse/clickhouse-java/releases/" target="_blank">ClickHouse JDBC ドライバー</a>をダウンロードします。

<Note>
  [clickhouse-jdbc-X.X.X-all-dependencies.jar](https://github.com/ClickHouse/clickhouse-java/releases) JAR ファイルを必ずダウンロードしてください。このアーティファクトはバージョン `0.9.2` 以降で利用できます。
</Note>

4. JDBC ドライバーを次のフォルダーに保存します (OS に応じて、フォルダーが存在しない場合は作成できます) 。
   * macOS: `~/Library/Tableau/Drivers`
   * Windows: `C:\Program Files\Tableau\Drivers`
5. Tableau で ClickHouse のデータソースを設定し、データの可視化を始めましょう。

<div id="configure-a-clickhouse-data-source-in-tableau">
  ## Tableau で ClickHouse のデータソースを設定する
</div>

`clickhouse-jdbc` ドライバーのインストールと設定が完了したので、次は ClickHouse の **TPCD** database に接続する
データソースを Tableau で定義する方法を見ていきましょう。

1. Tableau を起動します。 (すでに起動している場合は、再起動してください。)

2. 左側のメニューで、**To a Server** セクションの **More** をクリックします。利用可能なコネクタの一覧から **ClickHouse by ClickHouse** を検索します。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_connecttoserver.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=69e7906cd9008b88c6c24d7624f82a90" alt="ClickHouse by ClickHouse オプションが強調表示されたコネクタ選択メニューを示す Tableau の接続画面" border width="980" height="697" data-path="images/integrations/data-visualization/tableau_connecttoserver.png" />

<br />

<Note>
  コネクタ一覧に **ClickHouse by ClickHouse** コネクタが表示されませんか？ 古いバージョンの Tableau Desktop が原因の可能性があります。
  その場合は、Tableau Desktop をアップグレードするか、[コネクタを手動でインストール](#install-the-connector-manually)することを検討してください。
</Note>

3. **ClickHouse by ClickHouse** をクリックすると、次のダイアログが表示されます。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_connector_details.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=aaf1ed578cc5280ec185dc9274067b71" alt="ClickHouse JDBC コネクタの詳細とインストールボタンを示す Tableau のコネクタインストールダイアログ" border width="746" height="636" data-path="images/integrations/data-visualization/tableau_connector_details.png" />

<br />

4. **Install and Restart Tableau** をクリックします。アプリケーションを再起動します。
5. 再起動後、コネクタ名が完全な名称である `ClickHouse JDBC by ClickHouse, Inc.` として表示されます。これをクリックすると、次のダイアログが表示されます。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_connector_dialog.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=17035f5ab12b7192c05a5e6bab6a28f4" alt="server、port、database、username、password の各フィールドを示す Tableau の ClickHouse 接続ダイアログ" border width="621" height="552" data-path="images/integrations/data-visualization/tableau_connector_dialog.png" />

<br />

6. 接続情報を入力します。

   | Setting  | Value                               |
   | -------- | ----------------------------------- |
   | Server   | **プレフィックスや接尾辞を含まない ClickHouse ホスト** |
   | Port     | **8443**                            |
   | Database | **default**                         |
   | Username | **default**                         |
   | Password | \*\*\*\*\*\*                        |

<Note>
  ClickHouse Cloud を使用する場合は、安全な接続のために SSL チェックボックスを有効にする必要があります。
</Note>

<br />

<Note>
  この ClickHouse database の名前は **TPCD** ですが、上記のダイアログでは **Database** を **default** に設定し、その後
  次の手順で **Schema** に **TPCD** を選択する必要があります。 (これはコネクタの不具合による可能性が高く、この動作は
  今後変わるかもしれませんが、現時点では database として **default** を使用する必要があります。)
</Note>

7. **Sign In** ボタンをクリックすると、新しい Tableau ワークブックが表示されます。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_newworkbook.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=54c8a18a35b37a7ed1f8e1e3d73ccdb6" alt="データベース選択オプションを含む初期接続画面を示す新しい Tableau ワークブック" border width="837" height="360" data-path="images/integrations/data-visualization/tableau_newworkbook.png" />

<br />

8. **Schema** ドロップダウンから **TPCD** を選択すると、**TPCD** 内のテーブル一覧が表示されます。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_tpcdschema.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=cf1401dbb6a3b6ebf4d0f5ae485d9f35" alt="CUSTOMER、LINEITEM、NATION、ORDERS などを含む TPCD データベースのテーブルを示す Tableau のスキーマ選択画面" border width="708" height="491" data-path="images/integrations/data-visualization/tableau_tpcdschema.png" />

<br />

これで Tableau で可視化を作成する準備が整いました。

<div id="building-visualizations-in-tableau">
  ## Tableau で可視化を作成する
</div>

Tableau で ClickHouse のデータソースを設定できたので、次はデータを可視化してみましょう。

1. **CUSTOMER** テーブルをワークブックにドラッグします。カラムは表示されますが、データテーブルは空のままです。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_workbook1.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=7290fc1841998328284e9417c600b358" alt="CUSTOMER テーブルをキャンバスにドラッグするとカラムヘッダーは表示されるがデータは表示されていない Tableau ワークブック" border width="959" height="626" data-path="images/integrations/data-visualization/tableau_workbook1.png" />

<br />

2. **Update Now** ボタンをクリックすると、**CUSTOMER** の 100 行がテーブルに表示されます。

3. **ORDERS** テーブルをワークブックにドラッグし、2 つのテーブル間のリレーションシップのフィールドとして **Custkey** を設定します。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_workbook2.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=87586f4661efe3781b79c455ceb49d6d" alt="Custkey フィールドを使用して CUSTOMER テーブルと ORDERS テーブルの接続を示す Tableau のリレーションシップエディター" border width="885" height="644" data-path="images/integrations/data-visualization/tableau_workbook2.png" />

<br />

4. これで、**ORDERS** テーブルと **LINEITEM** テーブルがデータソースとして関連付けられ、このリレーションシップを使ってデータに関する疑問に答えられるようになります。ワークブック下部の **Sheet 1** タブを選択してください。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_workbook3.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=b5ea539b18bd8de6bfad6ff7b8a35da6" alt="分析に利用可能な ClickHouse テーブルのディメンションとメジャーを表示している Tableau ワークシート" border width="1151" height="723" data-path="images/integrations/data-visualization/tableau_workbook3.png" />

<br />

5. たとえば、特定の品目が各年にどれだけ注文されたかを知りたいとします。**ORDERS** の **OrderDate** を **Columns** セクション (横方向のフィールド) にドラッグし、次に **LINEITEM** の **Quantity** を **Rows** にドラッグします。Tableau は次の折れ線グラフを生成します。

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_workbook4.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=b9dcc700cea9181b2409aba36ccb1e87" alt="ClickHouse データから年ごとの注文数量を示す Tableau の折れ線グラフ" border width="541" height="526" data-path="images/integrations/data-visualization/tableau_workbook4.png" />

<br />

それほど面白い折れ線グラフではありませんが、このデータセットはスクリプトで生成され、クエリ性能のテスト用に作られているため、TPCD データのシミュレートされた注文にはあまり大きな変動がありません。

6. たとえば、四半期ごとの平均注文金額 (ドル建て) を、配送方法 (航空便、郵便、船便、トラックなど) 別にも知りたいとします。

   * **New Worksheet** タブをクリックして新しいシートを作成します
   * **ORDERS** の **OrderDate** を **Columns** にドラッグし、**Year** から **Quarter** に変更します
   * **LINEITEM** の **Shipmode** を **Rows** にドラッグします

次のように表示されるはずです。

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_workbook5.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=bb1eb6daad8491b7447b93cfd42ae459" alt="列に四半期、行に配送方法を表示した Tableau のクロス集計ビュー" border width="368" height="313" data-path="images/integrations/data-visualization/tableau_workbook5.png" />

<br />

7. **Abc** の値は、メトリクスをテーブルにドラッグするまでスペースを埋めているだけです。**ORDERS** の \*
   *Totalprice*\* をテーブルにドラッグします。デフォルトの計算が **Totalprices** の **SUM** になっていることを確認してください。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_workbook6.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=c3bac996454baa41311b74a6a4982d12" alt="四半期ごとおよび配送方法ごとの合計注文金額を示す Tableau のクロス集計" border width="665" height="383" data-path="images/integrations/data-visualization/tableau_workbook6.png" />

<br />

8. **SUM** をクリックし、**Measure** を **Average** に変更します。同じドロップダウンメニューから **Format** を選択し、\*\*
   Numbers\*\* を **Currency (Standard)** に変更します。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/VxPq6MnE7EhcBNB1/images/integrations/data-visualization/tableau_workbook7.png?fit=max&auto=format&n=VxPq6MnE7EhcBNB1&q=85&s=4e4c4925b620fd0c0f02a147c1b1d3d9" alt="通貨形式で四半期ごとおよび配送方法ごとの平均注文金額を示す Tableau のクロス集計" border width="804" height="379" data-path="images/integrations/data-visualization/tableau_workbook7.png" />

<br />

これで完了です。Tableau を ClickHouse に正常に接続し、ClickHouse データを分析して可視化するための可能性が大きく広がりました。

<div id="install-the-connector-manually">
  ## コネクタを手動でインストールする
</div>

コネクタが既定で含まれていない古いバージョンの Tableau Desktop を使用している場合は、以下の手順で手動インストールできます。

1. [Tableau Exchange](https://exchange.tableau.com/products/1064) から最新の taco ファイルをダウンロードします
2. taco ファイルを次の場所に配置します
   * macOS: `~/Documents/My Tableau Repository/Connectors`
   * Windows: `C:\Users\[Windows User]\Documents\My Tableau Repository\Connectors`
3. Tableau Desktop を再起動します。正しく設定できていれば、`New Data Source` セクションにコネクタが表示されます。

<div id="connection-and-analysis-tips">
  ## 接続と分析のヒント
</div>

Tableau-ClickHouse インテグレーションを最適化するための詳しい情報については、
[接続のヒント](/ja/integrations/connectors/data-visualization/tableau/tableau-connection-tips) と [分析のヒント](/ja/integrations/connectors/data-visualization/tableau/tableau-analysis-tips) を参照してください。

<div id="tests">
  ## テスト
</div>

このコネクタは [TDVT フレームワーク](https://tableau.github.io/connector-plugin-sdk/docs/tdvt) を用いてテストされており、現在のカバレッジは 97% です。

<div id="summary">
  ## 概要
</div>

汎用の ODBC/JDBC ClickHouse ドライバーを使用して Tableau を ClickHouse に接続することもできますが、この
コネクタを使うと接続設定の手順を簡略化できます。コネクタに関する問題が発生した場合は、<a href="https://github.com/ClickHouse/clickhouse-tableau-connector-jdbc/issues" target="_blank">GitHub</a> からお気軽にご連絡ください。
