画面作成機能の使い分け

ベースマキナには「アクションを実行する」、「アクションの実行結果を表示する」ための画面を作成する機能が用途別に複数あります。このページでは、それぞれの機能の特徴と使い分けについて説明します。

生成AIを使用した「作りたい画面がどの機能で作れるか」の確認も可能です。詳細は以下のドキュメントをご参照ください。

※生成AIの回答内容の正確性は保証いたしかねます。あらかじめご了承ください。

画面を作成する3つの方法

ベースマキナで画面を作成する方法は、主に以下の3つがあります。

直感的な操作で画面（ビュー）を作成できる機能です。基本的にはノーコードで設定でき、さらにJavaScriptを使用した高度な設定も可能です。

ReactとJavaScriptを使って完全にカスタマイズされた画面を作成できる機能です。コードを書く必要はありますが、組み込みの関数やコンポーネントが用意されているためフルスクラッチの開発よりも簡単に画面を作成できます。

アクション実行画面で実行結果を加工して画面を作成できる機能です。 JavaScriptを使用して、実行結果を加工、別の画面へのリンクを表示などが可能です。またアクションのパラメーターを使用したサーバーサイドのページネーションも設定できます。

基本的に最も作成が簡単なビューのビジュアルエディターを推奨しています。

その上で、ビジュアルエディターでは対応できない画面の場合は「アクション実行画面の結果の加工」、それら2つの機能でも対応できない場合にビューのコードエディターを使用するのがおすすめです。

以下では典型的な管理画面ごとに3つの方法の使い分けについて説明します。

まずは以下のような一覧データをテーブルで表示する一覧画面・検索画面についてです。

以下の機能を持つ画面は、ビジュアルエディターで最も簡単に作成できます。

以下の機能が必要な画面はビジュアルエディターでは作成できないため「アクション実行画面の結果の加工」を使用してください。 ※ビューのコードエディターでも作成できますがコードを書いて設定する必要があるため、「アクション実行画面の結果の加工」の使用を推奨しています。

上記以外の機能を持つ画面は、ビューのコードエディターでのみ作成できます。

など。

次に以下のような詳細データを1件表示する詳細画面についてです。

以下の機能を持つ画面は、ビジュアルエディターで最も簡単に作成できます。

上記以外の機能を持つ画面は、ビューのコードエディターでのみ作成できます。

など。

最後に以下のようなデータを入力するフォームを表示する作成画面・更新画面についてです。

以下の機能を持つ画面は、ビジュアルエディターで最も簡単に作成できます。

上記以外の機能を持つ画面は、ビューのコードエディターでのみ作成できます。

など。