朝散歩ログ

朝の散歩を、路線図風のルートログとして残す日次記録アプリです。 出発時刻・歩いた時間や距離・天気・気分・途中で見つけたものを、地図風のルートと停留所カードに残し、朝の一歩を振り返りやすくします。

健康管理や正確なナビゲーションではなく、「朝の散歩を楽しく続けるための個人ログ」として作っています。

公開 URL: https://ai-app-gen-factory.pages.dev/006-morning-walk-log/

使い方

1. 「ルートボード」で地点名を入力し、「停留所を追加」を押すと、ルートに停留所が増えていきます。
2. 各停留所カードにメモを書いたり、順番を入れ替えたりできます。
3. 「今朝の記録」でルート名・時刻・距離・天気・気分・発見メモを入力します。
4. 必要なら写真を1枚添えます（任意）。
5. 「この散歩を保存」を押すと、下の「散歩の記録」にチケットとして残ります。
6. 記録カードの「𝕏 共有」から、その日の散歩をポストできます。

削除や確認が必要な操作は、ブラウザ標準のダイアログではなくアプリ独自のモーダルとトーストで行います。

機能

• ルートボード: 入力した地点を路線図風の線でつなぎ、スタート・経由・ゴールを停留所として表示します。
• 停留所カード: 各地点に短いメモを添えられます。並べ替え（▲▼）や削除も可能です。
• 今朝の記録: ルート名・出発時刻・歩いた時間・距離・天気を記録します。
• 朝の気分コンパス: 空気の感じ、足取り、眠気スライダー、総合の気分（5段階の表情）を残せます。
• 発見メモ: 朝の散歩で見つけたものを自由記述で残せます。
• 写真メモ（任意）: 端末内に縮小して保存します。外部送信は一切しません。写真がなくても記録は成立します。
• 散歩サマリー: 連続記録日数、今週の散歩回数、今週の距離、最近の気分の傾向を表示します。
• 記録カード: 保存した散歩を切符（チケット）風カードで一覧表示します。
• X 共有: ハッシュタグ #朝散歩ログ を付けて、各記録や全体の様子をポストできます。
• 現在地（任意）: 端末が許可すれば、現在地をスタート停留所として追加できます。許可しなくても手入力で問題なく使えます。

データ保存・技術

• HTML / CSS / JavaScript のみで動作する静的 Web アプリです。フレームワークや外部 API は使用していません。
• 記録はすべてブラウザの localStorage（キー: morning-walk-log/v1）に保存されます。サーバー送信や外部保存は行いません。
• 写真は保存前に縮小（最大辺 900px / JPEG）してから localStorage に保存します。容量とプライバシーに配慮しています。
• ルート表示は SVG で路線図風に描画します。外部地図タイルや位置情報が使えない環境でも、アプリ内のルートボードだけで体験が成立します。
• 画像アセット（背景・コンパス・ルートカード・チケット・ファビコン・OGP バナー）が読み込めない場合も、CSS のフォールバックで UI が破綻しないようにしています。
• PC ではルートボードと入力パネルを横並びに、スマホではルート → 入力 → 履歴の順に縦へ流すレスポンシブ対応です。

ファイル構成

• index.html — 画面構造と OGP / Twitter Card 設定
• styles.css — 深緑・銅・生成りの配色と路線図風レイアウト
• app.js — 記録ロジック、ルート描画、localStorage 保存、モーダル / トースト、X 共有
• assets/ — 背景・ファビコン・OGP バナー・装飾用イメージ

ライセンス

このアプリはリポジトリルートの LICENSE に従います。