海老取川

https://github.com/Ruaku1352/seichi-map

React

Python

JavaScript

聖地巡礼マップ

1prl2loeer

推しアイデア

アニメの聖地を「見る」だけでなく、現地でクエストとして攻略できる聖地巡礼マップを作っています。

作った背景

アニメの聖地は場所を調べるだけで終わりがちです。そこで、現地で写真や走行ログを記録しながら、巡礼をクエストとして楽しめるマップを作りました。

推し技術

推し技術は、Drive Modeで使っているカルマンフィルタによる走行ログの補正です。

プロジェクト詳細

**プロジェクト詳細 ** このアプリは、アニメの舞台になった場所を地図上で探し、現地でクエストとして巡礼できるWebアプリです。

現在は、神奈川・湘南・鎌倉周辺を中心に、聖地スポットを地図上に表示し、スポットごとに作品名や説明をカードで確認できるようにしています。写真が必要なクエストでは、現地で撮影することで達成しやすくし、食べ物系のクエストでは写真を必須にしつつ、感想を任意で追加できる形にしています。

また、Drive Modeでは走行ログの記録を必須にし、メモや写真は任意で追加できるようにしています。これにより、徒歩や電車で回る聖地だけでなく、車で巡る聖地巡礼にも対応できるようにしました。

現在できていることは以下です。

・聖地スポットを地図上に表示 ・スポットを押すと紹介カードを表示 ・クエスト形式で現地行動を記録 ・写真を使った巡礼記録 ・食べ物クエストの写真記録 ・Drive Modeで走行ログを記録 ・カルマンフィルタでGPSやセンサー値のブレを補正 ・聖地巡礼の体験をアルバム的に残す

単なる「聖地の場所を探す地図」ではなく、現地で何をしたかまで記録し、旅の体験として残せる聖地巡礼マップを目指しています。

技術的に特に力を入れたのは、drivemodeにおけるGPSデータの補正です。

車で聖地巡礼をする場合、ユーザーの現在地や走行ルートを記録する必要があります。しかし、スマートフォンのGPSは常に正確な値を返すわけではなく、実際の位置から少しずれたり、移動中に現在地が急に飛んだりすることがあります。

最初は、直近5つのGPSの値を取得し、その平均を取ることで、位置情報のブレを小さくしようとしました。単純平均を使えば、一時的に大きく外れた値の影響をある程度抑えることができます。

しかし、車で移動している場合、位置情報は常に変化します。そのため、単純に5つの値を平均してしまうと、過去の位置に引っ張られて現在地の反映が遅れたり、カーブや速度変化に弱くなったりする問題がありました。

そこで、より自然で正確な走行ログにするために、カルマンフィルタを使ってGPSデータを補正する方法に変更しました。

カルマンフィルタは、前の位置や速度から「次はこのあたりにいるはず」という予測を行い、そこに実際のGPSの観測値を組み合わせて、より信頼できる現在地を推定する仕組みです。

これにより、GPSのノイズをそのまま使うのではなく、移動の流れを考慮しながら、より自然な走行軌跡として記録できるようにしました。

この実装によって、drivemodeでは単なる現在地表示ではなく、車で聖地を巡る体験そのものを、より正確な走行ログとして残せるようにしています。

挑戦 kireson 全員が初めてのハッカソンでも積極的に意見を出し、他のチームメンバーも意見を言いやすい環境を作ること。

namatya 実際に動くプロダクトを完成させる!

らぐた 3年 アプリケーション開発は初めてですが、頑張ります💪

てん チームのみんなで相談しながら、柔軟に対応し続けたいです!

1prl2loeer

@c4ebecd8022dcbc5