IM-BloomMaker for Accel Platform IM-BloomMaker ユーザ操作ガイド 第16版 2025-04-01

6.1.2. デザイナ(レイアウトモード)画面の機能と各部の説明

ここではデザイナ(レイアウトモード)画面の構成について説明します。

6.1.2.1. ヘッダ

ヘッダにはレイアウト編集のためのアイコンが配置されています。
各アイコンをクリックすると、その機能を利用できます。
../../../../_images/screen_configuration_11.png

<画面項目>

  1. 上書き保存

    デザイナ画面で編集した内容を保存します。

  2. デベロップモードに切替
    デザイナをデベロップモードに切り替えます。
    デベロップモードについては「デザイナ(デベロップモード)」を参照してください。
  3. 設計書出力
    コンテンツ定義を Excel 形式のファイルでダウンロードします。
    詳細は「設計書出力の機能説明」を参照してください。
  4. 元に戻す
    変更内容を取り消します。
    ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「Z」で同じ操作が可能です。
    Macintoshの場合、「command/control」+「Z」で同じ操作が可能です。
  5. やり直し
    「元に戻す」の操作を取り消します。
    ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「Y」で同じ操作が可能です。
    Macintoshの場合、「command/control」+「Y」で同じ操作が可能です。
  6. 切り取り
    選択されているエレメントを削除します。削除するエレメントはクリップボードにコピーされます。
    ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「X」で同じ操作が可能です。
    Macintoshの場合、「command/control」+「X」で同じ操作が可能です。
  7. コピー
    選択されているエレメントをコピーします。コピーするエレメントはクリップボードにコピーされます。
    ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「C」で同じ操作が可能です。
    Macintoshの場合、「command/control」+「C」で同じ操作が可能です。
  8. 貼り付け
    クリップボードにコピーされているエレメントを貼り付けます。
    ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「V」で同じ操作が可能です。
    Macintoshの場合、「command/control」+「V」で同じ操作が可能です。
  9. 範囲選択モード
    クリックすると、エレメントの範囲選択ができます。マウスのドラッグ&ドロップで範囲選択を実行します。
    ユーザの操作しているPCのOSがWindowsまたはMacintoshの場合、「Shift」キーを押している間、同じ操作が可能です。
  10. レイアウトマスタ
    クリックすると、レイアウトマスタモードに切り替わります。
    レイアウトマスタモードは部品の並び替えや移動に特化したモードです。
    もう一度クリックすると解除されます。
  11. プレビュー
    作成したアプリケーション画面の見た目や機能を確認できます。
    使用方法は「プレビュー画面の利用方法」を参照してください。
    なお、レイアウトモードでは、デザイナ画面で現在表示中のコンテナページがプレビュー画面に表示されます。
  12. 削除
    選択されているエレメントを削除します。削除するエレメントはクリップボードにコピーされません。
    ユーザの操作しているPCのOSがWindowsの場合、「Delete」キーで同じ操作が可能です。
    Macintoshの場合、「command/control」+「delete」で同じ操作が可能です。
  13. レイアウト設定
    クリックすると、レイアウトに関するメニューが表示されます。
    以下の項目を設定できます。
    • サイドメニューを表示
      チェックをつけると、現在表示しているコンテナページにサイドメニューが追加されます。
    • ヘッダを表示
      チェックをつけると、現在表示しているコンテナページにヘッダが追加されます。
    • フッタを表示
      チェックをつけると、現在表示しているコンテナページにフッタが追加されます。
      なお、フッタは編集できません。
  14. メモ追加・編集
    クリックすると、選択されているエレメントにメモを追加します。
    選択されているエレメントにメモがある場合は、メモを編集できます。
    メモ機能については「部品にメモをつける」を参照してください。
  15. メモ設定
    クリックすると、メモの表示に関するメニューが表示されます。
    メモ機能については「部品にメモをつける」を参照してください。
    • メモを表示
      チェックをつけると、全てのメモが表示されます。
    • 未解決のメモ
      チェックをつけると、未解決のメモが表示されます。
    • 解決済みのメモ
      チェックをつけると、解決済みのメモが表示されます。
  16. ヘルプ
    クリックすると、IM-BloomMakerの操作方法に関するメニューが表示されます。
    • ユーザ操作ガイド
      クリックすると、IM-BloomMaker for Accel Platform ユーザ操作ガイドにジャンプします。
    • YouTube動画
      クリックすると、IM-BloomMakerの操作方法を動画で紹介するサイトにジャンプします。
  17. 部品パレット
    配置可能な部品の一覧が表示されます。
    部品を配置する方法については「ページに配置する部品を選択する」を参照してください。
  18. 編集ツールバー
    選択した部品の表示・装飾等を編集します。
    各アイコンの機能については「ツールバーから部品の見た目を調整する」を参照してください。

コラム

ユーザの操作しているPCのOSがWindowsの場合、エレメントを選択した状態で「Ctrl」キーを押しながらドラッグ&ドロップすると、エレメントを複製できます。
Macintoshの場合、「command/control」キーを押しながらドラッグ&ドロップすると、エレメントを複製できます。

6.1.2.2. コンテナ

アプリケーション画面のページが表示されるエリアです。
ここに部品を配置してアプリケーション画面を作成していきます。
../../../../_images/screen_configuration_21.png

6.1.2.3. コンテナヘッダ

アプリケーション画面のページを設定するエリアです。
ページごとにタブが表示され、ドラッグ&ドロップで順序を変更できます。
ページのタブをダブルクリックすると、ページ名を編集できます。
../../../../_images/screen_configuration_31.png