# ナビゲーション メニュー

ナビゲーション メニューは、シートにシート ナビゲーション オプションを追加します。

[Creating navigation menus](https://play.vidyard.com/t1J9ne4QGXbtkmefr3LDaf)

ユーザーは、アセット パネルからシート間を移動できます。シート ナビゲーション メニューを追加して、ユーザーがアセット パネルを開かなくてもシート内を直接移動できるようにすることもできます。

既定では、ナビゲーション メニューにはアプリケーション内のすべての公開シートとグループが表示されます。

ナビゲーション メニュー

ナビゲーション メニュー

ナビゲーション メニュー ![2 つのシートとグループが表示されている、シート内のナビゲーション メニュー。](https://help.qlik.com/ja-JP/sense/May2026/Subsystems/Hub/Content/Resources/Images/ui_navigation-menu.png)

ナビゲーション メニューでアプリケーション上にドロワー メニューを開くように選択できます。これを選択すると、ナビゲーション メニューはアイコン (the メニュー アイコン icon) になります。

ドロワー ナビゲーション メニュー

ドロワー ナビゲーション メニュー

ドロワー ナビゲーション メニュー ![ドロワー スタイルのナビゲーション メニュー。](https://help.qlik.com/ja-JP/sense/May2026/Subsystems/Hub/Content/Resources/Images/ui_navigation-menu-drawer.png)

## 使用に適しているケース

ナビゲーション メニューは、アプリケーション内のシートを移動するための別の方法を提供する場合に便利です。

## ナビゲーション メニューを作成する

メニュー内のテキストの書式や色を設定できます。背景画像には、サイズ変更および配置オプションが含まれています。

次の手順を実行します。

1. アセット パネルで、 [チャート] を開きます。

2. [ダッシュボード オブジェクト] で、ナビゲーション メニューをシートにドラッグします。

### ナビゲーション メニューのスタイル指定

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] &gt; [プレゼンテーション] で [the スタイル指定 icon] をクリックします。スタイル指定パネルの [基本設定] および [チャート] タブには、さまざまなセクションがあります。

各セクションの横にある ![リセット](https://help.qlik.com/ja-JP/sense/May2026/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) をクリックすると、スタイルをリセットできます。![リセット](https://help.qlik.com/ja-JP/sense/May2026/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 [ビジュアライゼーションへのカスタム スタイル指定の適用](https://help.qlik.com/ja-JP/sense/May2026/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)」を参照してください。

#### テキストのカスタマイズ

[スタイル] &gt; [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。

チャートに表示されるテキストのスタイルを指定できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

   * タイトル

   * サブタイトル

   * 脚注

4. [メニュー] タブで、次のテキスト要素のフォント、フォント サイズ、色を設定します。

   * ラベル: 個別のアイテムのラベル (および使用されている場合はアイコン) のスタイルを指定します。

#### 背景のカスタマイズ

チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。

   背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

   背景画像を使用する際、画像のサイズや位置を調整できます。

4. スタイル パネルの [メニュー] タブで、メニュー アイテムの既定色、ハイライト色、ホバー色を選択します。

#### 境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

ヒント メモ[個別アイテム] 設定がオンになっている場合、チャート全体ではなく、メニュー アイテムごとに境界線と影が適用されます。[個別アイテム] の詳細については、「[ナビゲーション メニューのアイテムを分離する](https://help.qlik.com/ja-JP/sense/May2026/Subsystems/Hub/Content/Sense_Hub/Visualizations/Navigation-menu/navigation-menu.htm#SeparatedItems)」を参照してください。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

4. 境界線の色を選択します。

5. [角の半径] を調整して、境界線の丸みを制御します。

6. [一般] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。

7. [メニュー] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

8. 境界線の色を選択します。

9. [角の半径] を調整して、境界線の丸みを制御します。

10. [メニュー] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。

### ナビゲーション メニューをドロワー メニューとして設定する

ナビゲーション メニューをドロワー メニューにできます。ドロワー メニューとして設定すると、ナビゲーション メニューはアプリケーションのリスト シート全体のメニューを開くボタンとして機能します。必要に応じて、ナビゲーション メニューにメニュー アイコン (the Menu icon) を追加できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [プレゼンテーション] で、 [ドロワー メニュー] をオンにします。

3. 必要に応じて [ドロワー アイコンを表示] を選択します。

4. [ドロワー パネルの位置] を調整し、パネルがページの左側または右側のどちらに開くかを設定します。

#### ドロワー メニューのスタイル指定

ドロワー ボタンとパネルのスタイルを指定できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. [メニュー] をクリックします。

4. [ドロワー ボタン] で、必要に応じて色をカスタマイズし、背景画像を追加します。

5. [ドロワーパネル] で、必要に応じてパネルで使用する色と背景画像を指定します。

### 方向とレイアウトの設定

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [プレゼンテーション] の [方向] で、 [垂直] または [水平] を選択します。

3. [レイアウト] で、 [ページ幅に合わせる] または [最小化] を選択します。

4. [位置] で、ナビゲーション メニューのメニュー アイテムの位置を選択します。

5. [水平] または [最小化] が選択されている場合は、必要に応じて [同じアイテム幅] を選択すると、すべてのタブのサイズが同じになります。

### ナビゲーション メニューのアイテムを分離する

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [プレゼンテーション] で、 [個別アイテム] をオンにします。

[個別アイテム] 設定がオフの場合、 [区切り線を使用] で項目間に区切り線を表示するかどうかを選択します。区切り線を使用する場合は、区切り線の色を設定できます。

### 大きなアイテムを表示する

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [プレゼンテーション] で、 [大きなアイテムを表示] をオンにします。

### アイテム アイコンを表示する

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [プレゼンテーション] で、 [アイテム アイコンを表示] をオンにします。

### ホバー メニューをオンにする

ナビゲーション メニューでは、ホバー メニューは既定でオフになっています。プロパティ パネルでオンにできます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] &gt; [基本設定] で、 [ホバー メニューを表示] を選択します。

### シート タイトル式の操作

ナビゲーション メニューには、シート タイトル式を使用して入力されたシート名を表示できます。優先順位は次のとおりです。

* シートに [タイトル式] が適用されている場合、ナビゲーション メニューにはこの式の出力が表示されます。

* シートに [タイトル式] が適用されていない場合は、ナビゲーション メニューにシートの [タイトル] が表示されます。

シート タイトルとタイトル式の詳細については、「[シートを使用したアプリケーションの構成](https://help.qlik.com/ja-JP/sense/May2026/Subsystems/Hub/Content/Sense_Hub/Sheets/create-sheets-for-structure.htm#TitleDesc)」を参照してください。