機能紹介ページ
紹介ページ
概要
モバロケの基本機能とオプション機能の紹介ページへのリンクを一覧表示する画面。各機能の説明文とボタンを並べ、クリックすると外部の紹介ページを別ウィンドウで開く。未閲覧の項目にはバッジ（赤丸）が表示され、閲覧済みにするとバッジが消える。オプション機能はトライアル申し込みも可能。
アクセス権限：全ユーザー。サイドバー「紹介ページ」から遷移。sysadmin はトライアル操作・未読バッジが無効。
URL
ホーム画面（/home）上に右 Drawer として表示される。独立したURLは持たない。
画面構成
左右2カラム構成（PC表示時）。左カラムに「基本機能紹介」、右カラムに「オプション機能紹介」を表示する。各カラムの先頭にセクションタイトルとアイコンを表示。
基本機能紹介
基本機能として登録された各機能を1件1カードで一覧表示する。
カードの構成
| 要素 | 内容 |
|---|---|
| 機能名 | 機能の名称（太字） |
| 説明文 | 機能の概要テキスト（HTML直接挿入） |
| 「使い方を見る」ボタン | 外部紹介ページを別ウィンドウ（幅1600×高さ1200）で開く |
未読バッジ
- 「使い方を見る」ボタンの右上に赤丸バッジを表示（未閲覧の場合）
- ボタンクリック時に閲覧済みとしてDBに記録し、バッジを消去する
オプション機能紹介
トライアル対象のオプション機能を1件1カードで一覧表示する。
カードの構成
| 要素 | 内容 |
|---|---|
| 機能名 | オプション機能名（太字） |
| 説明文 | 機能の概要テキスト（HTML直接挿入） |
| トライアルボタン | トライアル状態に応じて表示が変わる（後述） |
| 「紹介ページを開く」ボタン | 外部紹介ページを別ウィンドウで開く |
トライアルボタンの状態
| 状態 | ボタンラベル | スタイル | 操作 |
|---|---|---|---|
| 未申し込み | 「トライアル申し込み」 | 緑・操作可 | クリックで確認ダイアログを表示 |
| トライアル中 | 「トライアル中（YYYY/MM/DDまで）」 | 緑枠・操作不可 | クリック不可 |
| トライアル終了 | 「トライアル終了（YYYY/MM/DD）」 | グレー枠・操作不可 | クリック不可 |
| ボタンなし | — | — | 契約済みの場合はトライアルボタン自体を非表示 |
未読バッジ
- 「紹介ページを開く」ボタンの右上に赤丸バッジを表示（未閲覧の場合）
- ボタンクリック時に閲覧済みとしてDBに記録し、バッジを消去する
トライアル申し込み確認ダイアログ
| 要素 | 内容 |
|---|---|
| タイトル | 「トライアル開始確認」 |
| メッセージ | 「{機能名} のトライアルを開始します。よろしいですか？」 |
| キャンセルボタン | ダイアログを閉じる |
| 開始ボタン | トライアルを申し込み、成功時は「トライアルを開始しました」アラートを表示して画面を最新状態に更新 |
申し込み失敗時は「トライアルの申し込みに失敗しました」アラートを表示。
サイドバーバッジ
サイドバーの「紹介ページ」メニュー項目に、未閲覧の基本機能またはオプション機能がある場合は赤丸バッジを表示する。すべて閲覧済みになるとバッジが消える。sysadmin はバッジ表示なし。
基本機能紹介ポップアップ
紹介ページとは別に、ホーム画面の右下に基本機能の紹介画像カードがポップアップ表示される。
| 要素 | 内容 |
|---|---|
| 表示位置 | 画面右下（固定） |
| サイズ | 最大幅 320px |
| 枠線 | 緑色 4px |
| 閉じるボタン | 右上の × ボタン |
| 表示時間 | 10秒後にフェードアウト（1秒）して自動で閉じる |
| 画像クリック | 外部紹介ページを別ウィンドウで開き、閲覧済みとして記録してカードを閉じる |