目次¶

• 1. 改訂情報
• 2. IM-BloomMaker for Accel Platformへようこそ
  • 2.1. このガイドの目的
  • 2.2. このガイドの対象読者
  • 2.3. このガイドの構成
• 3. IM-BloomMaker の概要
  • 3.1. 概要
    • 3.1.1. IM-BloomMakerとは
    • 3.1.2. 用語
  • 3.2. IM-BloomMakerでアプリケーションを作成する流れ
    • 3.2.1. ステップ0：事前準備
    • 3.2.2. ステップ1：コンテンツの作成
    • 3.2.3. ステップ2：アプリケーション画面の作成
    • 3.2.4. ステップ3：ルーティング定義の作成
    • 3.2.5. ステップ4：定義のエクスポート/インポート
    • 3.2.6. ステップ5：設計書出力
    • 3.2.7. ステップ6：テンプレートの作成
    • 3.2.8. ステップ7：エレメントセットの作成
• 4. コンテンツ
  • 4.1. カテゴリ
    • 4.1.1. コンテンツカテゴリを確認する
    • 4.1.2. コンテンツカテゴリを新規登録する
    • 4.1.3. コンテンツカテゴリを編集する
  • 4.2. コンテンツ
    • 4.2.1. コンテンツを確認する
    • 4.2.2. コンテンツを新規登録する
    • 4.2.3. コンテンツを編集する
    • 4.2.4. コンテンツにバージョンを追加する
    • 4.2.5. コンテンツのバージョン一覧を確認する
    • 4.2.6. コンテンツに紐づくルーティングを確認する
    • 4.2.7. コンテンツをコピー作成する
    • 4.2.8. コンテンツに紐づくデザイナ画面を確認する
    • 4.2.9. 鍵アイコンのついたコンテンツをコピーして編集する
    • 4.2.10. コンテンツ種別 Bulma から imds に変換する
  • 4.3. 認可
    • 4.3.1. 認可を編集する
• 5. デザイナ（デベロップモード）
  • 5.1. デザイナで画面を作成する
    • 5.1.1. デザイナ（デベロップモード）画面の機能と各部の説明
    • 5.1.2. IM-BloomMakerでアプリケーション画面を作成する
  • 5.2. エレメントの機能説明
    • 5.2.1. アプリケーション画面で利用するエレメントを配置する
  • 5.3. プロパティタブの機能説明
    • 5.3.1. プロパティの詳細と設定
  • 5.4. 変数タブの機能説明
    • 5.4.1. IM-BloomMakerにおける変数の仕組みと注意点
    • 5.4.2. 変数の設定方法
    • 5.4.3. 定数の設定方法
    • 5.4.4. 入力の設定方法
    • 5.4.5. 多言語の設定方法
    • 5.4.6. 環境情報
    • 5.4.7. エイリアスの設定
    • 5.4.8. JSON形式を用いた代入値の設定
    • 5.4.9. 変数名の変更に伴う影響範囲の修正
  • 5.5. アクションタブの機能説明
    • 5.5.1. アクションの機能と設定方法
    • 5.5.2. アクションエディタ画面の操作方法
  • 5.6. プレビュー画面の機能説明
    • 5.6.1. プレビュー画面の利用方法
  • 5.7. 画面構成タブの機能説明
    • 5.7.1. 画面構成タブを使用する
  • 5.8. 使用箇所タブの機能説明
    • 5.8.1. 使用箇所タブを使用する
  • 5.9. 設計書出力の機能説明
    • 5.9.1. 設計書出力で基本情報を出力する
    • 5.9.2. 設計書出力で改版情報を出力する
  • 5.10. 排他制御の機能説明
    • 5.10.1. 排他制御を利用する
  • 5.11. 差分表示の機能説明
    • 5.11.1. 差分表示機能を使用する
    • 5.11.2. 差分表示機能で差分の詳細を閲覧する
• 6. デザイナ（レイアウトモード）
  • 6.1. デザイナ（レイアウトモード）で画面を作成する
    • 6.1.1. デザイナ（レイアウトモード）の特徴
    • 6.1.2. デザイナ（レイアウトモード）画面の機能と各部の説明
  • 6.2. デザイナ（レイアウトモード）の操作の説明
    • 6.2.1. アプリケーション画面のレイアウトを選択する
    • 6.2.2. ページに配置する部品を選択する
    • 6.2.3. 配置した部品を編集する
    • 6.2.4. ツールバーから部品の見た目を調整する
    • 6.2.5. テーブルを編集する
    • 6.2.6. 右クリックメニューで部品を操作する
    • 6.2.7. 部品にメモをつける
• 7. ルーティング
  • 7.1. カテゴリ
    • 7.1.1. ルーティングカテゴリを確認する
    • 7.1.2. ルーティングカテゴリを新規登録する
    • 7.1.3. ルーティングカテゴリを編集する
  • 7.2. ルーティング
    • 7.2.1. ルーティングを確認する
    • 7.2.2. ルーティングを新規登録する
    • 7.2.3. ルーティングを編集する
    • 7.2.4. ルーティングに紐づくコンテンツを確認する
    • 7.2.5. 認可を編集する
• 8. テンプレート
  • 8.1. カテゴリ
    • 8.1.1. テンプレートカテゴリを確認する
    • 8.1.2. テンプレートカテゴリを新規登録する
    • 8.1.3. テンプレートカテゴリを編集する
  • 8.2. テンプレート
    • 8.2.1. テンプレートを確認する
    • 8.2.2. テンプレートを新規登録する
    • 8.2.3. テンプレートを編集する
    • 8.2.4. テンプレートに紐づくデザイナ画面を確認する
    • 8.2.5. テンプレートを元にして作成したコンテンツ一覧を表示する
    • 8.2.6. コンテンツ種別 Bulma から imds に変換する
• 9. エレメントセット
  • 9.1. カテゴリ
    • 9.1.1. エレメントセットカテゴリを確認する
    • 9.1.2. エレメントセットカテゴリを新規登録する
    • 9.1.3. エレメントセットカテゴリを編集する
  • 9.2. エレメントセット
    • 9.2.1. エレメントセットを確認する
    • 9.2.2. エレメントセットを新規登録する
    • 9.2.3. エレメントセットを編集する
    • 9.2.4. エレメントセットをコピー作成する
    • 9.2.5. エレメントセットに紐づくデザイナ画面を確認する
    • 9.2.6. エレメントセットを使用する
    • 9.2.7. 鍵アイコンのついたエレメントセットをコピーして編集する
    • 9.2.8. エレメントセットを使用しているコンテンツ一覧を表示する
    • 9.2.9. コンテンツ種別 Bulma から imds に変換する
  • 9.3. 認可
    • 9.3.1. 認可を編集する
• 10. インポート・エクスポート
  • 10.1. 定義ファイルをインポートする
    • 10.1.1. インポート画面を確認する
    • 10.1.2. インポート種別を選択する
    • 10.1.3. インポートを実行する
  • 10.2. 定義ファイルをエクスポートする
    • 10.2.1. エクスポート画面を確認する
    • 10.2.2. エクスポートタイプを選択する
    • 10.2.3. エクスポートを実行する
• 11. 管理ツール
  • 11.1. コンテンツ互換チェック
    • 11.1.1. 「変数〇を〇に代入する」変数型相違チェック
• 12. デバッグツール
  • 12.1. デバッグツール
    • 12.1.1. デバッグツールをインストールする
    • 12.1.2. デバッグツールを利用する
• 13. 付録
  • 13.1. CookBook
    • 13.1.1. IM-BloomMaker のカスタムスクリプト内で ＄im.resolve を使った一覧画面の作成
    • 13.1.2. IM-BloomMaker 繰り返しエレメントでの変数の使い方
    • 13.1.3. IM-BloomMaker のアクション「URL ○ にリクエストを送信する」の使い方
    • 13.1.4. IM-BloomMaker カスタムスクリプトの使い方と ＄variable からの取得・代入の方法
    • 13.1.5. IM-BloomMaker のアクション「変数に一覧データから選択したものを代入する」の使い方
    • 13.1.6. IM-BloomMaker で作成した画面で、入力項目の値によってエレメントの表示・非表示を切り替える方法
    • 13.1.7. BloomMakerとLogicDesignerでWorkflowコンテンツを作成する
    • 13.1.8. IM-BloomMaker のアクション「複数選択組織検索ダイアログを表示する」の使い方
    • 13.1.9. IM-BloomMaker グラフエレメントの使い方（円グラフ編）
    • 13.1.10. IM-BloomMaker グラフエレメントの使い方（基本編）
    • 13.1.11. BloomMakerで動的承認ノードを利用したWorkflowコンテンツを作成する
    • 13.1.12. IM-BloomMaker コンボボックスエレメントのサジェストにサーバから取得した値を表示する
    • 13.1.13. BloomMakerでワークフロー処理モーダルを利用してWorkflowコンテンツを作成する
    • 13.1.14. BloomMakerでワークフロー処理モーダルと動的処理対象者設定機能を利用してWorkflowコンテンツを作成する
    • 13.1.15. BloomMakerでワークフローの一括承認画面を作成する
    • 13.1.16. IM-BloomMaker 「リッチテーブル」エレメントのサンプル集
    • 13.1.17. IM-BloomMaker 「ファイルアップロード」エレメントの利用方法
    • 13.1.18. IM-BloomMaker でリモートワークの報告メールを送信するアプリを作ってみた
    • 13.1.19. IM-BloomMaker サイドメニューの使い方
    • 13.1.20. IM-BloomMaker フォーム部品(Bulma)を使用したバリデーション処理の作成
    • 13.1.21. IM-BloomMaker Bulma タイルの利用方法
    • 13.1.22. IM-BloomMaker Bulma を使用した参照系画面の作成
    • 13.1.23. IM-BloomMaker Modifier の使い方
    • 13.1.24. IM-BloomMaker フォーム部品（Bulma）のグループ化と結合の使い方
    • 13.1.25. IM-BloomMaker フォーム部品（Bulma）のフィールド、水平フィールドの利用方法
    • 13.1.26. IM-BloomMaker 画面操作後に入力規則のチェックが行われるフォームの作成
    • 13.1.27. IM-BloomMaker Bulma で IM-Knowledge のコンテンツ一覧画面を作ってみよう
    • 13.1.28. IM-BloomMaker 画面構成タブでテーブルの行または列を入れ替える方法
    • 13.1.29. IM-BloomMaker 式表現で三項演算子が利用可能になりました。
    • 13.1.30. BloomMakerでワークフローの一括代理設定画面を作成する
    • 13.1.31. BloomMakerでワークフローの添付ファイルを直接編集する画面を作成する
    • 13.1.32. IM-BloomMaker グラフエレメントのツールチップのフォーマットを指定する方法
    • 13.1.33. IM-BloomMaker でページ切り替え時にアニメーションを付加する方法
    • 13.1.34. IM-BloomMaker IE で画面を開くと「Internet Explorer は対応していません。」と表示するアプリケーションの作成方法
    • 13.1.35. IM-BloomMaker リッチテーブルの行の詳細画面を別タブで開く方法
    • 13.1.36. IM-BloomMaker スプレッドシート 特定のセルを編集できないようにするには？
    • 13.1.37. IM-BloomMaker TreeViewの作成方法
    • 13.1.38. IM-BloomMaker ページネーションの利用方法
    • 13.1.39. IM-BloomMaker スプレッドシートのシート全体を DB に保存する
    • 13.1.40. IM-BloomMaker スプレッドシートの入力内容を DB に保存する
    • 13.1.41. IM-BloomMaker と IM-LogicDesigner を組み合わせて、請求書を Excel でダウンロードする方法
    • 13.1.42. BloomMaker 入力規則エラーメッセージエレメントの使い方
    • 13.1.43. BloomMaker 独自の入力チェックでエラーとなった時に入力部品にエラーのハイライトを表示する方法
    • 13.1.44. Adobe Acrobat Sign連携を利用する
    • 13.1.45. IM-BloomMaker 設計書出力機能の使用方法
    • 13.1.46. IM-BloomMaker 「マルチファイルアップロード」エレメントの利用方法
    • 13.1.47. IM-BloomMaker トグルスイッチの使い方
    • 13.1.48. 複数の種類のグラフを組み合わせて表示したり、自由にオプションを指定してグラフを表示したりできるエレメントのサンプル
    • 13.1.49. BloomMaker CSS エディタでコンテナ内だけに CSS を適用する方法
    • 13.1.50. IM-BloomMaker カスタムスクリプトの小数の計算で誤差を出さない方法
    • 13.1.51. IM-BloomMaker 「外部リソース埋め込みコンテナ」エレメントを使用してパブリックストレージ上のファイルを閲覧する画面を作成する方法
    • 13.1.52. IM-BloomMaker Bulmaエレメントに使用するアイコンの探し方
    • 13.1.53. IM-BloomMaker Bulma Theme Colored について
    • 13.1.54. IM-BloomMaker imui の「ボタン」エレメントの背景色を css エディタで適用する方法
    • 13.1.55. IM-BloomMaker 異なるコンテンツ間でアクションをコピーする方法
    • 13.1.56. IM-BloomMaker リッチテーブルのセルにボタンや画像を表示する方法
    • 13.1.57. IM-BloomMaker レイアウトの作り方（縦に並べる編）
    • 13.1.58. IM-BloomMaker レイアウトの作り方（横に並べる編）
    • 13.1.59. IM-BloomMakerでテーブルに行追加・行削除を行う方法
    • 13.1.60. IM-BloomMaker ストレージ上のファイルをダウンロードする方法
    • 13.1.61. IM-BloomMaker 複数のプルダウンを連携させる方法
    • 13.1.62. IM-BloomMaker リッチテーブルのデータ部分を横スクロールさせる方法
    • 13.1.63. IM-BloomMaker 排他制御エレメントの使い方
    • 13.1.64. IM-BloomMaker エレメントを狙った位置に配置する方法
    • 13.1.65. IM-BloomMaker リッチテーブルのセルにアイコンを表示する方法
    • 13.1.66. IM-BloomMaker アイコンのハイパーリンクを作成する方法
    • 13.1.67. IM-BloomMaker セルが結合されたテーブルの作成方法
    • 13.1.68. IM-BloomMaker ボタンに効果音を付ける方法
    • 13.1.69. IM-BloomMaker 時刻入力のisErrorプロパティを利用して最大値・最小値を分かりやすくする方法
    • 13.1.70. IM-BloomMaker Bulma のタブを使用したページ切り替え処理の作り方
    • 13.1.71. IM-BloomMaker 排他制御エレメントでロックを取得したユーザのみが編集できる画面の作成方法
    • 13.1.72. IM-BloomMaker 日付入力の preserveTime プロパティを利用して時刻入力に同一の変数を指定する方法
    • 13.1.73. IM-BloomMaker 複数行明細テーブルのような見た目を実現する方法
    • 13.1.74. IM-BloomMaker 変数セレクタを表示中でも変数を編集できます
    • 13.1.75. 面グラフの作り方とスプレッドシートとのデータ連携のやり方
    • 13.1.76. リッチテーブルの任意の列を非表示にする方法
    • 13.1.77. IM-BloomMaker Chrome 拡張機能のデバッグツールの使い方
    • 13.1.78. IM-BloomMaker 時刻入力に設定した日付・時刻型変数の日付やタイムゾーンはどうなっているの？
    • 13.1.79. IM-BloomMaker 数値入力（フォーマット）の独自のプロパティの紹介
    • 13.1.80. IM-BloomMaker 実行画面のURLの一部を入力値に割り当てる方法
    • 13.1.81. IM-BloomMaker ページのトップに戻るボタンの作り方
    • 13.1.82. IM-BloomMaker で ページアイコン（favicon） を設置する方法
    • 13.1.83. IM-BloomMaker リッチテーブルで大量のデータを扱う時に読み込みを速くする方法
    • 13.1.84. IM-BloomMaker リッチテーブルの特定の行の背景色を変更する方法
    • 13.1.85. 【IM-BloomMaker】レイアウトモードで上下左右キーを使って部品の余白を調整してみる
    • 13.1.86. IM-BloomMaker 変数の代入値が変更された時にアクションを実行するサンプル
    • 13.1.87. IM-BloomMaker 入力規則エラーメッセージをカスタマイズする方法
    • 13.1.88. 【IM-BloomMaker】マークダウンエレメントに任意のデザインを追加する方法
    • 13.1.89. ページ読み込み時にアクションを実行する方法
    • 13.1.90. 配置可能なエレメントを簡単に判断する方法
    • 13.1.91. IM-BloomMaker アクション「エレメントの位置へ遷移する」の使い方
    • 13.1.92. 最初に表示するページを指定する方法
    • 13.1.93. 「ラベル〇にジャンプする」と「ラベル〇」の利用方法
    • 13.1.94. IM-BloomMaker リッチテーブルでセルからはみ出したテキストを三点リーダーで省略して表示する方法
    • 13.1.95. IM-BloomMaker リッチテーブルのセルを編集した時にアクションを実行する方法
    • 13.1.96. IM-BloomMaker 使用可能なコンテンツ種別を制限する方法
    • 13.1.97. IM-BloomMaker マークダウンエレメントの活用事例（投稿欄の作成）
    • 13.1.98. IM-BloomMaker レイアウトモードのエレメントセットに指定可能なアイコンを追加する方法
  • 13.2. 設計書出力のテンプレート
    • 13.2.1. テンプレートファイルの配置場所
    • 13.2.2. テンプレートのシート一覧
    • 13.2.3. セルで使用可能な特殊文字列
    • 13.2.4. COVER シート
    • 13.2.5. SUMMARY シート
    • 13.2.6. CONTAINER シート
    • 13.2.7. CONTAINER_PAGE シート
    • 13.2.8. VARIABLE シート
    • 13.2.9. I18N シート
    • 13.2.10. ACTION シート
    • 13.2.11. ROUTING シート
    • 13.2.12. DIFF シート
  • 13.3. エレメント一覧
    • 13.3.1. 標準部品
    • 13.3.2. imui部品
    • 13.3.3. Bulma部品
    • 13.3.4. imds部品
    • 13.3.5. グラフ部品
    • 13.3.6. バーコード部品
    • 13.3.7. IM-Spreadsheet部品
    • 13.3.8. IM-Copilot
  • 13.4. アクション一覧
    • 13.4.1. 標準部品
    • 13.4.2. 共通マスタ
    • 13.4.3. IM-LogicDesigner
    • 13.4.4. ViewCreator
    • 13.4.5. imui部品
    • 13.4.6. Bulma部品
    • 13.4.7. imds部品
    • 13.4.8. IM-Spreadsheet部品
    • 13.4.9. ワークフロー部品
  • 13.5. 実行条件一覧
    • 13.5.1. 標準
    • 13.5.2. 数値
  • 13.6. コンテンツ種別
    • 13.6.1. imui
    • 13.6.2. Bulma
    • 13.6.3. Bulma Theme Colored
    • 13.6.4. imds
  • 13.7. コンテンツ種別 imds との互換性がないコンテンツ種別 Bulma のエレメント一覧
    • 13.7.1. 削除または置き換わるプロパティ一覧
  • 13.8. カスタムスクリプトで利用可能な API
    • 13.8.1. ＄im.resolve
    • 13.8.2. ＄im.event
    • 13.8.3. Fraction
  • 13.9. マークダウンエレメントで使用可能な記法一覧
    • 13.9.1. 見出し
    • 13.9.2. 強調
    • 13.9.3. 斜体
    • 13.9.4. 強調と斜体の組み合わせ
    • 13.9.5. 打ち消し線
    • 13.9.6. 順序なしリスト ul
    • 13.9.7. 順序ありリスト ol
    • 13.9.8. 水平線
    • 13.9.9. 引用
    • 13.9.10. コード
    • 13.9.11. コードブロック
    • 13.9.12. リンク
    • 13.9.13. リンクの装飾
    • 13.9.14. 画像
    • 13.9.15. テーブル
    • 13.9.16. タスクリスト
    • 13.9.17. YouTube 動画
    • 13.9.18. HTML のサポート
    • 13.9.19. マークダウン記法のエスケープ