UI部品 基本編
Forguncyの製品サイトで公開されているリストビュー概要資料では、一覧表示を中心とした画面設計の考え方や主要な機能が整理されています。
本記事では、その概要資料でご紹介している内容をより具体的に理解できるよう、ドリル記事をまとめました。
概要の理解から実装イメージの確認まで、段階的に学習いただけます。
1.データを絞り込んで表示
URL：https://learning.forguncy.com/entry/stepup_listview1/
条件を指定してデータを抽出し、一覧形式で分かりやすく表示する方法を解説しています。
ページ表示時やボタン操作など、処理を実行するタイミングごとの違いを学べます。
2. 数式・集計フィールドで、テーブルにない値を表示する
URL：https://learning.forguncy.com/entry/stepup_listview2/
テーブルに存在しない値を、計算式や集計用フィールドを使って画面上に表示する方法を解説しています。
値の算出処理の考え方や、サーバー側で集計する仕組みのポイントを学べます。
3. リストビュー間に親子関係を設定する
URL：https://learning.forguncy.com/entry/stepup_listview3/
2つのテーブルを連動させ、上位側で選択したデータに応じて下位側の表示内容を切り替える方法を解説しています。
部署と社員のような関連するデータを分かりやすく表示する画面構成を学べます。
4. セルに特定のレコードの値を表示できる詳細画面を作る
URL：https://learning.forguncy.com/entry/stepup_listview4/
一覧表で選択したデータをもとに、詳細情報を表示する単票画面の作成方法を解説しています。
選択中のデータを切り替える仕組みや、画面をすっきり見せる構成の考え方を学べます。
5. ページを移動してデータを編集する
URL：https://learning.forguncy.com/entry/stepup_listview5/
一覧画面で選択したデータをもとに、別の画面へ遷移して内容を編集する方法を解説しています。
画面間でデータを引き継ぎ、更新後に元の画面へ戻る一連の流れを学べます。
6. テーブルデータを更新する2つの方法
URL：https://learning.forguncy.com/entry/stepup_listview6/
画面上で入力・編集した内容を、どのタイミングでデータベースへ反映するかを2通りの考え方で解説しています。
行の移動時に自動反映する方法と、ボタン操作でまとめて反映する方法を学べます。
7. 複数テーブルの整合性を維持したデータ更新の方法
URL：https://learning.forguncy.com/entry/stepup_listview7/
画面上で扱っているデータとは別の関連テーブルも含め、整合性を保ちながら更新する方法を解説しています。
トランザクションを用いて、複数の更新処理を安全にまとめて実行する考え方を学べます。
8. データの読み込みを任意のタイミングにする
URL：https://learning.forguncy.com/entry/stepup_listview8/
初期表示時に読み込む件数を制御し、画面表示を高速化する考え方を解説しています。
ユーザー操作に応じて追加データを読み込む仕組みを実装する方法を学べます。
9. ページ表示を早めるコツ
URL：https://learning.forguncy.com/entry/stepup_listview9/
画面表示が遅くなる原因を整理し、設計や設定の見直しによって改善する考え方を解説しています。
不要な要素の削減や事前条件の工夫により、快適な操作感を実現するポイントを学べます。
10. リストビューのTips
URL：https://learning.forguncy.com/entry/stepup_listview10/
一覧形式の画面をより使いやすくするための設定や工夫をまとめて解説しています。
編集操作、表示件数の調整、並び替えなど、実務で役立つ小技を体系的に学べます。
