メイン コンテンツをスキップする 補完的コンテンツへスキップ

シートを使用したアプリの構成

シートを使用して、アイデアやアプリの目的を構成します。空のアプリを作成する場合は、最初に空のシートの構成を構築するとよいでしょう。ここでは、各シートはアイデアや目標を示します。これでアプリの概要を把握できます。

概要

例えば、会社の主要な指標、売上、および利益の概要を州、地域、製品別に作成しているとします。これらをすべて 1 か所に表示するのではなく、それぞれの目的ごとに 1 つのシート作成して情報を構成できます。

各シートには目的とアイデアが含まれます。

3 つの異なるシート。

シートには、データ ビジュアライゼーションに用いるチャートとテーブルが配置されます。アプリには複数のシートを含めることができます。選択を行うと、シートがどこにあるかによらず、ビジュアライゼーションに反映されます。

このシートの例では、左側のボックスでデータのフィルターを行うと、その結果が右側のビジュアライゼーションに表示されます。

ビジュアライゼーションが含まれるシート。

シートの新規作成

アプリ概要またはシート ナビゲーターから新しいシートを作成できます。

ヒント メモシート ナビゲーターにはシート ビューからアクセスできます。ツールバーで アプリ オブジェクト をクリックしてください。

次の手順を実行します。

  1. アプリ概要で アプリ オブジェクト をクリックし、シートを表示します。
  2. 新規作成 あるいは [シートの新規作成] をクリックします。
  3. シートにタイトルを付け、説明を加えます。
  4. テキスト エリアの外側をクリックして、タイトルと説明を保存します。

新しいシートが作成されました。

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

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

  1. アプリ概要で アプリ オブジェクト をクリックし、シートを表示します。
  2. 以下のいずれかを行います。
    • グリッド ビュー グリッド ビュー の場合は、シート タイトルを選択し、[編集] をクリックします。
    • リスト ビュー リスト ビュー の場合は、[編集] をクリックします。
  3. [タイトル] と [説明] を編集します。
  4. テキスト エリアの外側をクリックします。
変更内容を保存します。
ヒント メモシートのタイトルと説明は、シート プロパティ パネルでも変更できます。

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

シート プロパティ パネルの [タイトルの数式] プロパティで、数式に基づいて動的なシートのタイトルを設定できます。有効なチャートの数式を使用することができます。詳細については、「ビジュアライゼーションにおける数式の使用」を参照してください。

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

式を使用した動的なシートのタイトルの作成

シートの表示条件の設定

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

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

シートの表示条件の設定

シートのサムネイルの変更

アプリ概要およびシート ナビゲーターでシートを見分けやすくするために、既定のサムネイルを置き換えることができます。サムネイルには、既定の画像の 1 つを使用することも、独自の画像を使用することもできます。

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

  • .png、.jpg、.jpeg、.gif の形式がサポートされています。
  • サムネイルの最適な縦横比は 8:5 (幅:高さ) です。
  • サムネイルを追加または変更できるのは、未公開シートのみです。
  1. アプリ概要で アプリ オブジェクト をクリックし、シートを表示します。
  2. 以下のいずれかを行います。
    • グリッド ビュー グリッド ビュー の場合は、シート タイトルを選択し、[編集] をクリックします。
    • リスト ビュー リスト ビュー の場合は、[編集] をクリックします。
  3. デフォルトのサムネイル上にある 画像 をクリックします。

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

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

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

選択した画像がシートのサムネイルとして使用され、シート ナビゲーターとアプリ概要に表示されます。

ヒント メモシートのサムネイルは、シート ナビゲーターの右上またはシート プロパティ パネルでも変更できます。

次の形式がサポートされています。pngjpgjpeg、およびgif

Qlik Sense の場合: メディア ライブラリの [アプリ内] フォルダーに画像をアップロードできます。画像をデフォルト フォルダにアップロードするには、Qlik Management Console を使用する必要があります。

Qlik Sense Desktop の場合: コンピューター上の次のフォルダーに画像を配置できますC:\Users\<user>\Documents\Qlik\Sense\Content\Default。メディア ライブラリの [default] (既定) フォルダーから画像を使用できます。アプリをインストール間で移動すると、アプリで使用する画像はアプリと一緒に qvf ファイルに保存されます。新しい場所でアプリを開くと、画像はアプリのメディア ライブラリの [アプリ内] フォルダーにあります。

詳しくは「Qlik Sense サイトの管理: コンテンツ ライブラリにオブジェクトをアップロード」を参照してください。

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

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

グリッドのサイズはシート プロパティ パネルで変更できます。

シートのプロパティ パネル

  1. シート プロパティの [グリッドの間隔] 設定に移動します。
  2. 間隔を [広い] (既定のオプション) から [中間]、[狭い]、または [カスタム] に変更します。
  3. [カスタム] を選択すると、スライダーが表示されます。スライダーを使用してグリッド サイズを変更します。数値が大きいほど、グリッド間隔が狭くなります。

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

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

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

情報メモ[シート サイズ] を [応答性が高い] から [カスタム] に変更すると、ビジネス ユーザーのインタラクティブ エクスペリエンスに影響を与える可能性があります。レポートの出力書式が特に重要な場合は、テーマとレイアウトに対する制御を改善するために、レポート固有の app を作成することを検討してください。

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

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

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

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

[シート サイズ] を [レスポンシブ] から [カスタム] に変更すると、PDF 出力の明瞭さに影響を与える可能性があります。カスタム サイズのシートを PDF として手動でエクスポートする場合、ベスト プラクティスは次のとおりです。

  • 縦向き: 1680 x 1120 ピクセルの値、または 1:1.5 の比率

  • 横向き: 1120 x 1680 ピクセルの値、または 1.5:1 の比率

シートが大きすぎて 1 枚の PDF ページにはっきりと表示できない場合、拡張シートとカスタム サイズのシートは低解像度の PDF の出力となる可能性があります。

  1. [シート サイズ] 設定を [応答性が高い] から [カスタム] に変更します。
  2. シートの幅をピクセルで入力します。

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

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

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

小さい画面上でリスト ビュー (左) およびグリッド ビュー (右) に表示されたシート

小さい画面上でのシート リスト ビューとグリッド ビューの比較

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

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

シートの領域の拡張

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

情報メモ

ダウンロードされた拡張シートは、シートが大きすぎて単一の PDF ページにはっきりと表示できない場合、PDF の出力品質が低下することがあります。

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

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

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

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

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

シートへのアクションの追加

これらのシートにユーザーが移動した際にトリガーするアクションをシートに追加します。たとえば、ユーザーが特定のシートに移動する時に、アプリの選択を自動的にクリアにできます。

詳細については、「シートへのアクションの追加」を参照してください。

背景色または画像の追加

シートの背景をカスタマイズできます。特定の背景色を選択したり、数式ごとに色分けしたりできます。メディア ライブラリの画像はどれも背景として設定できます。画像が全体の背景に合わない場合は、配置とサイズを変更できます。

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

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

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

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

  5. 背景画像:メディア ライブラリから画像を選択します。デフォルトでは [なし] になっています。
  6. デフォルトのサムネイル上にある 画像 をクリックします。

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

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

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

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

[編集] モードのシート、左に設定された背景画像

編集モードのシートです。

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

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

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

シートの複製

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

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

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

このページは役に立ちましたか?

このページまたはコンテンツに、タイポ、ステップの省略、技術的エラーなどの問題が見つかった場合は、お知らせください。改善に役立たせていただきます。