goto-eater

GoToEat食事券が使える店舗を表示するやつ。 https://terukizm.github.io/goto-eater/

特徴

• (ほぼ)全国対応
  • terukizm/goto-eater-data
• ジャンル別の表示
• WebGLによるスムーズな地図表示(Mapbox GL JS互換)

構成要素

• Vue.js
  • (2.x)
• Tailwind CSS
  • PostCSS7
• geolonia
  • (public beta)
• Web API
  • community-geocoder
  • 農研機構 簡易逆ジオコーディングサービス

Quick Start

事前準備

• install npm
• geolonia API_KEYの払い出し
  • GeoloniaのAPI_KEYはlocalhost, github.ioからであればYOUR_API_KEY文字列を指定すれば制限なく試用可能(2021/02時点)
  • 他のサーバに配置する場合はAPI_KEYを払い出しておく

$ git clone git@github.com:terukizm/goto-eater.git
$ cd goto-eater/

$ cp .env.local.example .env.local
$ vi .env.local
---
VUE_APP_GEOLONIA_API_KEY=YOUR_API_KEY
---

$ npm install
$ npm run serve
-> http://localhost:8080/

実装メモ

• js
  • コーディングスタイルはVueCLIで生成される組み込みeslint+prettier(デフォルト設定)任せ
  • TS未導入
  • Vuex、Vue Routerのみ有効化
• CSS
  • CSSプリプロセッサは使わず、tailwindcssだけでゴリゴリ書いてる

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint --fix

Customize configuration

See Configuration Reference.