はじめてのIM-BloomMaker

この記事では、intra-martのローコード開発ツールであるIM-BloomMakerについて紹介します。

IM-BloomMakerは、Webブラウザ上で画面部品をドラッグ&ドロップで配置し、画面のデザインや動作を設定できるツールです。まずは、IM-BloomMakerでできることや、アプリケーション画面を作成する基本的な流れについて理解を深めていきましょう。

IM-BloomMakerの主な特徴

IM-BloomMakerは、画面部品の配置やデザイン、画面操作に応じた処理などを設定して、アプリケーション画面を作成するためのツールです。一つの画面上で、画面コンテンツに必要な要素をまとめて設定・編集できます。

IM-BloomMakerの主な特徴を紹介します。

直感的な操作で画面デザインが作成できる

IM-BloomMakerでは、エレメントと呼ばれる画面部品をドラッグ＆ドロップで配置して、アプリケーション画面を作成できます。テキストボックスやラジオボタンなどの基本的な部品に加えて、グラフや画像など、用途に応じたエレメントも用意されています。また、各エレメントの余白・幅・文字サイズなどを設定したり、CSSを利用してデザインを調整したりできます。

ユーザの画面操作に連動したアクションが設定できる

IM-BloomMakerでは、ユーザの操作に応じて実行する処理を「アクション」として設定できます。たとえば、ボタンをクリックしたときにダイアログを表示したり、入力した値を変数に設定したりするなど、画面上の操作に応じた動作を設定できます。また、画面からIM-LogicDesignerで作成したロジックを呼び出すなど、他の機能と連携することもできます。

さまざまなツールや機能と連携できる

IM-BloomMakerでは、intra-martのさまざまなツールや機能と連携できます。たとえば、IM-LogicDesignerで作成したビジネスロジックを呼び出して、データの登録や取得などの処理を実行できます。さらに、作成した画面にルーティング（URL）を設定し、認可設定で利用できるユーザを制限することで、他のアプリケーション画面からアクセスすることも可能です。このように、画面の作成だけでなく、他の機能と組み合わせることで、業務に必要なアプリケーション画面を作成できます。

画面作成から公開までの流れ

IM-BloomMakerを利用した画面の作成方法は、さまざまな方法があります。ここでは、まず基本的な画面作成の流れを紹介します。

Step. 1　アプリケーション画面の管理情報を作成する

まず、画面名やIDなど、アプリケーション画面を管理するための基本情報を設定します。

Step. 2　アプリケーション画面をデザインする

デザイナで画面部品を配置し、プロパティから余白や幅などといった画面のデザインを調整します。

Step. 3　画面で利用する値を設定する

画面で利用する変数・定数・多言語変数などを設定します。

Step. 4　アクションを設定する

画面上の操作に応じた動作をアクションとして設定します。

Step. 5　アプリケーション画面へのアクセス方法を設定する

作成したアプリケーション画面にアクセスできるように、ルーティング（URL）などを設定します。設定したURLを利用することで、Webブラウザから作成した画面にアクセスできます。

アプリケーション画面の作成例

画面作成の基本的な流れを確認したら、実際にアプリケーションを作成してみましょう。チュートリアルでは、簡単な入力画面の作成から、IM-LogicDesignerやIM-Repositoryと連携した画面の作成まで、実際に画面を作成しながら基本的な操作を確認できます。

画面デザインの再利用（テンプレート化）

IM-BloomMakerでは、作成したアプリケーション画面や画面の一部を再利用できます。画面全体をテンプレートとして登録したり、画面の一部をエレメントセットとして登録したりするすることで、別のアプリケーション画面でも同じデザインや構成を利用できます。画面を再利用することで、同じような画面を作成する際の作業を効率化できます。

まとめ

IM-BloomMakerでは、画面部品の配置やデザイン、ユーザの操作に応じたアクションなどを設定して、アプリケーション画面を作成できます。また、IM-LogicDesignerなどの他の機能と組み合わせることで、データの登録や取得など、業務に必要な処理を行う画面も作成できます。まずは、簡単な画面を作成しながら、IM-BloomMakerの基本的な操作を確認してみましょう。

intra-martでは、IM-BloomMakerや各ローコード開発ツールを使ったアプリケーションの開発に役立つコンテンツなどを豊富にご用意しています。intra-martの機能を最大限に発揮させるためにも、ぜひご活用ください。