読者です 読者をやめる 読者になる 読者になる

ここにタイトルが入ります

デザイン&プログラミングのことも書くし、それ以外のことも書く。

フロントエンドの勉強も兼ねて「近場の食事できる場所をテキトーに教えてくれるWebapp」作った

web service JavaScript gulp npm

お勉強がてら簡単に作るはずだったのに疲れた。

https://god-of-meal.herokuapp.com/
GitHub - 711fumi/god-of-meal: God will choose an eating place.

やったこと

現在地(緯度経度)から近そうなごはん処をぐるなびAPIを使って取得、テキトーに選んで表示する。

環境(試したかったものとか)

  • React.js
  • Rollup.js
  • Express(Node.js)
  • Heroku
  • Gulp.js
  • Material Desing Lite
  • Enzyme(mocha, chai)

メモっておこう(参考にしたものとか)

JSで位置情報を取得

Geolocation APISSL(HTTPS)じゃないと使えないっぽい。

JavaScriptで位置情報を取得する方法(Geolocation API)

Material Design LiteのTypographyのオプション

なんかTypographyのオプションとかここに載ってなかったので
(見逃してるだけかなー)

material-design-lite/src/typography at master · google/material-design-lite · GitHub
他にもいろいろありそう

静的ページをHerokuで公開

結果静的なページだけじゃなくなったけどね…

GitHub - nulltask/heroku-static-provider: Static site provider for Heroku.

Herokuでデプロイ後にGulpタスクを実行したかった

Haml/Scss/ES6あたりのコンパイルに使用

Heroku Gulp — Medium

Herokuで公開しているサイトでSSLを強制させたい(Node.js)

Node.js on HerokuでSSL(https)接続を強制する方法 - Qiita

Enzymeを使ってのReactコンポーネントのテスト

動くことを確認する程度で終わってしまったが

ReactのテストをEnzymeで書いてみよう - Qiita