--- title: 【Sisense REST API】REST APIでTableau風カラーパレットを追加する description: Sisenseは標準で色んなカラーパレットを準備していますので、パレットを切り替えてダッシュボードの雰囲気を変えることができます。REST APIを使うと新たなカラーパレットを追加できますが、デザインの秀逸さで定評のあるTableauのカラーパレットをSisenseに追加して、Tableau風の配色に変更してみます。 image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/11_tableaupalette-1024x567-Oct-07-2020-03-01-50-11-AM.png --- ![INSIGHT LAB_文字のみ_WHT-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png) ![INSIGHT LAB_文字のみ](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png) [![お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/a4a0266e-14ad-4388-b83f-681a6f35b8a7.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/a4a0266e-14ad-4388-b83f-681a6f35b8a7) - [Sisenseとは](https://service.insight-lab.co.jp/sisense) - [Sisenseナレッジ](https://knowledge.insight-lab.co.jp/sisense) - [セミナー](https://event.insight-lab.co.jp/sisense-seminar) - [トレーニング](https://service.insight-lab.co.jp/data-analytics-dojo/training_course) - [お役立ち資料](https://download.insight-lab.co.jp/sisense/download) ###### 4 分で読むことができます。 # [【Sisense REST API】REST APIでTableau風カラーパレットを追加する](https://knowledge.insight-lab.co.jp/sisense/dashboard/color-palettes) 執筆者 [Turtle](https://knowledge.insight-lab.co.jp/sisense/author/turtle) 更新日時 2020年10月16日 ###### Topics: [Dashboard](https://knowledge.insight-lab.co.jp/sisense/tag/dashboard) ![【REST API】REST APIでTableau風カラーパレットを追加する](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/11_tableaupalette-1024x567-Oct-07-2020-03-01-50-11-AM.png) 目次 シャローム！ Sato-Gです。 BI製品の中で、チャートの色のパターンが秀逸だなーと思うのは断然Tableauだよね。 QlikViewにはテーマという機能があって、パレットの設定なんかをテーマファイルとして保存して再利用できるんだけど、Tableauテーマというのを作って共有したら、結構使われているみたいで、色んなお客様のQlikViewアプリがTableauみたいな見た目になっちゃってた。 色を変えるだけで雰囲気って変わるもので、それまで誰が作ってもTableauのUIが綺麗すぎてやっぱりTableauだよなーと思っていたものだが、Tableauテーマができたお陰で、QlikViewのほうが細かい設定できるし、全然いいじゃん！ってことに。笑 というわけで、今回はSisenseのウィジェットをTableau風の配色にしてしまおうという企画。 ## 1. Sisenseのカラーパレット 僕自身、Sisenseの配色がきらいではない。 というか、Sisenseは色んなパレットが準備されていて、雰囲気をガラッと変えることができる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/01_vivid-1024x793-Oct-07-2020-03-01-56-52-AM.png?width=1024&height=793&name=01_vivid-1024x793-Oct-07-2020-03-01-56-52-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/01_vivid-Oct-07-2020-03-01-36-12-AM.png) 元々は**Vivid**になっている。これを**Midnight Light**に変更するとこんなふうになる。悪くないよね。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/02_midnight-Oct-07-2020-03-01-45-51-AM.png?width=854&height=658&name=02_midnight-Oct-07-2020-03-01-45-51-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/02_midnight-Oct-07-2020-03-01-45-51-AM.png) こんなふうにSisenseは予め準備されているカラーパレットも結構よくて、これで十分ではあるんだけど、このカラーパレットにTableauパレットを追加しうてやろうという、やや際どいことをこれからやる。 ## 2. REST API ### 2.1 REST APIとは **REST API**のRESTは*Representational State Transfer*の略で、外部アプリケーションとデータをやり取りするAPIの標準的な形式だ。データ転送は通常JSONまたはXMLを使ってHTTP上で行われる。 **HTTPメソッド**を用いるので、**POST、GET、PUT、DELETE**といったコマンドを使うことになる。 カラーパレットの追加編集を行うのはどんな方法があるのかなと思っていたのだが、Sisense Communityを調べてみたら、どうもREST APIを使わないとできないらしいということがわかった。 Communityの[**Hila Kantorさんの記事**](https://support.sisense.com/hc/en-us/articles/230652748)では、どこをどうすればいいのかわかりにくく、GET,POSTなどが出てくるのでREST APIを使うのかな、でもパレットの設定でREST？とも思ったんだけど、パンくずリストを見ると Sisense Community > Knowledge Base > REST API になっているので、REST APIでやってみることにした。 ### 2.2 SisenseのREST API 「管理者」タブを選択し、左ペインの一番下にREST APIをクリックすると、以下のような表示になるので、「**REST API リファレンス**」を選択する。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/03_rest-1024x608-Oct-07-2020-03-01-48-99-AM.png?width=1024&height=608&name=03_rest-1024x608-Oct-07-2020-03-01-48-99-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/03_rest-Oct-07-2020-03-01-44-63-AM.png) REST APIリファレンスが表示されるが、これは単なるリファレンスではなく、コーディングも行えるようになっている。 **\[0.9\]**を選択すると**「palettes」**が表示されて、さらに「palettes」をクリックすると、**GET, POST, PUT, DELETE**などのボタンが表示される。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/04_rest_09-1024x553-Oct-07-2020-03-01-52-52-AM.png?width=1024&height=553&name=04_rest_09-1024x553-Oct-07-2020-03-01-52-52-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/04_rest_09-Oct-07-2020-03-01-55-33-AM.png) ### 2.3 現在のpalettesの設定をGET **GET /palettes**をクリックすると以下のような設定画面となる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/05_tryitout-1024x557-Oct-07-2020-03-01-40-69-AM.png?width=1024&height=557&name=05_tryitout-1024x557-Oct-07-2020-03-01-40-69-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/05_tryitout-Oct-07-2020-03-01-39-18-AM.png) **\[Try it out\]**のボタンをクリックすると**\[Execute\]**ボタンが表示されるので、**\[Execute\]**する。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/06_execute-1024x291-Oct-07-2020-03-01-39-88-AM.png?width=1024&height=291&name=06_execute-1024x291-Oct-07-2020-03-01-39-88-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/06_execute-Oct-07-2020-03-01-51-73-AM.png) [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/07_get_results-1024x589-Oct-07-2020-03-01-47-29-AM.png?width=1024&height=589&name=07_get_results-1024x589-Oct-07-2020-03-01-47-29-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/07_get_results-Oct-07-2020-03-01-58-09-AM.png) 実行後は上記のように結果が返ってくる。ここに設定されているのが、カラーパレットの内容だ。 その中でも、"Vivid"の設定部分だけ抜き出してみよう。 ``` { "_id": "5c9a1b4a8017331a34cbe1e4", "colors": [ "#00cee6", "#9b9bd7", "#6EDA55", "#fc7570", "#fbb755", "#218A8C" ], "name": "Vivid", "isDefault": false, "sortOrder": 10, "isSystem": true, "systemDefault": true }, ``` **"colors"**でパレットの色を指定し、**"names"**で"Vivid"というパレット名を設定している。**"isDefault"**を"True"にすれば、そのパレットがデフォルトのパレットとなるようだ。 ### 2.4 Tableauの配色を新しいパレットとしてPOSTする **GET /palettes**をクリックしてクローズした後、**POST /palettes**を開き、**\[Try it out\]**をクリックする。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/08_post_tryitout-1024x520-Oct-07-2020-03-01-57-22-AM.png?width=1024&height=520&name=08_post_tryitout-1024x520-Oct-07-2020-03-01-57-22-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/08_post_tryitout-Oct-07-2020-03-01-41-65-AM.png) palettes(body)が編集できる状態になるので、以下の内容を貼り付ける。 ``` { "colors": [ "#4e79a7", "#edc948", "#f28e2b", "#20b2ab", "#59a14f", "#9c755f", "#e15759", "#b07aa1", "#bab0ac", "#ff9da7", "#8cd17d", "#a0cbe8" ], "name": "Tableau", "isDefault": false, "sortOrder": 10, "isSystem": true } ``` [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/09_edit-2-1024x576-Oct-07-2020-03-01-43-62-AM.png?width=1024&height=576&name=09_edit-2-1024x576-Oct-07-2020-03-01-43-62-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/09_edit-2-Oct-07-2020-03-01-53-29-AM.png) **\[Execute\]**ボタンをクリックすると書き込みが実行され以下の画面になったら完了だ。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/10_post_execute-1024x574-Oct-07-2020-03-01-51-06-AM.png?width=1024&height=574&name=10_post_execute-1024x574-Oct-07-2020-03-01-51-06-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/10_post_execute-Oct-07-2020-03-01-38-11-AM.png) ## 3. Tableauパレットを使ってみる 最初に開いていたダッシュボードに戻り、カラーパレットのドロップダウンを表示すると「**Tableau**」パレットが表示されるので、切り替えてみる。 以下のようにTableauパレットの配色に変わった。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/11_tableaupalette-1024x567-Oct-07-2020-03-01-50-11-AM.png?width=1024&height=567&name=11_tableaupalette-1024x567-Oct-07-2020-03-01-50-11-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/11_tableaupalette-Oct-07-2020-03-01-46-48-AM.png) 削除するときは、Delete / palettesにてパレット名を入れて実行すればいい。 ## 4. まとめ 今回は、REST APIを使用して、カラーパレットを追加してみた。 REST APIと聞くと大変なコーディングをしなきゃいけないと思っている人も多いと思う。今回はREST APIリファレンスを使用して、基本的なREST APIの設定方法を体験してみたけど、この程度なら難しくないでしょ？ それじゃあ、Tableauパレットで差をつけよう！ なんてね。この程度で差がつくレベルじゃダメだよね。 ではまた！ Sisenseを体験してみませんか？ INSIGHT LABではSisense紹介セミナーを定期開催しています。Sisenseの製品紹介や他BI製品との比較だけでなく、デモンストレーションを通してSisenseのシンプルな操作性やプレゼンテーション機能を体感いただけます。 [![詳細はこちら](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/ff8d86bf-1184-4d92-8926-6a31a20de4b0.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/ff8d86bf-1184-4d92-8926-6a31a20de4b0) - [Tweet](https://twitter.com/share) ![Turtle](https://knowledge.insight-lab.co.jp/hubfs/Sunflower.jpg) #### 執筆者 [Turtle](https://knowledge.insight-lab.co.jp/sisense/author/turtle) 可視化領域を中心とした業務に従事しています。 ###### [前の投稿](https://knowledge.insight-lab.co.jp/sisense/administration/service_restart) [![サーバ再起動より、全サービス再起動を](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/02_powershell-1024x676-Oct-07-2020-03-08-01-95-AM.png)](https://knowledge.insight-lab.co.jp/sisense/administration/service_restart) ###### [【Sisense Administration】サーバ再起動より、全サービス再起動を](https://knowledge.insight-lab.co.jp/sisense/administration/service_restart) ###### [次の投稿](https://knowledge.insight-lab.co.jp/sisense/data-modeling/s3-psm-cli) [![【PSM】AWSのS3連携～ビルドまでCLIで一括自動処理](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/01_aws_cli-1024x587-Oct-07-2020-03-23-11-86-AM.png)](https://knowledge.insight-lab.co.jp/sisense/data-modeling/s3-psm-cli) ###### [【Sisense Data Modeling】AWSのS3連携～ビルドまでCLIで一括自動処理](https://knowledge.insight-lab.co.jp/sisense/data-modeling/s3-psm-cli) RECOMMEND こちらの記事も人気です。 ###### 4 分で読むことができます。 #### [【Sisense Administaration】無料のSSL証明書"Let's Encrypt"でSSL化してみる](https://knowledge.insight-lab.co.jp/sisense/administration/ssl_lets_encrypt) ###### 2020年 10月 16日 ###### 8 分で読むことができます。 #### [【API連携】Spotify音楽データの分析①【Sisense】](https://knowledge.insight-lab.co.jp/sisense/information/spotify_music_data_1) ###### 2020年 10月 16日 ###### 2 分で読むことができます。 #### [【Sisense Widget】折れ線グラフを階段状に表示する](https://knowledge.insight-lab.co.jp/sisense/widget/step_line_chart) ###### 2020年 10月 16日 ###### 3 分で読むことができます。 #### [【Sisense Widget】Radar Chartを使ってポケモンの種族値を表示してみた](https://knowledge.insight-lab.co.jp/sisense/widget/radarchart) ###### 2020年 10月 16日 ###### 3 分で読むことができます。 #### [【Sisense Formula】CASE関数を使って条件分岐する](https://knowledge.insight-lab.co.jp/sisense/formula/case) ###### 2020年 10月 16日 ###### 3 分で読むことができます。 #### [【Sisense Widget】折れ線グラフにおける欠落値の対処法](https://knowledge.insight-lab.co.jp/sisense/widget/line-graph) ###### 2020年 10月 16日 ##### 運営会社 運営会社 - [会社概要](https://www.insight-lab.co.jp/about/company.html) - [お問い合わせ](https://contact.insight-lab.co.jp/main) ##### メニュー メニュー - Sisenseとは - [Sisenseナレッジ](https://knowledge.insight-lab.co.jp/sisense) - [セミナー](https://event.insight-lab.co.jp/sisense-seminar) - [お役立ち資料](https://download.insight-lab.co.jp/sisense/download) [![INSIGHT LAB_文字のみ_WHT-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=200&height=55&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png "INSIGHT LAB_文字のみ_WHT-1")](https://www.insight-lab.co.jp/) - [プライバシーポリシー](https://www.insight-lab.co.jp/privacy.html) Copyright © 2020 INSIGHT LAB, Inc.