🐾 Nyan Pedometer 🐾

🇯🇵 日本語のドキュメントを表示 (Click to expand)

🐾 にゃん歩計 (Nyan Pedometer) 🐾

ねこキャラクターと一緒に歩く、ウォーキング＆ランニング用万歩計・トラッカー

「毎日のウォーキングを、愛らしいねこちゃんとの楽しい冒険に変えましょう！」

---

✨ 主な機能

• 🐾 あたたかみのあるデザイン クリーム色とオレンジ色を基調とした、優しく可愛い画面デザイン。

• 🏃 リアルタイム計測 GPSを使用して、歩いた距離、ペース、時間をリアルタイムに計測します。また、歩数に代わって「にゃん歩（ねこの歩幅に換算した推定歩数）」を表示します。

• 🗺️ ねこと一緒におさんぽ 地図上での現在地が可愛い「ねこのアイコン」で表示され、歩いたルートには「肉球マークの足跡」が描かれます。

• 😻 ぷにぷに肉球ボタン 画面中央の肉球ボタンを押すと、ぷにぷにとした可愛らしいアニメーションが動きます。

• 📔 おさんぽ履歴 歩いた記録は自動的に保存されます。保存された履歴には、ねこちゃんから応援やねぎらいの楽しい一言コメントが届きます。

• 📁 かんたん起動 すべての機能が1つのファイル（index.html）で動くため、面倒なアプリのインストールは必要ありません。

---

🚀 使い方

1. ダウンロード このリポジトリから index.html を取得します。

2. ブラウザで開く スマートフォンのブラウザ（SafariやChromeなど）で index.html を開きます。

3. 位置情報の許可 初めて起動した際、GPS（位置情報）の利用確認が出るので「許可」を選択してください。

4. スタート！ 中央の大きな肉球ボタンを押すと、おさんぽの計測が始まります。

---

🛠️ 使用している技術

• HTML5
• CSS3 (Tailwind CSS)
• JavaScript
• Leaflet.js (地図の表示に使用)

🇺🇸 Show English Document (Click to expand)

🐾 Nyan Pedometer 🐾

Cat-themed Walking & Running Counter

"Turn your daily walk into a fun adventure with your cat!"

---

✨ Features

• 🐾 Charming Design
  Warm UI based on cream and orange tones.

• 🏃 Real-Time Tracking
  Track distance, pace, and time with GPS, plus unique "Nyan Steps" (estimated steps).

• 🗺️ Walk Together with Your Cat
  Your current location is displayed as a cat icon, and your walking route is drawn as pawprints on the map.

• 😻 Cute Paw Button
  Interactive paw button with squishy animation when pressed.

• 📔 Walk History
  Automatically saves past walks. Your cat leaves fun comments to cheer you on.

• 📁 Simple Setup
  Everything runs in a single index.html. No installation required.

---

🚀 Getting Started

1. Download
   Get index.html from this repository.

2. Open in Browser
   Open index.html on your smartphone browser.

3. Allow Location Access
   On first launch, allow location access when prompted.

4. Start Walking!
   Press the central paw button to begin your walk.

---

🛠️ Technologies Used