リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: エンディングノート LastLetter
セクション別「書き忘れチェックリスト」ポップアップの追加
## 1. 目的
エンディングノートを初めて書くユーザーが「何を書けばよいか分からない」「書き忘れがないか不安」という心理的ハードルを下げるため、各セクションに「よくある記載漏れ項目チェックリスト」をポップアップで提示する。入力補助の文例プレースホルダーと異なり、ユーザー自身が「書いた/まだ」をチェックしながら網羅性を確認できる点が差別化になる。
## 2. 具体的な仕様
### 2-1. UI配置
- 各セクションの見出し右横に「📋 チェックリスト」ボタン(小さめのテキストボタンまたはアイコン付きボタン)を追加する。
- ボタンをクリックすると、画面中央にモーダルポップアップが表示される。
- モーダルはオーバーレイ(背景暗転)付きで、右上の「×」ボタンまたはオーバーレイクリックで閉じる。
### 2-2. チェックリスト内容(セクション別・静的データ)
各セクションにつき5〜8項目程度の確認事項を定義する。例:
- **プロフィール**: 生年月日・出身地・学歴・職歴・趣味・好きな食べ物・嫌いなこと・座右の銘
- **大切な人へのメッセージ**: 家族全員へのひとこと・感謝を伝えたい人・謝りたい人・友人知人へのメッセージ
- **財産メモ**: 預貯金口座・不動産・有価証券・生命保険・借入・ネット口座・貴金属や美術品
- **医療や介護の希望**: 延命治療の意思・臓器提供の意思・介護場所の希望・かかりつけ医・アレルギー・服用中薬
- **葬儀やお墓の希望**: 葬儀の規模・宗教・希望の形式(火葬/散骨等)・喪主候補・お墓の場所・連絡してほしい人リスト
- **ペットや家財の行き先**: ペットの引き取り先・形見分けしたいもの・処分してよいもの・デジタルデータの扱い
### 2-3. チェック状態の保存
- 各チェックボックスのon/off状態をLocalStorageに保存する(キー例: `ll_checklist_section1` など)。
- アプリ起動時に自動復元し、チェック済み項目はチェック状態で表示する。
- チェック状態は既存のJSONエクスポート/インポートデータに `checklist` キーとして追記し、バックアップ対象に含める(既存のエクスポートキーが存在しない場合も壊れないようにフォールバック処理を入れる)。
### 2-4. 進捗バーとの連携(任意・軽量実装)
- チェックリストでの「全項目チェック済み」状態をセクション進捗の補助表示として、チェックリストボタン横に「✅ 確認済み」バッジを表示するのみにとどめ、既存の進捗バー計算ロジックには手を加えない。
### 2-5. モーダルHTML/CSS/JS
- モーダルは純粋なHTML+CSS(flexbox)+Vanilla JSで実装し、外部ライブラリ不要。
- スマホでは画面下部からスライドアップするスタイル(CSSでposition:fixed + transform切り替え)とし、タップ操作しやすい44px以上のチェックボックス行高を確保する。
- PCでは画面中央に最大幅480pxで表示。
## 3. 既存機能との整合
- 既存の入力フォーム・自動保存・印刷CSS・JSONエクスポート・封筒アニメーション・FAQアコーディオンには一切手を加えない。
- LocalStorageのキーを新規追加するだけなので、既存データが上書き・消失するリスクはない。
- 印刷時はチェックリストモーダルとボタンを `@media print { display: none }` で非表示にし、印刷レイアウトを汚さない。
- JSONインポート時に `checklist` キーが存在しない古い形式でも例外なく動作するよう `|| {}` フォールバックを実装する。
エンディングノートを初めて書くユーザーが「何を書けばよいか分からない」「書き忘れがないか不安」という心理的ハードルを下げるため、各セクションに「よくある記載漏れ項目チェックリスト」をポップアップで提示する。入力補助の文例プレースホルダーと異なり、ユーザー自身が「書いた/まだ」をチェックしながら網羅性を確認できる点が差別化になる。
## 2. 具体的な仕様
### 2-1. UI配置
- 各セクションの見出し右横に「📋 チェックリスト」ボタン(小さめのテキストボタンまたはアイコン付きボタン)を追加する。
- ボタンをクリックすると、画面中央にモーダルポップアップが表示される。
- モーダルはオーバーレイ(背景暗転)付きで、右上の「×」ボタンまたはオーバーレイクリックで閉じる。
### 2-2. チェックリスト内容(セクション別・静的データ)
各セクションにつき5〜8項目程度の確認事項を定義する。例:
- **プロフィール**: 生年月日・出身地・学歴・職歴・趣味・好きな食べ物・嫌いなこと・座右の銘
- **大切な人へのメッセージ**: 家族全員へのひとこと・感謝を伝えたい人・謝りたい人・友人知人へのメッセージ
- **財産メモ**: 預貯金口座・不動産・有価証券・生命保険・借入・ネット口座・貴金属や美術品
- **医療や介護の希望**: 延命治療の意思・臓器提供の意思・介護場所の希望・かかりつけ医・アレルギー・服用中薬
- **葬儀やお墓の希望**: 葬儀の規模・宗教・希望の形式(火葬/散骨等)・喪主候補・お墓の場所・連絡してほしい人リスト
- **ペットや家財の行き先**: ペットの引き取り先・形見分けしたいもの・処分してよいもの・デジタルデータの扱い
### 2-3. チェック状態の保存
- 各チェックボックスのon/off状態をLocalStorageに保存する(キー例: `ll_checklist_section1` など)。
- アプリ起動時に自動復元し、チェック済み項目はチェック状態で表示する。
- チェック状態は既存のJSONエクスポート/インポートデータに `checklist` キーとして追記し、バックアップ対象に含める(既存のエクスポートキーが存在しない場合も壊れないようにフォールバック処理を入れる)。
### 2-4. 進捗バーとの連携(任意・軽量実装)
- チェックリストでの「全項目チェック済み」状態をセクション進捗の補助表示として、チェックリストボタン横に「✅ 確認済み」バッジを表示するのみにとどめ、既存の進捗バー計算ロジックには手を加えない。
### 2-5. モーダルHTML/CSS/JS
- モーダルは純粋なHTML+CSS(flexbox)+Vanilla JSで実装し、外部ライブラリ不要。
- スマホでは画面下部からスライドアップするスタイル(CSSでposition:fixed + transform切り替え)とし、タップ操作しやすい44px以上のチェックボックス行高を確保する。
- PCでは画面中央に最大幅480pxで表示。
## 3. 既存機能との整合
- 既存の入力フォーム・自動保存・印刷CSS・JSONエクスポート・封筒アニメーション・FAQアコーディオンには一切手を加えない。
- LocalStorageのキーを新規追加するだけなので、既存データが上書き・消失するリスクはない。
- 印刷時はチェックリストモーダルとボタンを `@media print { display: none }` で非表示にし、印刷レイアウトを汚さない。
- JSONインポート時に `checklist` キーが存在しない古い形式でも例外なく動作するよう `|| {}` フォールバックを実装する。
💬 返信 (3)
🛠 開発を開始しました (機能追加 (lastletter))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「エンディングノート LastLetter」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=lastletter
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/lastletter/
ご利用ありがとうございます!
ご要望いただいた「エンディングノート LastLetter」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=lastletter
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/lastletter/
ご利用ありがとうございます!
Echo
Iris