JetEngineのUser PageとAccount Pageは、どちらもユーザーがフロントエンドで情報を確認・管理できるページを構築するための機能ですが、役割や用途が異なります。それぞれの違いを以下に整理しました。
目次
1. 概要と役割の違い
| 機能 | User Page | Account Page |
|---|---|---|
| 概要 | ユーザーごとに個別の情報や操作機能を提供する特定のサブページ。 | ログインしたユーザーがアクセスするダッシュボード全体のメインページ。 |
| 役割 | 特定の目的（プロフィール編集、購入履歴、投稿管理など）のための専用ページを構築。 | ユーザーがログイン後にまずアクセスする中心的な管理画面やナビゲーションの起点となるページを構築。 |
2. 主な用途の違い
User Page
- カスタマイズ性が高いページ
特定の情報や操作を個別ページとして提供。例えば:- プロフィール編集ページ
- 注文履歴の表示ページ
- カスタム投稿の管理画面
- お問い合わせ履歴
- 分かりやすいサブページ構成
User Pageは複数作成でき、ナビゲーションメニューの一部として整理される。 - ユーザーロールや条件付き表示に特化
各ページは条件ロジックを使用して、特定のユーザーや状況でのみ表示することが可能。
Account Page
- 全体のダッシュボードとして機能
ユーザーがログイン後に最初にアクセスする「ホーム」となるページ。- 他のUser Pageへのリンクをまとめて表示。
- ユーザー固有のデータ（名前、メールアドレスなど）を簡易表示。
- 統合ナビゲーションのハブ
Account Pageは、User Pageへのアクセスをまとめて管理するナビゲーションエリアを提供する中心的な役割を果たす。 - 基本構造の提供
主にダッシュボードとして機能し、基本的な情報や操作を一括管理。
3. 実装と構成の違い
| 機能 | User Page | Account Page |
|---|---|---|
| 作成方法 | JetEngine → User Profile Builder → User Page で個別にページを作成。 | JetEngine → User Profile Builder → Account Pageで設定。 |
| リンク関係 | 他のUser Pageやカスタムフォームなどを動的に結びつけられる。 | User Pageのメニューリンクや主要機能を統合。 |
| カスタマイズの幅 | ページごとに詳細な条件を設定し、特定のユーザーや役割に特化したページを提供できる。 | ダッシュボード全体の外観や操作性をカスタマイズ可能。 |
4. 利用シナリオの違い
User Page
- 例:
- 「プロフィール編集」：フォームを利用して名前やメールアドレスを編集。
- 「購入履歴」：動的クエリを使い、注文履歴を一覧表示。
- 「投稿管理」：ユーザーが自分の投稿を確認・編集。
- 「特別会員用ページ」：特定のユーザーにだけ表示される限定ページ。
Account Page
- 例:
- ユーザーがログイン後に最初に訪れるダッシュボード。
- 「こんにちは、[ユーザー名]さん」のような挨拶や概要情報の表示。
- User Pageへのリンク（例: プロフィール、注文履歴、設定）のナビゲーションを配置。
5. まとめ
使い分けのポイント
- User Page: 特定の機能や情報を提供する「専用のサブページ」を作成。
- Account Page: ユーザーが全体的な操作を行うための「ダッシュボードの起点」となるページ。
実装の推奨構成
- Account Pageを中心に設計
- ナビゲーションを含むダッシュボードのメインページとして設定。
- User Pageを追加
- 特定の操作や情報表示に特化したページを作成し、Account Pageからリンクでアクセス可能にする。
この構造により、ユーザーにとって使いやすく、管理しやすいインターフェイスを提供できます。
