AniMap

アニメタイトルからアニメ聖地を"

アニメタイトルを検索するだけで、そのアニメ聖地がマップに表示されるよ！（主に2013年くらいまでのデータ）

詳細:

• アニメタイトルからの聖地表示
• 複数のアニメタイトルも可能

技術

• Next.js
• SWR
• Material-UI

状態管理ライブラリRecoilからReact Hooksに変更し、パフォーマンスの改善。

開発環境を作る

開発用サーバの立ち上げよう！

ソースコードをcloneしよう！

$ git clone https://github.com/ms-yuuta/animap.git

$ cd animap

Google Maps APIのkeyの取得しよう！

• Google Maps Platform
• keyの取得方法(参考：ねんでブログ)

.envにNEXT_PUBLIC_GOOGLE_MAP_API_KEY=[API_KEY]を設定！

スクリプトの実行

yarn dev or npm run dev

http://localhost:3000で確認