5.1.1. デザイナ（デベロップモード）画面の機能と各部の説明¶

＜画面項目＞

1. 上書き保存

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

2. レイアウトモードに切替

   デザイナをレイアウトモードに切り替えます。

   レイアウトモードについては「デザイナ（レイアウトモード）」を参照してください。

3. 設計書出力

   コンテンツ定義を Excel 形式のファイルでダウンロードします。

   詳細は「設計書出力の機能説明」を参照してください。

4. 差分比較

   他のバージョンや、コンテンツ定義との差分を比較し、異なる箇所を表示します。

   詳細は「差分表示機能を使用する」を参照してください。

5. 元に戻す

   変更内容を取り消します。

   ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「Z」で同じ操作が可能です。

   Macintoshの場合、「command/control」+「Z」で同じ操作が可能です。

6. やり直し

   「元に戻す」の操作を取り消します。

   ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「Y」で同じ操作が可能です。

   Macintoshの場合、「command/control」+「Y」で同じ操作が可能です。

7. 切り取り

   選択されているエレメントを削除します。削除するエレメントはクリップボードにコピーされます。

   ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「X」で同じ操作が可能です。

   Macintoshの場合、「command/control」+「X」で同じ操作が可能です。

8. コピー

   選択されているエレメントをコピーします。コピーするエレメントはクリップボードにコピーされます。

   ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「C」で同じ操作が可能です。

   Macintoshの場合、「command/control」+「C」で同じ操作が可能です。

9. 貼り付け

   クリップボードにコピーされているエレメントを貼り付けます。

   ユーザの操作しているPCのOSがWindowsの場合、「Ctrl」+「V」で同じ操作が可能です。

   Macintoshの場合、「command/control」+「V」で同じ操作が可能です。

10. 範囲選択モード

    クリックすると、エレメントの範囲選択ができます。マウスのドラッグ&ドロップで範囲選択を実行します。

    ユーザの操作しているPCのOSがWindowsまたはMacintoshの場合、「Shift」キーを押している間、同じ操作が可能です。

11. コンテナを選択

    クリックすると、全てのコンテナの選択を解除して、コンテナを選択します。

    コンテナのプロパティを簡単に設定できます。

12. プレビュー

    作成したアプリケーション画面の見た目や機能を確認できます。

    使用方法は「プレビュー画面の利用方法」を参照してください。

    なお、デベロップモードでは、デザイナ画面でメインページに設定したコンテナページがプレビュー画面に表示されます。

13. CSS編集

    クリックするとCSSエディタが表示されます。

    CSSエディタを利用すると、CSSを用いてエレメントにスタイルを適用できます。

14. 削除

    選択されているエレメントを削除します。削除するエレメントはクリップボードにコピーされません。

    ユーザの操作しているPCのOSがWindowsの場合、「Delete」キーで同じ操作が可能です。

    Macintoshの場合、「command/control」+「delete」で同じ操作が可能です。

15. メモ追加・編集

    クリックすると、選択されているエレメントにメモを追加します。

    選択されているエレメントにメモがある場合は、メモを編集できます。

    メモ機能については「部品にメモをつける」を参照してください。

16. メモ設定

    クリックすると、メモの表示に関するメニューが表示されます。

    メモ機能については「部品にメモをつける」を参照してください。

    • メモを表示

      チェックをつけると、全てのメモが表示されます。

    • 未解決のメモ

      チェックをつけると、未解決のメモが表示されます。

    • 解決済みのメモ

      チェックをつけると、解決済みのメモが表示されます。

17. 関連機能

    「IM-LogicDesigner」または「ViewCreator」の管理画面を表示します。

18. ヘルプ

    クリックすると、IM-BloomMakerの操作方法に関するメニューが表示されます。

    • ユーザ操作ガイド

      クリックすると、IM-BloomMaker for Accel Platform ユーザ操作ガイドにジャンプします。

    • YouTube動画

      クリックすると、IM-BloomMakerの操作方法を動画で紹介するサイトにジャンプします。

コラム

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

Macintoshの場合、「command/control」キーを押しながらドラッグ&ドロップすると、エレメントを複製できます。