Structuring an app using sheets

Sheets structure your ideas and purpose of your app. When you create an new app, it is good practice to first build a structure of empty sheets, where each sheet represents an idea or a goal. This gives a good overview of the app.

Overview

For example, you are creating an overview of your company's key metrics, sales, and margins by state, region, and product. Instead of having all this information in one place, you could structure it by having one sheet for each purpose.

A sheet is where charts and tables for data visualization are placed. An app can include several sheets. The selections that you make affect visualizations regardless of which sheets they are on.

Creating a new sheet

次の手順を実行します。

1. From the app overview, click to view the sheets.
2. Click Create new sheet.
3. Give your sheet a title and add a description.
4. Click outside the text area to save the title and description.

A new sheet is created.

シートのタイトルと説明の変更

シートのタイトルと説明は、いつでも変更できます。固定のシートのタイトルを使用することも、数式に基づく動的なシートのタイトルを使用することもできます。

次の手順を実行します。

1. アプリ概要で をクリックし、シートを表示します。
2. 以下のいずれかを行います。
   • グリッド ビュー の場合は、シート タイトルを選択し、 をクリックします。
   • リスト ビュー の場合は、 をクリックします。
3. [タイトル] と [説明] を編集します。
4. テキスト エリアの外側をクリックします。

変更内容を保存します。

動的なシートのタイトルの使用

動的なシートのタイトルを設定する場合、固定のタイトル ([タイトル]) は使用されません。

Creating dynamic sheet titles using expressions

シートの表示条件の設定

数式の評価が true か false かに応じて、アプリでシートを表示または非表示にするには、[条件の表示] で条件を設定できます。シートは数式が true と評価された場合にのみ表示されます。シートを非表示にしても、アプリ内のデータが非表示になったり除外されたりすることはありません。

例えば、特定の値がデータに存在する場合にのみ使用できるシートを作成できます。通常、if  関数を使用する必要があります。詳細については、「if - スクリプトおよびチャート関数」を参照してください。

Setting a show condition for a sheet

シート サムネイルの変更

次の点に注意してください。

• .png、.jpg、.jpeg、.gif の形式がサポートされています。
• サムネイルの最適な縦横比は 8:5 (幅:高さ) です。
• プライベート シートのサムネイルに対して実行できるのは、追加または変更のみです。

次の手順を実行します。

1. アプリ概要で をクリックし、シートを表示します。
2. 以下のいずれかを行います。
   • グリッド ビュー の場合は、シート タイトルを選択し、 をクリックします。
   • リスト ビュー の場合は、 をクリックします。

3. デフォルトのサムネイル上にある をクリックします。

   [メディア ライブラリ] が開きます。

4. メディア ライブラリ内の [アプリ内] や [デフォルト] といったフォルダーをクリックします。

5. シートのサムネイルとして使用する画像を選択し、[挿入] をクリックします。
6. 編集を中止するには、 をクリックします。

詳細については、Qlik Sense サイトの管理: コンテンツ ライブラリにオブジェクトをアップロード(英語のみ) を参照してください。

シートのグリッド サイズの変更

シートにさらに多くのビジュアライゼーションが収まるように、またはビジュアライゼーションの配置をさらに制御できるように、シートのグリッド サイズを調整できます。グリッドは、ビジュアライゼーションを追加、移動、またはサイズ変更するときに表示されます。

シート サイズのカスタマイズ

既定では、Qlik Sense ではユーザーのスクリーンの軸にシートを合わせるために、シートに応答性の高いレイアウトが使用されています。シートに応答性の高いレイアウトを使用したくない場合は、シートにカスタムの幅と高さを設定できます。これにより、応答性について調整することなく、確実に作成した通りにダッシュボードをユーザーに表示することができます。シートの高さと幅は、300 ピクセルから 4,000 ピクセルの間であればどの数値にでも設定できます。

シートの PDF ダウンロードが極端にズームインして表示される場合は、[シート サイズ] を [応答性が高い] から [カスタム] に切り替えることをお勧めします。

シートにカスタムのサイズが適用されている場合は、グリッドの間隔を変更することはできますが、[シートの拡張] を使用してサイズを変更することはできません。

未拡張の [応答性が高い] シートの場合、シートのエクスポートされた PDF は次の様になります。

• 横方向: 1680 x 1120 ピクセル
• 縦方向: 1120 x 1680 ピクセル

[カスタム] シート サイズを使用している場合、シートの PDF 出力は、幅と高さに対するカスタム ピクセル値を維持します。

次の手順を実行します。

1. [シート サイズ] 設定を [応答性が高い] から [カスタム] に変更します。

2. シートの幅をピクセルで入力します。

3. シートの高さをピクセルで入力します。

小さい画面用のレイアウトの変更

既定では、シートを小さい画面上で表示する場合は、リスト ビューに表示されます。これをグリッドでの表示に変更することができます。シートを小さい画面上でグリッド表示するには、応答性が高いレイアウトに設定する必要があります。

グリッド ビューにはビジュアライゼーションの小さいプレビューが表示されます。リスト ビューにはビジュアライゼーションのタイトルのみが表示されます。

次の手順を実行します。

1. [シート プロパティ] で、[小さい画面用のレイアウト] に移動します。
2. ドロップダウンから [グリッド ビュー] を選択します。

シートの領域の拡張

画面に収まるビジュアライゼーションよりも多くのビジュアライゼーションを追加する必要がある場合、シートの領域を縦方向に拡張できます。

次の点に注意してください。

• シート プロパティの [シートの拡張] をアクティブにする必要があります。
• 拡張ごとに、シートの元の高さの 50% が追加されます。
• スクロールするビジュアライゼーションがある場合、拡張されたシートのスクロールが妨げられる可能性があります。空白スペースをある程度残しておくと、シートの設計時にスクロール用に利用できます。

2 種類の方法でシートを拡張できます。

次の手順を実行します。

• オブジェクトをシートの下部にドラッグし、表示されたドロップ ゾーンにドロップします。
• [シート プロパティ] の [シートの拡張] を切り替えます。

シートは元の高さから 50% 拡張されています。シート内で縦方向にスクロールすると、すべてのコンテンツにアクセスできます。

Adding actions to sheets

You can add actions to sheets that trigger when users navigate to those sheets. For example, you could automatically clear selections in the app when users navigate to a particular sheet.

For more information, see シートへのアクションの追加.

背景色または画像の追加

.png、.jpg、.jpeg、.gif の形式がサポートされています。.gif を使用する場合は、動画にも静止画にもできます。

次の手順を実行します。

1. 編集モードでシートを開きます。
2. [詳細オプション] をオンにします。
3. [シート プロパティ] で、[スタイリング] をクリックします。
4. [背景] を [カスタム] に設定します。デフォルトでは [自動] になっています。

5. 背景色:

   • 単色: 色選択ツールを使用して色を選択します。

   • 数式を使用: ユーザー定義の数式を使用する色を設定します。詳細は、数式による色分けをご覧ください。

6. 背景画像: メディア ライブラリから画像を選択します。既定では [なし] になっています。

7. デフォルトのサムネイル上にある をクリックします。

   [メディア ライブラリ] が開きます。

8. メディア ライブラリ内の [アプリ内] や [デフォルト] といったフォルダーをクリックします。求める画像がまだメディア ライブラリにない場合、 [メディアをアップロード] も選択できます。

9. 使用する画像を選択し、[挿入] をクリックします。
10. ドロップ ダウンで画像のサイズを変更します:
    • 元のサイズ
    • 常に適合
    • 幅に合わせる
    • 高さに合わせる
    • 縮小/拡大して合わせる
    • 常にページ幅に合わせる
11. [位置] で、画像の配置を変更できます。例えば、画像をシートの中央や右上隅にできます。

選択した画像と背景色がシートに表示されるようになります。

シート アイテムのコピー、置き換え、移動

アイテムは、シート内またはシート間でのコピーや置き換え、移動が可能です。以下の方法があります。

• 右クリックして [切り取り]、[コピー]、および [貼り付け] を選択。
• キーボード ショートカットを使用 (Ctrl+C、Ctrl+X、Ctrl+V)
• シート上の編集バーを使用 (、 および )。(詳細オプション)

シートの複製

シートは、アプリに属するものでも自分で作成したものでも、すべて複製できます。シートの複製は、コンテンツを再利用して時間を節約したり、細部を変更してよりニーズに合ったシートを作成するために行います。複製されたシートには、元のシートと同じビジュアライゼーションが含まれ、同じマスター アイテムにリンクされます。複製されたシートは独立しており、元のシートには接続されていません。複製されたシートは、アプリ概要の [自分のシート] とアセット パネルの [シート] に表示されます。

次の方法でシートを複製できます。

• アプリ概要またはシート ナビゲーターで、シートのショートカット メニューにある [複製] をクリックします。
• アプリ概要またはシート表示のグローバル メニューにある [シートの複製] をクリックします。