PictoMemory

サービスURL：https://pictomemory.com

アプリ解説記事：https://qiita.com/SabaCrevette/items/90b132b5b292f407d19c

■サービス概要

【PictoMemory】は、旅の思い出を日本地図に色をつける形で記録・共有するサービスです。
ユーザーは旅先を投稿することで投稿を思い出として振り返ることができ、
また、他人の投稿から新たな旅行先を発見することも可能です。

最初は真っ白な日本地図が用意されており、投稿により地図が色づいていきます。
日本地図完成を目指したり、新たな旅行先を探すツールとしてお使いください。

■ このサービスへの思い・作りたい理由

私は「いつか全国制覇をしたい！」という野望を抱いているのですが、
「この都道府県訪れたことあったっけ？」「どこの都道府県を訪れていないんだろう」とふと気になったことがあります。
視覚的に訪れた都道府県に色をつけて、日本地図完成を目指せたらワクワクするんじゃないか、まだ見ぬ地への旅行欲が湧いてくるのではないか、という思いから企画を立ち上げました。

世界には自分の想像を超える、まだ見ぬ景色や楽しさがたくさん散らばっており、 その1つ1つを拾い集めたい、ワクワク感を味わい、記録として形に残したい。
そんな思いを詰め込んだアプリにしたいと思いました。

旅の思い出を記録し思い出を振り返ったり、未踏の地・訪れたい地を探して、
ユーザーにまだ見ぬ感動や体験と出会ってもらうためのきっかけを与えるようなアプリを提供したいと考えています。

■ ユーザー層について

• 旅行が好きな人
• 47都道府県全国踏破を目指す人
• 観光地を探したい人

■サービスの利用イメージ

訪問歴のある都道府県の色付け機能

登録後、ユーザーに渡されるのは真っ白な都道府県です。
過去に訪れた地について、訪問先と写真を投稿することで真っ白な都道府県が徐々に色づいた都道府県に変化します。
（ユーザーの投稿が0の都道府県は白、1〜3件以上の投稿数に応じて段階的に色濃くなっていく仕様です。）
ユーザーが訪れた都道府県、訪問頻度が視覚的に一目で分かるようになります。
また、自身の投稿を振り返ることもできるので、スマホに埋もれている旅の思い出を整理することもできます。

旅行先を探す機能

公開設定された投稿であれば他人の投稿を閲覧できます。
観光地の写真や思い出も一緒に見れるので、旅先選びの手助けになります。
また、タグ検索・都道府県内のエリア検索やブックマーク機能も実装予定です。

■ ユーザーの獲得について

• Xを用いた宣伝
• 友人やスクール内のコミュニティでの宣伝
• リリース直後から検索機能として機能させるために、初期データをある程度用意する予定です。

■ サービスの差別化ポイント・推しポイント

• 地図埋め機能について スマホアプリに「たびちず」「都道府県Go」「経県値」などが存在します。
  それぞれGPSでの記録、写真の位置データ、手動入力となっていますが、 共有機能は存在せず、都道府県を踏破することに重きをおいたアプリとなっています。

• 旅行先探し Google検索で多くの観光地情報や書籍、X・Instagram等あらゆる媒体で展開されています。

• 差別化ポイント・売りのポイント

  • 地図埋め機能について 既存のサービスは地図埋め機能に重きを置かれています。
    そのため登録した写真や地図埋めの進捗は自身で振り返るに留まりますが、
    このサービスでは投稿を自身の思い出コメントと共に振り返ることができ、他人と共有することができます。
  • 旅行探しについて 自身の訪れたことのない都道府県を意識して探すことができるように工夫されています。
    例えば、レコメンド機能では訪れたことのない都道府県が優先的に現れたり、
    タグ検索（雪景色・海等）や都道府県検索を用いてユーザーの気になる条件や未踏破の都道府県を意識した検索が行えます。
  • 自身の地図を埋めるという要素でユーザーに投稿のモチベーションを与え、
    その投稿が他の方々の検索対象となることで旅行地探しが充実するように設計してある点がこのサービスの特徴です。

■ 機能候補

MVPリリース

• 会員登録、ログイン機能（ゲストログイン）
  • 会員機能：色塗り機能、旅行先探し、お気に入り機能
  • ゲストログイン機能：旅行先探し
• 都道府県の色塗り機能
  • 観光地投稿機能（以下現状の予定項目）
  • 都道府県
  • 観光地名
  • 写真（1枚〜4枚）
  • 感想
  • タグ（任意）
  • 観光地の開催時期（常時 or 季節から選べるように設定：雪まつりや夏のシーズンのみの検索に対応するため）
  • 公開可否設定
• 旅行先を探せる機能
  • 都道府県単位で検索
  • 投稿お気に入り機能
• GeocodingAPIを用いた住所取得
  • ユーザーの投稿「観光地名」「都道府県」を元に詳細な住所をAPIで返して割り当て 都道府県を4分割し、各都道府県内からさらに絞って検索
• Xシェア機能
• レスポンシブ

本リリース

• 検索画面でのオートコンプリート
• レコメンド機能（未踏の都道府県やタグを基に提供）
• Googleログイン

■ 使用技術一覧

画面遷移図

https://www.figma.com/file/y18bXLd8HjhH2SQWC7s3hl/travel_app-%E7%94%BB%E9%9D%A2%E9%81%B7%E7%A7%BB%E5%9B%B3?type=design&node-id=0%3A1&mode=design&t=LuFJgdIqyuprDBfb-1

ER図

セットアップ方法

• docker compose build
• docker compose up
• docker compose exec web bash
• bin/dev（CSS/JavaScript/daisyUIの更新）