---
アプリ名: タスケット (Tasket)
概要: 友達と2人で使える「いっしょにすることリスト」PWA
キャッチフレーズ: 「タスクをタスケットに入れるね」

基本情報:
  ユーザー数: 2人（友達との共有用）
  プラットフォーム: PWA（Progressive Web App）
  デプロイ: サーバー駆動型
  料金体系: 無料

UI設計:
  レイアウト:
    PC版:
      - 「まずすること」と「予定すること」を左右に並べて表示
      - 入力欄は画面下部に固定表示
      - 完了タスク消去ボタンは右上に表示
    スマホ版:
      - 「まずすること」と「予定すること」を左右スワイプで切り替え
      - 画面下部に追加ボタン（+）を配置
      - 完了タスク消去ボタンは右上に表示

  色分け:
    - まずすること: オレンジ系
    - 予定すること: 緑系
    - 重要タスク: 太字表示

タスク分類システム:
  緊急度（左右分類）:
    - まずすること（緊急）: 左側・オレンジ枠内に表示
    - 予定すること（非緊急）: 右側・緑枠内に表示
  
  重要度（マーク表示）:
    - 重要: 星マーク（★）付きで表示、常に上部に配置
    - 非重要: 星マークなし

  タスク状態:
    - 通常: そのまま表示
    - 完了: 取り消し線と色の薄い表示、常に下部に配置

タスク表示:
  マーカー:
    - まずすること: 四角マーク（■）
    - 予定すること: 三角マーク（▶）
    - 重要タスク: 星マーク（★）
    - 完了タスク: チェックボックスにチェック、取り消し線表示

  表示順優先度:
    - 第1優先: 完了状態（未完了が上、完了が下）
    - 第2優先: 重要度（重要が上、非重要が下）
    - 第3優先: 追加日時（新しいものが上）

入力方法:
  PC版:
    テキスト入力:
      - 複数タスクを一括入力可能（改行区切り）
      - 行頭コマンド:
        - "*": 重要タスク
        - ">": 非緊急タスク（予定すること）
        - "-": 完了状態のタスク
      例:
        - "* 重要なまずすること" → 重要な緊急タスク
        - "> 経費精算フォームを作る" → 通常の非緊急タスク
        - "入金のチェック" → 通常の緊急タスク
        - "- 完了したタスク" → 完了状態のタスク

  操作系:
    - チェックボックスクリック: タスク完了/未完了の切り替え
    - 右クリック（PC）/長押し（スマホ）: コンテキストメニュー表示

コンテキストメニュー機能:
  表示方法:
    - PC版: タスク項目の右クリック
    - スマホ版: タスク項目の長押し（約0.8秒）
  
  メニュー項目:
    - タスク名を編集: テキスト編集ダイアログ表示
    - 重要タスク: オン/オフ切り替え
    - 緊急タスク（まずすること）: オン/オフ切り替え
    - 完了: オン/オフ切り替え
    - 追加日: 表示のみ
    - 削除: 確認ダイアログ表示後に削除

同期機能:
  リアルタイム同期:
    - 2ユーザー間でのタスクリアルタイム同期
    - 同時編集対応
    - サーバーでのデータ保存
    - オフライン使用時のキャッシュ（PWA機能）
    - オンライン復帰時の自動同期

通知機能:
  プッシュ通知:
    - Web Push API利用
    - 通知タイプ:
      - 相手がタスクを追加したとき
      - 相手がタスクを完了したとき
    - 通知内容:
      - タスク名
      - 実行者名
    - 設定機能:
      - 通知オン/オフの切り替え

データモデル:
  タスク:
    - id: 一意識別子
    - title: タスク名
    - isUrgent: 緊急フラグ（まずすること/予定すること）
    - isImportant: 重要フラグ（★あり/なし）
    - isCompleted: 完了フラグ
    - createdAt: 作成日時
    - createdBy: 作成者ID
    - updatedAt: 更新日時
    - updatedBy: 更新者ID

技術要件:
  バックエンド:
    - サーバー: 軽量Webサーバー
    - データベース: リアルタイム対応NoSQL
    - APIエンドポイント: タスク追加/編集/削除/取得

  フロントエンド:
    - HTML/CSS/JavaScript
    - PWA対応:
      - サービスワーカー
      - マニフェストファイル
      - キャッシュ対応
    - レスポンシブデザイン:
      - PC版とスマホ版の自動切り替え
      - スマホ版スワイプ対応

開発ガイドライン:
  デザイン原則:
    - シンプルで直感的なUI
    - 視覚的に明確な区分（色分け、マーカー）
    - 極力多くのタスクを一度に表示
    - モバイルファーストの設計

  入力効率:
    - 短い時間で複数タスクを入力可能
    - 2分以内でできるような小さなタスクは入力不要