intra-mart Accel Platform IM-LogicDesigner チュートリアルガイド 第12版 2023-10-01

5.4.15. ユーザカテゴリ、および、ユーザ定義へのアイコン設定方法

この章ではユーザカテゴリ、および、ユーザ定義へアイコンを設定する方法を説明します。

5.4.15.1. アイコンについて

2016 Summer(Nirvana)から、ユーザカテゴリ、および、ユーザ定義へアイコンを設定することができるようになりました。
ユーザカテゴリ、および、ユーザ定義へ用途に合わせたアイコンを設定することで、以下の事が見込めます。
  • ロジックフロー編集画面上でフロー作成を行う際の視認性が向上し、オペレーションミスを防ぎます。
  • 他の人が作成したロジックフローなどを確認する際、配置されたユーザ定義の目的等がわかりやすくなります。
../../../_images/setting_overview.png

図:アイコン設定概要

ここではアイコンの設定方法、および、設定したアイコンが反映されているかの確認を行います。

5.4.15.2. アイコンの設定

ユーザカテゴリ、および、ユーザ定義それぞれについてアイコンの設定方法を説明します。

5.4.15.2.1. ユーザカテゴリにアイコンを設定する

  1. 「サイトマップ」→「LogicDesigner」→「ユーザ定義一覧」から、ユーザ定義一覧を開きます。
    ユーザ定義一覧上部のヘッダ内、「カテゴリ一覧」をクリックします。
  2. ユーザカテゴリ一覧画面左上の「新規作成」をクリックします。
  3. ユーザカテゴリ情報の各項目に以下の値を入力します。

    • フローカテゴリID「tutorial_user_category_with_icon

    • フローカテゴリ名

      • 標準 - 「チュートリアルユーザカテゴリ(アイコン付)」
      • 日本語、英語、中国語(中華人民共和国) - 入力なし
    ../../../_images/user_category_with_icon1.png

    図:ユーザカテゴリ情報の入力

  4. ユーザカテゴリ情報のアイコンの項目内の「選択」をクリックします。

    ../../../_images/user_category_with_icon2.png

    図:アイコンの選択

  5. アイコンの選択ダイアログが表示されます。

    ../../../_images/user_category_with_icon3.png

    図:アイコン選択ダイアログ

  6. ダイアログ上部の検索欄に「im_tree_structure_1」と入力し、「検索」をクリックします。

    ../../../_images/user_category_with_icon4.png

    図:検索

  7. 検索結果の候補で表示されたアイコンをクリックします。

    ../../../_images/user_category_with_icon5.png

    図:アイコンの選択

  8. 「決定」をクリックします。

    ../../../_images/user_category_with_icon6.png

    図:決定

  9. 「登録」をクリックします。

以上で、ユーザカテゴリへアイコンを設定できました。

5.4.15.2.2. ユーザ定義にアイコンを設定する

  1. 「サイトマップ」→「LogicDesigner」→「JavaScript定義新規作成」から、JavaScript定義新規作成を開きます。

    コラム

    本チュートリアルではユーザ定義(JavaScript)をベースに説明を進めますが、他のユーザ定義でも設定方法は同じです。

  2. ユーザ定義の基本情報となる各項目に以下の値を入力します。

    • ユーザ定義ID「tutorial_ud_javascript_with_icon

    • バージョン「1」(固定)

    • ユーザ定義名
      • 標準 - 「ユーザ定義[JavaScript](アイコン付)
      • 日本語、英語、中国語(中華人民共和国) - 入力なし
    • カテゴリ
      • カテゴリID - 「tutorial_user_category_with_icon
    • ソート番号「12001

    ../../../_images/user_definition_with_icon1.png

    図:ユーザ定義情報の入力

  3. JavaScript定義編集情報のアイコンの項目内、「選択」をクリックします。

    ../../../_images/user_definition_with_icon2.png

    図:アイコンの選択

  4. アイコンの選択ダイアログが表示されます。

    ../../../_images/user_definition_with_icon3.png

    図:アイコン選択ダイアログ

  5. ダイアログ上部の検索欄に「im_note_pin_pencil」と入力し、「検索」をクリックします。

    ../../../_images/user_definition_with_icon4.png

    図:検索

  6. 検索結果の候補で表示されたアイコンをクリックします。

    ../../../_images/user_definition_with_icon5.png

    図:アイコンの選択

  7. 「決定」をクリックします。

    ../../../_images/user_definition_with_icon6.png

    図:決定

  8. 「登録」をクリックします。

以上で、ユーザ定義へアイコンを設定できました。

5.4.15.3. アイコンが設定されたことを確認する

ユーザカテゴリ、および、ユーザ定義それぞれに設定したアイコンが反映されていることを確認します。
  1. 「サイトマップ」→「LogicDesigner」→「フロー定義一覧」から、ロジックフロー定義一覧を開きます。
    ロジックフロー定義一覧画面左上の「ロジックフロー新規作成」をクリックします。
  2. 「ロジックフロー定義編集」画面から、以下を確認します。

    • 画面左部、エレメント一覧の「チュートリアルユーザカテゴリ(アイコン付)」ユーザカテゴリのアイコン
    • チュートリアルユーザカテゴリ(アイコン付)ユーザカテゴリにカテゴライズされている「ユーザ定義[JavaScript](アイコン付)」ユーザ定義のアイコン
    ../../../_images/confirm_icon_setting1.png

    図:アイコンの確認 その1

  3. 「ユーザ定義[JavaScript](アイコン付)」ユーザ定義をクリックします。

  4. フロー編集画面上に追加されたユーザ定義に、設定を行ったアイコンが表示されていることを確認します。

    ../../../_images/confirm_icon_setting2.png

    図:アイコンの確認 その2

以上で、ユーザカテゴリ、および、ユーザ定義へアイコンが設定されたことを確認できました。

コラム

アイコンが未設定のユーザカテゴリ、および、ユーザ定義について

アイコンが未設定の場合、および、2016 Summer(Nirvana)以前に作成したユーザカテゴリやユーザ定義をインポートした場合、アイコンはデフォルトで「im_arrow_270」が表示されます。
../../../_images/im_arrow_270.png

図:「im_arrow_270」アイコン