単一のHTMLファイルでカスタムパーソナルダッシュボードを構築する

個人用ダッシュボードを、HTML、CSS、JavaScriptを使って単一のHTMLファイルで完全に機能する形で構築してください。 機能概要 タスク、カレンダー、メモ、主要指標など、あなたにとって重要なすべてを1つの美しいページで確認できる個人用ダッシュボードです。1日のコマンドセンターとしてお使いください。 主要機能 1. ダッシュボード概要（メインビュー） - 今日のタスク、今後の予定、最近のメモをひと目で確認できるクリーンなビュー - 時間帯に応じて変化する挨拶（おはようございます / こんにちは / こんばんは） - タスク、予定、メモのクイック追加ボタン - ドラッグで並べ替え可能なウィジェットスタイルのレイアウト 2. タスクウィジェット - 今日のタスクをチェックボックス付きで表示し、完了をマーク可能 - タスクを「今日」「今週」「それ以降」にグループ化 - タイトル、期限日、優先度（高/中/低）を指定して新しいタスクを追加 - タスクの編集または削除 - 期限切れタスクの視覚的表示 3. カレンダーウィジェット - 現在の月を表示するミニカレンダー - 予定やタスクがある日付をハイライト表示 - 日付をクリックして予定を確認 - タイトル、時間、カテゴリ（仕事、プライベート、誕生日、会議）を指定して予定を追加 - カレンダーの下に今後の予定リストを表示 4. メモウィジェット - アイデアや考えをすばやく記録 - タイムスタンプ付きの最近のメモ（最新5件）を表示 - メモをクリックして表示または編集 - 過去のメモを検索する検索バー - リッチテキスト編集：太字、斜体、箇条書き 5. 指標ウィジェット - 関心のある主要な数値を3〜5つ表示（例：今日完了したタスク数、期限までの日数、メモの総数） - カスタマイズ可能で、表示する指標をユーザーが選択可能 - シンプルなプログレスバーまたはカウンターで表示 6. カスタマイズ - ライトモード / ダークモードの切り替え - カラーピッカーからプライマリカラーとアクセントカラーを選択 - 使用しないウィジェットの表示/非表示 - ドラッグ＆ドロップでウィジェットを並べ替え 7. データ永続化 - すべてのデータをlocalStorageに保存 - ブラウザセッションをまたいでデータを保持 - データをJSONバックアップとしてエクスポート - JSONファイルからデータをインポート レイアウト - 左サイドバー：ナビゲーション（ダッシュボード、タスク、カレンダー、メモ、設定）をアイコン付きで表示 - メインエリア：ウィジェットを表示するダッシュボードビュー - トップバー：アプリ名、時刻、日付、プロフィールアイコン、ダーク/ライト切り替え 技術要件 - 埋め込みCSSとJavaScriptを含む単一のHTMLファイル - レスポンシブ：デスクトップとタブレットで動作 - スムーズなアニメーションとトランジション - クリーンでモダン、ミニマルな美観 - 外部依存なし（バニラJSを使用） 毎朝開きたくなるような、洗練された機能的なダッシュボードを構築してください。