コーディング自動化基盤

作業概要¶

管理者・マーケター向け管理画面の詳細仕様を策定し、静的HTMLモックアップを作成します。

作業内容¶

1. 管理画面仕様策定¶

• ダッシュボード画面仕様
• 顧客管理画面仕様
• メッセージ配信管理画面仕様
• アンケート管理画面仕様
• シナリオ管理画面仕様
• AI機能管理画面仕様
• 分析・レポート画面仕様
• システム設定画面仕様

2. HTML/CSSモックアップ作成¶

• TailwindCSS + LINE Design System使用
• 管理画面向けダッシュボードレイアウト
• データテーブル（ソート・フィルタ機能）
• チャート・グラフ表示
• フォーム入力画面
• モーダル・サイドパネル

3. ビジュアルエディタのモックアップ¶

• シナリオエディタ（フローチャート式）
• ドラッグ&ドロップ対応
• メッセージテンプレートエディタ
• WYSIWYG対応

4. 権限管理対応¶

• ロール別画面表示制御
• 機能制限表示
• アクセス権限マトリックス

対象画面群¶

認証・ダッシュボード¶

• ログイン画面
• 2FA認証画面
• メインダッシュボード
• 分析ダッシュボード

顧客管理¶

• 顧客一覧画面
• 顧客詳細画面
• 顧客編集画面
• セグメント管理画面
• インポート/エクスポート画面

メッセージ配信¶

• テンプレート一覧画面
• テンプレート編集画面
• 配信設定画面
• 配信履歴画面
• 配信分析画面

アンケート管理¶

• アンケート一覧画面
• アンケート編集画面
• アンケートプレビュー画面
• 結果集計画面
• 回答詳細画面

シナリオ管理¶

• シナリオ一覧画面
• シナリオエディタ画面（ビジュアル）
• トリガー設定画面
• シナリオ分析画面

AI機能¶

• AI設定画面
• シナリオ生成画面
• コンテンツ最適化画面

システム管理¶

• ユーザー管理画面
• システム設定画面
• API設定画面
• 通知設定画面

技術要件¶

• HTML5 + CSS3
• TailwindCSS 3.x
• LINE Design System準拠
• Chart.js（グラフ表示）
• 管理画面向けコンポーネントライブラリ

成果物¶

• 管理画面HTML/CSSモックアップファイル群
• 画面仕様書（管理画面版）
• 管理画面コンポーネントライブラリ
• 権限管理仕様書
• ビジュアルエディタ仕様書

完了条件¶

• 全管理画面のモックアップ完成
• 管理者・マーケターレビュー完了
• 権限管理動作確認完了

作業期間¶

開始日: ユーザー画面モックアップ完了後
期間: 3週間

前提条件¶

• 管理画面UI/UX設計承認済み
• ユーザー画面モックアップ完成
• 権限管理要件確定

備考¶

• 大量データ表示のパフォーマンス考慮
• 管理画面特有のUXパターン適用
• セキュリティ考慮事項の反映