0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【ローコードのSKE】1000項目のプロトタイプを作る

Last updated at Posted at 2025-03-25

背景

お客様から500の項目を含む画面を作りたいという要望がありました。しかしSKEでそのように大量の項目を含んだ画面を作成しても性能に問題は無いでしょうか?そこで2倍の1000項目の画面を作って測ってみましょう。テスト用データベースはPostgreSQLです。

DDLを準備する

Excelのずらす機能を活用して大量の項目を一括作成します。
image.png
全選択して、サクラエディターに貼り付けて、タブキーを置換で削除するようにします。
image.png
後、SQLの開始終了を追記します。
image.png
pgAdminで実行して、テーブルを作成します。
image.png

リポジトリ定義作成

adminでログインして、管理者メニューのリポジトリ定義をクリックします。
image.png

リポジトリ定義一覧画面を開きます。新規ボタンを押して、リポジトリ新規画面にIDと名称を登録します。
image.png

共通設定

保存後、リポジトリ定義画面に遷移します。初期表示として共通設定タブが表示されています。まずさきほど作成したテスト用テーブルの名称を登録します。
image.png
ExcelのD列をコピーして、項目一覧に貼り付けます。また、項目1を主キーとして設定します。
image.png

一覧画面

一覧画面タブにて、基本情報に名称を登録します。
image.png

結果エリアに5つの検索結果列を追加します。また、列1の初期ソート順を設定します。
image.png

フッターに入力画面に遷移するように設定します。
image.png

入力画面

入力画面タブにて、基本情報に画面名と基本情報に並び方向を上下優先に設定します。(入力エリアの)高さ550を設定します。
image.png

ヘッダーに画面名を登録します。
image.png
入力エリアに、タイトルとSQLSelectに1000項目の項目名を登録します。Excelの貼り付けてよいです。
image.png
保存後、自動的に必要な項目を補います。
image.png

メニュー定義作成

管理者メニューのメニュー定義をクリックします。
image.png
メニュー一覧画面に千項目テスト用メニューを作成します。
image.png

リンク先の記載は、FIELDS1000のリポジトリ定義の一覧画面の意味です。

listPage.jsp?defId=FIELDS1000

ロール定義の登録

管理者メニューのロール定義をクリックします。
image.png
adminのロールを選択して、編集します。
image.png
メニュータブに、千項目テストのメニューを閲覧可に追加します。
image.png
メイン画面に、千項目テストの一覧画面と入力画面を閲覧可に追加します。
image.png
最後保存ボタンを押します。

動作確認

管理者メニューではなく、 メインメニュー画面を更新して、千項目テストのメニューがみえることを確認します。
image.png
それをクリックして、一覧画面が表示されます。
image.png
新規ボタンを押して、千項目の入力画面が表示されます。
image.png
項目のサイズ制限をまだ設定していないので、適切に入力したり保存したりCRUDを確認できます。

感想

サクサク動いています。性能は大丈夫です。

0
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?