CookBook

IM-BloomMaker 設計書出力機能の使用方法

投稿日:

この CookBook では intra-mart Accel Platform 2021 Spring から利用可能になった設計書出力機能について紹介します。
なお設計書出力機能を利用するには war 作成時に IM-BloomMaker 設計書出力 のモジュールを構成に含める必要があります。

設計書出力機能とは

コンテンツの情報をバージョンごとに設計書として作成できる機能です。
設計書は Excel ファイルに出力され、以下のシートに分かれて情報が記載されます。

  • 表紙
  • コンテンツ概要
  • コンテナ
  • 画面デザイン
  • 変数値
  • 多言語
  • アクション
  • ルーティング
  • 改版情報

各シートの内容は後述する使用例バージョン間の比較をしない場合バージョン間の比較をする場合それぞれの
シートの説明を参照してください。

使用例

バージョン間の比較をしない場合

バージョン間の差分の比較を行わない場合の設計書作成の流れを説明します。

  1. コンテンツを作成します。
    バージョン: 1

  2. 設計書出力アイコンをクリックします。

  3. 「前バージョンとの改版情報シートを追加」のトグルボタンは OFF の状態で、決定ボタンをクリックします。

  4. 設計書の Excel ファイルが出力されます。

  5. シートの説明
    設計書の Excel ファイルの各シートについて説明します。

    表紙

    コンテンツの ID・名称、バージョンが記載され、承認・審査・作成の確認欄が作成されます。

    コンテンツ概要

    コンテンツとカテゴリの ID・名称、備考等が記載されます。

    コンテナ

    コンテナのプロパティの設定値と CSS の情報が記載されます。

    画面デザイン

    各コンテナページごとに以下の項目について記載されます。

    • 画面デザイン
      • エレメントのスクリーンショット
    • 画面構成
      • 画面構成をツリーで表示
    • エレメント構成
      • エレメントのプロパティの設定値
    画面デザイン

    画面構成、エレメント構成

    変数値

    以下の項目の設定値が記載されます。

    • 変数
    • 定数
    • 入力
    • エイリアス

    多言語

    多言語の設定値が記載されます。

    アクション

    アクションの情報が記載されます。

    ルーティング

    コンテンツに紐づくルーティング定義の情報が記載されます。

バージョン間の比較をする場合

バージョン間の差分の比較を行う場合の設計書作成の流れを説明します。
設計書には前項で説明したシートの他に改版情報のシートが含まれます。

  1. 前項で作成したコンテンツにバージョンを追加し、更新します。
    バージョン: 2

    バージョン: 2 ではバージョン: 1 からページ名、エレメント、変数を更新しています。

    バージョン: 2 の更新箇所
    ページ名 Version1 から Version2 へ変更
    エレメント 2つ目のテキスト入力を削除
    テキストエリアを追加
    変数 $variable.value1 の値を
    text1 から textA に変更
    $variable.value2 を削除
    $variable.value3 を追加

    赤枠で囲んだ部分が更新箇所です。

  2. バージョン: 2 のコンテンツから設計書出力アイコンをクリックします。

  3. 「前バージョンとの改版情報シートを追加」のトグルボタンを ON に切り替え、決定ボタンをクリックします。

  4. 設計書の Excel ファイルが出力されます。

  5. シートの説明
    設計書には新たに改版情報のシートが追加されます。

    改版情報

    指定したバージョン間の差分が記載されます。
    このシートは設計書出力時に「前バージョンとの改版情報シートを追加」のトグルボタンを ON に切り替えると作成されます。
    1 で変更した箇所が差分として反映されているのが確認できます。

-CookBook
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

imuiListTableで行の背景色を動的に変更する方法

このCookBookでは、imuiListTableで行の背景色を動的に変更する方法について紹介しています。 imuiListTableについての詳細はAPIドキュメントを参照してください。 [imu …

no image

Forma標準アプリとIM-LogicDesignerを利用してBISワークフローを一括申請する方法

このCookBookでは、Forma標準アプリとLogicDesignerを利用して、BISワークフローを一括申請する方法を説明します。 完成イメージ ① グリッドテーブルの各行を、それぞれ案件として …

no image

IM-BloomMaker でページ切り替え時にアニメーションを付加する方法

このCookBookではエレメントの固有IDとCSSエディタを組み合わせ、「ページを開く」アクションでページ切り替え時に、横方向にスクロールするようなアニメーションが行われる画面を作成していきます。 …

no image

IM-BloomMaker 「マルチファイルアップロード」エレメントの利用方法

このCookBookでは、 2021 Spring でリリースした「マルチファイルアップロード」エレメントの利用方法について説明していきます。 登録画面でアップロードしたファイルを別画面でダウンロード …

no image

IM-BloomMaker サイドメニューの使い方

このCookBookでは、2020 Summer から利用可能になったサイドメニューエレメントの使い方について紹介しています。 エレメントの概要 サイドメニューエレメントは、「intra-mart A …