Boost」など、さまざまなカンファレンスを企画・運営しています。BOOKS(コードジン・ブックス)は、CodeZineの連載からカットアップした、開発現場の課題解決に役立つ書籍シリーズです。Bar、Row、Panelの3つの要素で構成されています。Rowの中に複数のPanelを配置することができます。Dashboardには複数のRowを配置することができます。Dashboardの設定を行うためのメニューなどが置かれています。複数のPanelを配置することのできるコンテナです。取得したデータをテーブルやグラフなどで可視化することができるボックスです。BarとはDashboardの上部にある、図13のような黒いメニューバーを指します。ここからDashboardの設定を行うことが可能です。各アイコンの説明は表7に記載します。ブラウザーのデフォルトに設定しているDashboardを表示します。新しいDashboardの設定を作成します。保存しているDashboardの設定を読み込みます。現在表示しているDashboardの設定を保存します。Dashboardの設定をします。(新規アイコン)をクリックします。メニュー(図14)からテンプレートとして使うダッシュボードを選択すると、新しいダッシュボードが表示されます。メニューの項目は表8に記載します。デフォルトのDashboard設定です。dashboardよりもPanelの少ないシンプルなDashboardです。Settingsの画面が表示されます。表9に項目の説明を記載します。接続先Solrのホスト名とコンテキストパス、またはコンテキストパスを指定します。データを格納しているSolrコレクション名を指定します。データのタイムスタンプ情報が格納されているSolrフィールド名を指定します。Settingsの画面が表示されます。表10に項目の説明を記載します。接続先Solrのホスト名とコンテキストパス、またはコンテキストパスを指定します。データを格納しているSolrコレクション名を指定します。(開くアイコン)をクリックし、開くメニューを(図17)を表示します。メニューの各項目の説明は表11のようになります。メニューからDashboard設定を選択すると、Dashboardが表示されます。ローカルディスクに保存しているDashboardの設定を読み込みます。GistにアップロードしているDashboardの設定を読み込みます。dashboardsのリストを名前で絞り込みます。Solrに保存されているDashboardのリストをクリックすることで設定を読み込みます。(保存アイコン)をクリックし、保存メニュー(図18)を表示します。メニューから保存先を選択することで、Dashboardの設定を保存することができます。メニューの各項目の説明は表12のようになります。Dashboardの設定をブラウザー上に表示します。この設定情報をファイルに保存できます。Dashboardの設定をブラウザーのCookieに保存します。Dashboardの設定をブラウザーのCookieから削除します。Dashboardの設定をGistに保存します。Dashboardの設定をSolrに保存します。(設定アイコン)をクリックします。Settingsという画面が表示されます。GeneralタブGeneralタブ(図19)では、Dashboard全般の設定(Dashboard名やスタイルなど)を行えます。各項目の説明は表13に示します。Dashboardのタイトルを設定します。Dashboardの設定が行えるか否かのチェックボックスです。チェックを外すと設定変更が行えなくなります。Panelボタンを表示するか否かのチェックボックスです。Panelボタンは表示されません。Dashboardの基調色(ベースカラー)を選択できます。lightまたはdarkが選択可能です。現在利用しているBananaのバージョンが表示されます。RowsタブRowsタブ(図20)では、Dashboardに表示しているRowを管理することができます。Rowの追加・削除の他にRowの並び順を変更できます。各項目の説明は表14に示します。Dashboardに格納されているRowの名前が表示されます。(削除アイコン)をクリックすると、Rowが削除されます。(下アイコン)をクリックすると、Rowが1つ下に移動します。Rowを追加するときの新規Rowのタイトルを設定します。Rowを追加するときの新規Rowの高さを設定します。Rowを追加するときの新規Rowの設定を行えるか否かのチェックボックスです。チェックを外すと設定変更が行えません。ControlsタブControlsタブ(図21)では、Dashboardのコントロールの設定を行うことができます。設定の保存先、読み込み先などの変更が行えます。各項目の説明は表15に示します。BarにSolrコレクションを選択するためのドロップダウンリストを表示するか否かのチェックボックスになります。Pickerが表示されます。Dashboardの設定をファイルへ保存するためのJSONを表示することを許可するか否かを指定します。Dashboardの設定をブラウザーのCookieへ保存することを許可するか否かを指定します。Dashboardの設定をGistへ保存することを許可するか否かを指定します。Dashboardの設定をSolrへ保存することを許可するか否かを指定します。ローカルファイルからDashboard設定を読み込むことを許可するか否かを指定します。GistからDashboard設定を読み込むことを許可するか否かを指定します。SolrからDashboard設定を読み込むことを許可するか否かを指定します。dashboardsのリスト件数を指定します。SolrタブSolrタブ(図22)では、Dashboardが接続するSolrの設定を行うことができます。Solrのホスト名、またはパスを設定します。データの保存されているSolrコレクションを設定します。Solrに対して問い合わせる際に付けるHTTPリクエストパラメータを設定します。Rowの構成Rowとはデータ可視化するためのPanelを複数格納するためのコンテナを指します(図23)。Controlを使用して、Rowの設定などを行うことが可能です。Controlの項目を表17に示します。Rowを折りたたみ、小さくします。Rowの設定をします。RowがPanelでいっぱいになると表示されます。(折りたたみアイコン)をクリックすると、図24のようにRowが小さく折り畳まれます。Controlの項目を表18に示します。Rowを広げて元のサイズに戻します。Rowの設定をします。Settings画面が表示されます。GeneralタブGeneralタブ(図25)では、Row全般の設定を行います。項目の説明は表19に示します。Rowのタイトルを設定します。Rowの高さを指定します。Rowの設定が行えるか否かのチェックボックスです。チェックを外すと設定変更が行えなくなります。Rowが折り畳めるか否かのチェックボックスです。チェックを外すと折り畳めなくなります。PanelsタブPanelsタブ(図26)ではRowに格納されているPanelの追加・削除・並び順変更・非表示を行うことができます。項目の説明は表20に示します。Rowに格納されているPanelの名前が表示されます。Rowに格納されているPanelのタイプが表示されます。Rowに格納されているPanelのカラムサイズが表示されます。1Rowは12カラム分のサイズがあり、それぞれのPanelがRowの中の何カラム分の大きさを占めるかを指定することができます。格納するすべてPanelが1カラム分のサイズであれば、1Rowに最大12Panel格納できます。(削除アイコン)をクリックすると、Panelが削除されます。(下アイコン)をクリックすると、Panelが1つ右に移動します。Panelを非表示にするか否かを指定します。Panelタブ(図27)ではRowに新しいPanelを追加することができます。項目の説明は表21に示します。Rowに追加するPanelのタイプを指定します。Panelタブに、タイプごとにそれぞれ固有の設定項目が表示されます。Panelの項目については後述のPanelの紹介で触れたいと思いますので、ここでは割愛します。Panelの構成Panelとはデータをグラフや表などで可視化するボックスで、Rowに格納されます。Controlを使用して、Panelの設定などを行うことが可能です。Controに表示されるアイコンの数が変わります。項目の説明は表22に示します。Panelの中で使用しているSolrへのリクエストパラメータを確認できます。Panelの設定画面を開くことができます。PanelをRowから削除します。(情報アイコン)をクリックすると、図29のようなInformation画面が表示されます。ここで、Panelが発行しているSolrへのクエリパラメータを確認できます。Settingsの画面が表示されます。この設定画面は適用するPanelのタイプによって項目が変わります。Panelのタイプによりタブや、その中の項目は変わりますので、ここでは割愛します。ミノル)1975年埼玉県生まれ。インフォシーク入社後、同社の吸収合併により楽天、米国Ask.com日本法人、楽天(復帰)、ロンウイットを経て、2014年ヤフー株式会社入社。2013年、Apacheソフトウェア財団の運営するSolrの関連プロジェクトであるManifoldCFのコミッターに就任。モブプログラミングを取り入れて開発を効率化させるヒント9Pythonや生成AI活用など無料で基礎が学べるプログラミング学習講座「スタディングテック」提供開始10企業の7割超が「2025年の崖」を理解していないことが明らかに。モブプログラミングを取り入れて開発を効率化させるヒント9Pythonや生成AI活用など無料で基礎が学べるプログラミング学習講座「スタディングテック」提供開始10企業の7割超が「2025年の崖」を理解していないことが明らかに。モブプログラミングを取り入れて開発を効率化させるヒント9Pythonや生成AI活用など無料で基礎が学べるプログラミング学習講座「スタディングテック」提供開始10企業の7割超が「2025年の崖」を理解していないことが明らかに。新着記事一覧を見るイベント今後の予定を見るCodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。