すべてのプロダクト
Search
ドキュメントセンター

Quick BI:モバイル BI ポータルの作成

最終更新日:Nov 15, 2025

BI ポータルは、ダッシュボード、ワークブック、データ入力フォーム、外部リンクなどのデータアイテムのコレクションであり、メニュー形式で整理されています。BI ポータルを使用して、テーマ分析のための複雑なナビゲーションメニューを作成できます。データの表示要件に基づいて、PC およびモバイル BI ポータルの基本情報、ナビゲーションフレーム、および一般的なコントロールを構成できます。この Topic では、モバイル BI ポータルの作成方法について説明します。

構成の説明

BI ポータルの作成には、ポータル構成とメニュー構成が含まれます。一部の設定は PC クライアントとモバイルクライアントで共有されており、個別に構成する必要はありません。その他の設定は、各クライアントごとに構成する必要があります。詳細は次のとおりです。

  • ポータル構成:

    • 基本構成ナビゲーションフレームは個別に構成する必要があります。

    • 一般的なコントロールの追加は、PC クライアントと同じ構成を使用します。image

  • メニュー構成:

    • メニュー表示スタイルのみを個別に構成する必要があります。image

ポータル構成

操作エントリポイント

モバイルポータルを構成するには、ページ上部のクライアントスライダーを image アイコンに移動します。

  • ページの上部で、[ポータル設定] アイコン image をクリックします。

  • メニューを構成する際に、[ポータル構成] をクリックしてポータル構成インターフェイスを開きます。

    image

基本構成

構成項目

説明

グローバル ロゴ

モバイルクライアントのグローバル表示ロゴを設定します。公式のマテリアルを選択するか、カスタムイメージをアップロードできます。アップロードするイメージの推奨サイズは 60×60 から 180×60 ピクセルで、イメージサイズは 100 KB を超えることはできません。image

説明

グローバルロゴは、[ナビゲーションフレームモード][タイルレイアウト] に設定されている場合にのみ有効になります。グローバルロゴのスタイルを構成するには、タイルレイアウトのカバーエリア構成で設定を調整します。

メインタイトルとサブタイトル

現在のポータルのメインタイトルとサブタイトルを入力します。サブタイトルは 1,000 文字を超えることはできません。image

説明

サブタイトルは、[ナビゲーションフレームモード][タイルレイアウト] に設定されている場合にのみ有効になります。サブタイトルのスタイルを構成するには、タイルレイアウトのカバーエリア構成で設定を調整します。

表示モード

ページの開き方を設定します。[現在のページで開く] または [新しいウィンドウで開く] を選択できます。

  • 現在のページで開く: メニューを切り替えると、コンテンツは現在のページに読み込まれます。

  • 新しいウィンドウで開く: メニューを切り替えると、コンテンツは新しいページに読み込まれます。

  • カスタム: [各メニューページの表示モードをカスタマイズ] を選択することもできます。[構成] をクリックして、メニューページ構成インターフェイスに移動します。image メニューページの構成の詳細については、「メニュー構成」をご参照ください。

ナビゲーションフレーム

ナビゲーションフレームでは、[テーマモード][ナビゲーションフレームモード] を設定できます。

テーマモード

テーマを [ライトモード] または [ダークモード] に設定します。

  • ライトモード

    image

  • ダークモード

    image

ナビゲーションフレームモード

[トップナビゲーションレイアウト][ボトムナビゲーションレイアウト]、または [タイルレイアウト] を選択できます。

image

  • 上部ナビゲーション レイアウト

    構成項目

    構成コンテンツ

    説明

    上部ナビゲーション

    ナビゲーションバーの高さ

    ナビゲーションバーの高さを設定します。

    ナビゲーションバーの 背景

    ナビゲーションバーの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。

    メニュータブ

    メニュータブのスタイル、テキスト形式、およびタブ ラベルの幅を設定します。

    • タブスタイル: スタイルを [バー]、[テキスト]、または [ブロック] に設定します。111

    • タブテキスト: タブラベルの通常テキストと選択済みテキストのフォーマットを設定します。111

    • ラベル幅: タブラベルの幅を設定します。[自動] を選択してページに基づいて幅を自動的に設定するか、固定幅を設定できます。111

    ドロップダウン メニュー

    ナビゲーションメニューエリアの 背景

    ナビゲーションメニューエリアの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。111

    テキスト表示

    ナビゲーションメニューエリアの通常テキストと選択済みテキストのスタイルを設定します。メニュー行の高さをカスタマイズできます。111

  • 下部ナビゲーション レイアウト

    構成項目

    構成コンテンツ

    説明

    下部ナビゲーション

    ナビゲーションバーの高さ

    ナビゲーションバーの高さを設定します。

    ナビゲーションバーの 背景

    ナビゲーションバーの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。

    メニュータブ

    メニュータブのスタイルとテキスト形式を設定します。

    • タブスタイル: スタイルを [テキストのみ] または [アイコン + テキスト] に設定します。111

    • タブテキスト: 通常テキストと選択済みテキストのスタイルを設定します。111

    ドロップダウン メニュー

    ナビゲーションメニューエリアの 背景

    ナビゲーションメニューエリアの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。111

    テキスト表示

    ナビゲーションメニューエリアの通常テキストと選択済みテキストのスタイルを設定します。メニュー行の高さをカスタマイズできます。111

  • タイル レイアウト

    構成項目

    構成コンテンツ

    説明

    カバーを表示

    ページの上部にカバーエリアを表示するかどうかを指定します。111

    カバー領域の構成

    カバー領域の高さ

    カバー領域の高さを設定します。111

    コンテンツエリアの下 マージン

    コンテンツエリアの下 マージン を設定します。111

    カバー領域のコンテンツ

    image

    • グローバルロゴ: グローバルロゴを表示するかどうかを指定し、ロゴのサイズを調整します。

    • メインタイトルとサブタイトル: メインタイトルとサブタイトルを表示するかどうかを指定し、フォントフォーマットを調整します。

    • 配置: メインタイトルとサブタイトルの配置を設定します。[左揃え] または [中央揃え] を選択できます。

    カバー領域の 背景

    カバーエリアの背景色を設定します。システム提供のイメージを重ねるか、カスタムイメージをアップロードできます。アップロードするイメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。111

    コンテンツ領域の構成

    カードエリアの 背景

    カードエリアの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。111

    カード間隔

    カード間の間隔を設定します。

    カードタイトル

    カードエリアのタイトルの フォント 形式を設定します。

    メニュー名

    カードエリアのメニュー名のフォントフォーマットを設定します。

    1 行あたりの最大数

    1 行に表示できるメニューの最大数を設定します。111

    アイコン表示サイズ

    メニューバーのアイコンの表示サイズを設定します。111

    ページの 背景

    ページの背景色を設定します。カスタムでアップロードしたイメージを重ねることができます。イメージは JPG、JPEG、PNG、GIF、または SVG 形式である必要があり、サイズは 1 MB を超えることはできません。111

    ページの余白

    ページの上、下、左、右の余白を設定します。左側の image アイコンをクリックして、上下の余白に同じ値を設定します。右側の image アイコンをクリックして、左右の余白に同じ値を設定します。111

    レポートナビゲーション表示を 有効にする

    ページの上部にレポートナビゲーションを表示するかどうかを指定します。このナビゲーションのスタイルは、トップナビゲーションモードのスタイル設定に従います。

    このオプションは、タイルレイアウトではデフォルトで選択されています。このオプションを選択すると、ユーザーが BI ポータルでレポートを表示する際に、各レベルのメニューで構成されるナビゲーションパスがページの上部に表示されます。これにより、ユーザーは現在のレポートの場所を把握し、関連ページにすばやく移動できます。

    タイルレイアウトでは、ホームページに最大 2 レベルのポータルメニューを表示できます。メニューに 2 つを超えるレベルがある場合:image

    • レポートナビゲーション表示が有効になっている場合、ノードをクリックしてからページ上部のナビゲーションバーから次のレベルに切り替えて、関連コンテンツを表示できます。image

    • レポートナビゲーション表示が無効になっている場合、ノードをクリックしてからページ下部のポップアップウィンドウから次のレベルに切り替えて、関連コンテンツを表示できます。image

一般的なコントロールの追加

説明

一般的なコントロールの設定は、モバイルクライアントと PC クライアントで同じです。

構成項目

説明

メニュー キャッシュ

このオプションを選択すると、メニューがキャッシュされます。複数のメニューを開いた場合、切り替えるときに再読み込みする必要はありません。

ポータル エイリアス

BI ポータルのエイリアスを指定します。エイリアスはポータル URL に追加されます。たとえば、「1」と入力した場合、ポータルエイリアスは次のようになります: https://daily.yunbi.biz.aliyun.test/product/1.htm

image

説明

入力する内容は、法律および規制に準拠している必要があります。違法、ポルノ、反動的、または非倫理的な情報を入力しないでください。

メニュー構成

説明

モバイルクライアントの場合、[メニュー表示スタイル] のみ個別の構成が必要です。他のすべての設定は PC クライアントと同じです。

  1. BI ポータル編集ページで、ターゲットメニューをクリックして [メニューの設定] ページを開きます。

    image

  2. [メニューの設定] ページで、[ポータルメニュー][システム機能]、および [メニュー設定] を構成します。

    image

    • ポータルメニューの構成

      image

      ① メインメニューを追加します。これはレベル 1 のメニューです。

      ② レベル 2 以下のメニューを追加します。

      ③ メニューをホームページとして設定します。これにより、BI ポータルを開いたときにホームページがデフォルトで表示されます。

      ④ メニューを削除します。

    • システム機能の設定

      次の図に示すように、[メニュー検索] 機能を追加できます。

      image

      • [その他] アイコンの表示ロジック:

        • トップナビゲーションバー (①) のレベル 1 ナビゲーションの合計幅が画面幅を超えると、[その他] アイコンが自動的に表示されます。

        • ボトムナビゲーションバー (②) に 5 つ以上のレベル 1 ナビゲーション項目がある場合、[その他] アイコンが自動的に表示されます。

          [その他] アイコンをクリックして、ポータルメニューリストページを開きます。

      • [メニュー検索] 機能が有効になっている場合、メニュー名を検索できます。

      • モバイルクライアントで、メニュー検索ボックスの [背景の塗りつぶし色][アイコンの色][枠線の色]、および [空][入力] 状態のテキストスタイルを構成します。

    • メニュー設定

      構成項目

      説明

      メニュー名

      メニューの名前。

      折りたたみを許可

      メニューを折りたたむことができるかどうかを指定します。

      デフォルト で折りたたむ

      メニューのデフォルトの状態を指定します。

      説明

      このオプションは、[折りたたみを許可] が選択されている場合にのみ設定できます。

      ノード タイプ

      ノードタイプをコンテンツノードまたは空のノードに設定します。

      • ノードが親ノードの場合、空のノードとして設定できます。

      • 子ノードを追加すると、親ノードは自動的に Empty ノードになります。親ノードがコンテンツノードだった場合、そのコンテンツはクリアされます。

        image

      コンテンツ タイプ

      コンテンツタイプは [スペースリソース] または [外部リンク] に設定できます。モバイル BI ポータルの場合、次のタイプの [スペースリソース] のみがサポートされます:

      • ダッシュボード

      • ワークブック

      • データ入力

      image

      表示モード

      サポートされているモードは、[現在のページで開く]、[新しいウィンドウで開く]、および [現在のページと新しいウィンドウ] です。

      説明
      • このオプションは、メニューが空のノードとして設定されていない場合にのみ設定できます。

      • サイト構成で統一されたページの開き方を選択している場合、単一のメニューページの開き方をカスタマイズすることはできません。単一のメニューページの開き方をカスタマイズするには、設定を [各メニューページの表示モードをカスタマイズ] に変更します。

        image

      メニュー表示スタイル

      [メニュー表示] の表示/非表示、[アイコンを表示] の選択、アイコンサイズ、通常状態と選択状態の [メニューアイコン]、および [アイコンとテキストの間隔] を構成できます。image

      • PC またはモバイルクライアントでメニューの表示ステータスをカスタマイズできます。モバイルクライアントでメニューを非表示にすることを選択した場合、そのメニューとその子メニューは表示されません。PC クライアントでのメニュー表示は影響を受けません。PC クライアントでのメニュー表示を構成するには、PC BI ポータルを作成する際に設定を行います。

        image

      • メニューアイコンは、[マテリアルを使用] または [カスタムイメージ] をサポートしています。

        • マテリアルを使用image

        • カスタムイメージ

          ローカルイメージをアップロードする (①) か、URL を使用してイメージをアップロードする (②) ことができます。image.png

  3. [保存] をクリックしてメニュー構成を完了します。

テーマ構成

  1. BI ポータル編集ページで、右上隅の image.png アイコンをクリックします。表示されるパネルで、下部にあるモード切り替えアイコンを見つけて、BI ポータルのライトテーマとダークテーマを切り替えます。

    image

    説明

    テーマモードの切り替えは、モジュールレベルではなくアカウントレベルで適用されます。たとえば、ワークブックをライトモードに切り替えると、ダッシュボードやデータ入力フォームなど、テーマの切り替えをサポートする他のモジュールもライトモードに切り替わります。

    ライトモード

    image

    ダークモード

    image

    システムに従う

    このオプションは、カスタム構成で設定されたシステムスタイルに従います。

    image

    詳細については、「システムテーマのカスタマイズ」をご参照ください。

    説明

    システムスタイルは Tennant Management でのみ設定できます。モジュールレベルの設定は組織レベルの設定をオーバーライドします。