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

アプリのスタイル設定

スタイル設定を適用し、会社の基準に基づいてアプリをカスタマイズすることができます。選択したスタイルはアプリ内のすべてのシートに適用されます。アプリを公開した後でアプリのスタイルを変更することはできません。

アプリのスタイル設定

次のスタイル設定オプションを選択できます。

  • テキストや数字の文字列内の文字の方向を変更する。
  • 既定のアプリのテーマを変更する。
  • ビジュアライゼーションのコンテキスト メニューをオン/オフにします。
  • ビジュアライゼーションのホバー メニューをオン/オフにします。
  • シート タイトルの背景色を変更する。
  • シート タイトルのフォント色を変更する。
  • ロゴなどの画像を追加および配置します。
  • すべてのシートのツールバーとヘッダーのオン/オフを切り替えます。
ヒント メモ

開発者は、カスタム テーマ拡張により、より多様なスタイル設定をアプリに適用することができます。

個々のオブジェクトのカスタム スタイルは、アプリのスタイルより優先されます。

アプリのオプションを開く

アプリのオプションは、未公開アプリの任意の場所から開くことができます。

次の手順を実行します。

  1. 未公開アプリで、詳細、設定 の順にクリックし、アプリ オプションを開きます。

  2.  キャンセル  をクリックしてアプリ オプションを閉じます。

情報メモ アプリのオプションはモバイル デバイスでは利用できません。
情報メモQlik Sense June 2018 現在、アプリのオプションは、App リソースでの Update アクションに関してカスタム セキュリティ ルールが定義されているとしても、公開済みアプリでは使用できません。

読む方向を変更

次の手順を実行します。

  1. 未公開アプリで、詳細、設定 の順にクリックし、アプリ オプションを開きます。
  2. [スタイル]、[右から左] の順に選択し、[オン] または [オフ] を選択します。
情報メモQlik Sense チャートを使用してビジュアライゼーションが共有されている場合は、アプリの読む方向を変更すると共有されているチャートの読む方向にも影響します。詳細については、「共有チャート内での読む順序が正しくない」を参照してください。

既定のアプリのテーマを変更

既定の Qlik テーマまたは作成してインストールした任意のカスタムテーマの1つを適用できます。

既定の Qlik テーマ: 

  • [Sense Horizon] - 新しいアプリを作成するときの既定のテーマです。

  • [Sense クラシック] - オブジェクトをよりコンパクトに表示して、オブジェクト間のスペースを制限します。
  • [Sense フォーカス] - タイトルに指定されたスペースを提供し、オブジェクトの周りのパディングとスペースを調整します。
  • [Sense Breeze] - [Sense フォーカス]をベースとしていますが、カラー設定が異なります。

次の手順を実行します。

  1. 未公開アプリで、詳細、設定 の順にクリックし、アプリ オプションを開きます。
  2. [アプリのテーマ] ドロップダウン メニューから、適用するテーマを選択します。
情報メモ公開済みアプリでテーマを変更することはできません。

カスタム テーマ

カスタム テーマは、ユーザーの会社の基準に基づいて作成することもできます。テーマを使えば、アプリ全体を通して全般設定または詳細設定で、フォント、フォントのサイズ、フォントの太さ、フォントのスタイルを指定するだけでなく、色を変えたり、画像や背景を追加したりすることでアプリを正確にデザインできます。また、カラー パレットを定義したり、マージンやパディング、スペースの仕様をカスタマイズしたりすることもできます。

詳細については、次を参照してください

情報メモ

シートとチャートを PDF 形式でエクスポートする場合、カスタム テーマがサポートされます。これは、手動でエクスポートされた PDF だけでなく、サブスクリプションまたは Qlik レポート サービス を使用して自動的にエクスポートされた PDF にも適用されます。ただし、カスタム テーマを使用するアプリから生成された PDF は、アプリで表示されるものとは異なる場合があります。 詳細については、「カスタム テーマの JSON プロパティ」を参照してください。

ヒント メモカスタム テーマはアプリに依存しません。これは、たとえばカスタムテーマで定義されている色を変更すると、そのテーマを使用するすべてのアプリで、そのアプリが公開されている場合でも、それらの色が更新されることを意味します。

カスタム テーマを作成した場合は、拡張機能として Qlik Sense に保存します。JSON ファイルや CSS ファイルなどのすべての追加リソースは、圧縮して Qlik 管理コンソール (QMC) に拡張としてインポートします。これによって、セキュリティ ルールを QMC に追加して、特定のユーザーがどのテーマを利用可能かを制御できるようになります。

カスタムテーマは、[アプリのテーマ] ドロップダウンメニューの [カスタム] の下に表示されます。

アプリのテーマのドロップダウンメニュー

アプリのテーマのドロップダウン メニュー。

ホバー メニューとコンテキスト メニューをオフにする

ホバー メニューとコンテキスト メニューは、ユーザーがチャートを操作するときに表示されるインタラクティブな要素です。どちらのメニューからもオプション メニューにアクセスでき、ユーザーはチャートに関連するさまざまなアクションを実行できます。参照: オプション メニュー

これらのメニューの 1 つまたは両方をオフにして、アプリ ユーザーのインタラクティブなエクスペリエンスをカスタマイズできます。

ホバーメニューをオフにする

ユーザーがビジュアライゼーションにカーソルを置いたときに表示されるホバーメニューをオフにすることができます。これは、アプリのすべてのビジュアライゼーションに影響します。

次の手順を実行します。

  1. 未公開アプリで、詳細、設定 の順にクリックし、アプリ オプションを開きます。
  2. [ビジュアライゼーションのためにホバーメニューをオフにします] をクリックします。

編集モードでは、単一のビジュアライゼーションのホバーメニューをオフにすることができます。

次の手順を実行します。

  1. 編集モードで、ビジュアライゼーションを選択します。
  2. プロパティパネルにて、[外観] > [一般] に移動します。
  3. [ホバーメニューをオフにします] を選択します。

コンテキスト メニューをオフにする

コンテキスト メニューは、ユーザーがチャート上で右クリックしたとき、またはタッチ スクリーン モードを有効にしてチャートを長押ししたときに表示されます。すべてのビジュアライゼーションのコンテキスト メニューをオフにすることができます。

次の手順を実行します。

  1. 未公開アプリで、詳細、設定 の順にクリックし、アプリ オプションを開きます。
  2. [ビジュアライゼーションのコンテキスト メニュー] をクリックします。

チャート アニメーションの変更

チャート アニメーションは、データが変更されたとき (選択が行われた後など) に、古いビューから新しいビューに段階的に移行するビジュアライゼーションです。

チャート アニメーションは、アプリの設定でオフにできます。次のチャートの種類を利用できます。

  • 棒グラフ

  • ブレット チャート

  • コンボ チャート

  • 折れ線グラフ

  • 円グラフ

  • 散布図

  • ファネル チャート (Visualization bundle)

  • グリッド チャート (Visualization bundle)

  • サンキー グラフ (Visualization bundle)

次の手順を実行します。

  1. 未公開アプリで、詳細、設定 の順にクリックし、アプリ オプションを開きます。
  2. [スタイル] > [チャート アニメーション] で、 [オン] または [オフ] を選択します。

ツール バー、シート ヘッダー、アプリのナビゲーション バー オプションを非表示にする

アプリのツールバーとシート ヘッダーを非表示にできます。つまり、これらの領域は、権限に関係なく、どのシートでも、どのユーザーでも、表示されないことになります。 アプリで編集可能権限を持つユーザーは、これらの要素をオン/オフに切り替えることができます。 アプリのナビゲーション バー、ツール バー、シート ヘッダーの個々の要素を非表示にすることもできます。

ツール バー

ツール バーは、次のボタンを含むシートの上に領域にあります。

  • アセット

  • インサイト アドバイザー

  • 選択 (選択ツールアイコン付きで表示されます)

  • シートの編集

必要に応じて、ツール バーの [アセット] を非表示にできます。

次の手順を実行します。

  1. ナビゲーション バーでアプリ名をクリックし、 設定 をクリックしてアプリオプションを開きます。
  2. [スタイル] の [UI 設定] の後で、編集 をクリックします。
  3. 以下のいずれかを実行します。
    • ツール バーを非表示にするには、 [ツール バー] をオフにします。
    • [アセット] を非表示にするには、 [ツール バー] で [アセット] を選択します。
  4. [完了] をクリックします。

シート ヘッダー

シート ヘッダーとは、シート上の領域で、シートタイトル、タイトル画像、シートナビゲーション矢印が含まれます。

シート ヘッダーを非表示にすると、ナビゲーション矢印はツール バーに移動します。

必要に応じて、シート タイトルを非表示にできます。

次の手順を実行します。

  1. ナビゲーション バーでアプリ名をクリックし、 設定 をクリックしてアプリオプションを開きます。
  2. [スタイル] の [UI 設定] の後で、編集 をクリックします。
  3. 以下のいずれかを実行します。
    • シート ヘッダーを非表示にするには、 [シート ヘッダー] をオフにします。
    • シート タイトルを非表示にするには、 [シート ヘッダー] で [シート タイトル] を選択します。
  4. [完了] をクリックします。

アプリのナビゲーション バー

必要に応じて、アプリのナビゲーション バーで次のオプションを非表示にできます。

  • ロゴ

  • ナビゲーション

  • インサイト アドバイザー に質問

  • リソース センター

  • 通知

  • プロファイル

次の手順を実行します。

  1. ナビゲーション バーでアプリ名をクリックし、 設定 をクリックしてアプリオプションを開きます。
  2. [スタイル] の [UI 設定] の後で、編集 をクリックします。
  3. [アプリのナビゲーション バー]で、アプリのナビゲーション バーで非表示にするオプションを選択します。
  4. [完了] をクリックします。

使用に適しているケース

長所

ツールバーやシート ヘッダーを隠すことで、チャートやフィルター パネルなどのスペースが確保できます。

シート ヘッダーをオフにすると、シートのダウンロードや共有、サブスクリプションの送信、Qlik アプリケーションの自動化 レポートの作成時に、この領域が表示されなくなります。これは、シートを使って PowerPoint プレゼンテーションやダッシュボードを作成する場合に便利です。

ツールバーを削除すると、他のユーザーが簡単にアクセスできる機能を、アプリ開発者によるコントロールが向上します。例えば、[シートの編集] ボタンを非表示すると、他のアプリ開発者がアプリを編集しにくくなります。

短所

ツールバーを非表示にしても、ブックマーク、メモ、Insight Advisor、シート編集などの機能は完全に削除されません。例えば、ブックマークはこれまで通りアプリの概要で確認することができます。しかし、アプリ消費者は、これらの機能が使えなくなったと思うかもしれません。

ツールバーとシート ヘッダーを非表示にすると、シート間をナビゲーションする唯一の方法はキーボード ショートカットかボタン オブジェクトです。

選択領域が非表示になっていると、ユーザーはアプリに選択領域が適用されていることに気づかない可能性があります。シートにフィルター ペインを追加したり、個々のチャートにフィルターを追加したりする必要が考えられます。

例

ツールバーとシート ヘッダーが表示されたシート。ツールバーには、メモ、Insight Advisor、現在の選択などが表示されます。シート ヘッダーには、シート タイトル、タイトル画像、シート ナビゲーション矢印が含まれます。

ツールバーとシート ヘッダーが上に表示されている Qlik Sense シート。

上記と同じシートですが、ツールバーが表示され、シート ヘッダーが非表示となっています。ユーザーにタイトル画像、シート タイトル、ナビゲーション矢印が表示されなくなります。

シート ヘッダーが非表示となっている Qlik Sense シート。

上記と同じシートですが、シート ヘッダーが表示され、ツールバーが非表示となっています。どの選択が適用されたか見えません。

シート ヘッダーが非表示となっている Qlik Sense シート。

上記と同じシートですが、シート ヘッダーとツールバー両方が非表示となっています。

ツールバーとシート ヘッダーが非表示となってる Qlik Sense シート。

シート タイトルの色の変更

シート タイトルの背景色は、単色に設定するか、2 色を選択してグラデーション色に設定することができます。シート タイトルのフォントは、単色にのみ設定できます。

情報メモモバイル デバイスを使用している場合は、シート タイトルの背景に 2 色を設定していても、単色で表示されます。

色を選択するときには、次のオプションも選択できます。 

  • 既定の色パレットから色を選択します。
  • #入力項目に 6 文字を入力することにより、16 進数で色を設定します。
  • パレットをクリックして他のカラー オプションを表示します。
    • 色ホイールをクリックして色を選択します。
    • スライダをドラッグして、色の彩度を変更します。

既定の色パレットからの色の選択

次の手順を実行します。

  1. 色ドロップダウンで [ 下向き矢印 ] をクリックします。

    ダイアログボックスが開き、既定色が表示されます。

  2. パレットでいずれかの色をクリックします。

    その色が選択されます。

  3. ダイアログ ボックスの外側をクリックします。

    ダイアログ ボックスが閉じます。

これで、既定の色パレットで選択することにより、色が設定されました。

既定の色パレットおよび青色が選択されている色ダイアログボックス。

既定の色パレット。

16 進数での色の入力

次の手順を実行します。

  1. 色ドロップダウンで [ 下向き矢印 ] をクリックします。

    ダイアログボックスが開き、既定色が表示されます。

  2. 16 進数の入力項目#に次の 6 文字を入力します。

    色はパレットで選択します。

  3. ダイアログ ボックスの外側をクリックします。

    ダイアログ ボックスが閉じます。

これで、16 進数値を入力することにより、色が設定されました。

高度な色オプションの使用

次の手順を実行します。

  1. 色ドロップダウンで [ 下向き矢印 ] をクリックします。

    ダイアログボックスが開き、既定色が表示されます。

  2. ダイアログの下部で [ パレット ] をクリックします。

    ダイアログが変わり、高度なオプションが表示されます。

  3. 以下のいずれかを行います。

    • 色ホイールをクリックします。

      色が変わり、それに応じて 16 進数の色コードが更新されます。

    • スライダをドラッグします。

      彩度が変わり、それに応じて 16 進数の色コードが更新されます。

    どちらの方法でも色が選択されます。

  4. ダイアログ ボックスの外側をクリックします。

    ダイアログ ボックスが閉じます。

色ホイールとスライダを使用することにより、色が設定されました。

高度なオプションが表示され、青色が選択されている色ダイアログ。

色ホイール。

画像の追加

ロゴなどの画像をシート タイトルに追加することができます。 次の形式がサポートされています。png、jpg、jpeg、およびgif。

次の手順を実行します。

  1. [画像] の横の画像プレースホルダをクリックします。

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

  2. メディア ライブラリ内 (例: [アプリ内] や [デフォルト]) 内のフォルダーをクリックします。

  3. シート タイトルに追加する画像を選択します。

    画像のプレビューが表示されます。

  4. [挿入] をクリックします。

    画像が追加されます。

これで、画像がシート タイトルに追加されました。

詳細を見る

 

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

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

こちらにフィードバックをお寄せください