Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

jphacks/tk_a_2520

Repository files navigation

Michikusa GO

IMAGE ALT TEXT HERE 画像をタップするとデモ動画が表示されます。

製品概要

Michikusa GOは、旅行xTechに焦点を当てた旅行者が旅先での「小さな発見」を共有できるスマホ向けアプリです。特に目的地までの道中や街歩きなどといった「道草」をより楽しくすることを目指しています。

背景(製品開発のきっかけ、課題等)

ガイドブックやSNSで話題のスポットだけを巡る旅行は、画一的になりやすく、個性的な体験が得にくくなっています。 そこで私たちは、情報があふれる現代においても、「実際に行って初めて気づく発見」こそが、旅行の意義や醍醐味になるのではないかと考えました。 しかし、その「発見」を1人の旅行者が気づけることには限りがあり、帰宅後に「ああ、こんなスポットがあったんだ」と知ることも少なくありません。できれば、旅が終わった後ではなく、旅の最中にそうした情報を知りたいものです。 また、海外旅行をする場合、海外での治安エリア情報(エリア全体は比較的安全だが、この路地は危険)など、一般的な情報サイトでは十分に調べられないまま行くのは多少の不安が残ると思います。 こうした背景から私たちは、他の旅行者とさまざまな発見を共有することで、旅の途中でも新しい体験を増やしつつ旅先での安全性向上にもつながるのではないかと考え、今回のプロダクトに反映することにしました。

製品説明(具体的な製品の説明)

  • マップ上に他ユーザーの投稿を表示
  • 投稿には「風景」「グルメ」「危険情報」「豆知識」などのタグ付け
  • GPSを利用した位置情報連動
  • 自分の発見をコメント・画像で簡単に投稿・共有
  • 他ユーザーの投稿にGoodボタンでリアクションできる。

特長

1. 旅先でのリアルタイム発見共有 「あ、ここいいかも!」を瞬時に他の旅行者に伝えられる。

2. タグで簡単に情報整理 風景・グルメ・危険情報・豆知識のタグをつくり投稿内容をわかりやすく分類。

3. マップ上での発見巡り 他ユーザーの投稿を地図で確認し、ルートを計画しながら旅を楽しめる。

4. 危険度ごとに色分けて危険情報を表示することにより、どのエリアで何を気をつけるべきか一目でわかる。

解決出来ること

  • 定番の観光地や、一般的なSNSで話題のスポットだけに依存しない旅行体験
  • 小さな発見や地域の魅力の共有
  • 危険情報や注意喚起の共有による旅行時の安全向上

今後の展望

  • AIによるユーザーに合わせたおすすめスポットの提案
  • 旅行プランとの連携
  • 海外旅行者向け多言語対応
  • ユーザー評価によるスポットのランキング機能
  • ユーザーIDを登録することで自分自身の投稿のみを表示することができ、旅行記録としても使えるようにする。

注力したこと(こだわり等)

  • UI/UXの直感性:旅先でも迷わず使えるシンプルデザイン
  • 位置情報連動の正確性:投稿や表示がリアルタイムで反映される
  • 安心安全の配慮:危険情報タグでユーザー同士が助け合える

開発技術

活用した技術

API・データ

  • GPS位置情報取得(Geolocation API)
  • Google Map APIによるマップ表示
  • Firebase Firestoreによるリアルタイムデータ管理

フレームワーク・ライブラリ・モジュール

  • React + Vite
  • GoogleMap API
  • Geolocation API
  • Firebase Firestore

デバイス

  • iOS / Android スマートフォン webアプリケーション

独自技術

  • マップ上でのユーザー発見投稿の可視化
  • タグによる情報分類機能
  • ユーザー参加型のシステム構成

ハッカソンで開発した独自機能・技術

  • 地図上での位置選択→投稿機能
  • 発見投稿マップ表示:GPS座標に紐づいた投稿をマップ上に可視化
  • 危険度可視化:危険度に応じたマーカー色分けと凡例表示
  • 他の人の投稿内容を評価して魅力度に反映するための「グッドボタン」機能

特に力を入れた部分をファイルリンク、またはcommit_idを記載してください

  1. 地図マーカーの色分けシステム:src/pages/Map.jsx (Line 10-39)
  2. ユーザーの興味に着目したタグ分類:src/pages/Map.jsx(Line 115-144)
  3. ユーザーの現在地を取得してフォームの位置情報に反映する処理:src/pages/Form.jsx(Line 73-16、191-195)

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

AltStyle によって変換されたページ (->オリジナル) /