京都地下鉄ラスト・コール v0.2.0 をリリースしました

個人開発しているアプリ、「京都地下鉄ラスト・コール」をアップデートしました。いくつかの新機能や改善をリリースしています。

🎉 新機能

📍 位置情報による最寄り駅検索

ブラウザの位置情報を使って、現在地から最も近い駅を自動的に検索できるようになりました。

使い方:

  1. 「現在地から最寄り駅を検索」ボタンをクリック
  2. ブラウザの位置情報許可を求められたら「許可」を選択
  3. 自動的に最寄り駅と路線が選択されます

烏丸線・東西線の全30駅に対応しており、現在地から5km圏内の駅を検索できます。

🔍 駅名検索機能

駅名を入力して素早く駅を選択できるようになりました。

使い方:

  • 駅選択の入力ボックスに駅名を入力すると、候補がリストアップされます
  • 矢印キーで選択するか、駅名を直接入力できます

従来のセレクトボックスよりも、特に多くの駅から選択する際に便利です。

✨ 改善点

パフォーマンスの向上

  • コンポーネントの不要な再レンダリングを削減
  • メモ化による処理の最適化
  • 毎秒の時刻更新による負荷を軽減

これらの最適化により、アプリの応答性が向上し、よりスムーズに動作するようになりました。

アクセシビリティの向上

  • すべての入力要素にaria-labelを追加
  • スクリーンリーダーでの操作性を改善
  • キーボードナビゲーションの強化

🛠️ 技術的な変更

開発者の方や技術的な詳細に興味のある方向けの情報です。

フレームワークとツールの更新

  • Next.js: 15.0.1 → 16.0.3(Turbopack対応)
  • ESLint: 8.x → 9.39.1(flat config形式に移行)
  • React: パフォーマンス最適化パターンの適用

コード品質の向上

  • TypeScript型定義の強化(any型の削除)
  • console.logを開発環境のみに制限
  • React.memoとuseCallbackによる最適化
  • useEffect依存配列の問題を修正

📝 今後の予定

次のバージョンでは以下の機能を検討しています:

  • プッシュ通知による終電アラート
  • お気に入り駅の保存機能
  • ダークモード対応
  • 他の交通機関(JR、私鉄)への対応
Hidetaka Okamoto profile photo

Hidetaka Okamoto

ビジネスデベロップメント

DigitalCubeのBizDev。EC ASPの開発やStripeのDeveloper Advocateとしての経験を元に、SaaSやECサイトの収益を増やすための方法・生成AIを使った効率化や新しい事業モデルの模索などに挑戦する。

関連記事