Mail Dashboard

Vue 3 + Vite のメールテンプレート生成ツール。

Getting Started

Prerequisites

• Node.js (v18+)
• npm

Setup

npm install
npm run dev

ブラウザで http://localhost:5173/ を開く。

Build for Production

npm run build

Project Structure

• src/views/MainPage.vue — メイン画面（タブ切り替え）
• src/components/TemplateGenerator.vue — パラメータからメール生成
• src/components/TemplatePartsEditor.vue — テンプレート部品の編集（localStorage に保存）
• src/components/SettingsPanel.vue — 担当者情報の設定
• src/components/PartSectionEditor.vue — セクション単位の編集UI
• src/components/NavBar.vue, TitleBar.vue — ヘッダー
• public/api/template-parts.json — 初回フォールバック用の空スキーマ

データ管理

• テンプレート部品 (template-parts) と担当者設定 (mail-dashboard-settings) は ブラウザの localStorage に保存される
• Settings 画面から Export/Import で JSON ファイルとしてバックアップ・共有可能
• リポジトリには PII を含まない（公開可能）

Placeholders

テンプレート内で使用できるプレースホルダー:

• {staffName}, {staffLastName}, {staffNameKana} — 担当者名
• {customerName} — 顧客名
• {srNumber} — お問い合わせ番号
• {title} — タイトル
• {nextDate}, {dayOfWeek} — 次回連絡日
• {optionalDate}, {optionalDayOfWeek} — 追加日付1
• {optionalDate2}, {optionalDayOfWeek2} — 追加日付2