worklog-2018-07-30-kyamaguchi81 about kyoto-react-hiyoko-club

[kyamaguchi81]

今日やること

• 作成途中のgatsbyで作成していたページの実装を進める

[kyamaguchi81]

https://www.gatsbyjs.org/

[kyamaguchi81]

ちょっと雑談
簡易にhttp通信できる
https://www.npmjs.com/package/axios

[kyamaguchi81]

gatsby serve で
error Command failed with signal "SIGABRT".がででローカルサーバ立ち上がらない、、

[kyamaguchi81]

gatsby build後に
gatsby serve で立ち上がった

[kyamaguchi81]

両方あるやつほしいｗ

[kyamaguchi81]

やること変更
知見薄いので先にチュートリアルをやる
https://www.gatsbyjs.org/tutorial/

[kyamaguchi81]

高性能の静的PWAを導入するまでの手順を説明します。

PWAさくっと作れそうｗ

[kyamaguchi81]

gatsby new gatsby-site でデフォルトのアプリビルド

[kyamaguchi81]

できた
やっぱはやい:smile:

[kyamaguchi81]

チュートリアル進むと基本的にwebサイトがどう動いてるとかの説明がある。
抑えたいとこだけど、今はさくっと進める
https://www.gatsbyjs.org/tutorial/part-zero/

[kyamaguchi81]

例えばこれ
https://www.pluralsight.com/paths/html5

[kyamaguchi81]

もう一回作るんでてくるｗ
チュートリアルのGetstatedのリンクはいらんかったんちゃうかな

gatsby new tutorial-part-one https://github.com/gatsbyjs/gatsby-starter-hello-world
cd tutorial-part-one

[kyamaguchi81]

hello worldでた

[kyamaguchi81]

vs codeのlinterがおかしい。。

[kyamaguchi81]

prevStateってなんだ

[kyamaguchi81]

counter のところで使われてる
https://www.gatsbyjs.org/tutorial/part-one/

[kyamaguchi81]

https://reactjs.org/docs/react-component.html

prevState is a reference to the previous state.

前の状態を参照して足したり引いたりできるのか

[kyamaguchi81]

Deploying Gatsby.js websites

とな

[kyamaguchi81]

surgeというnpm をつかってデプロイするみたい
npm install --global surge

[kyamaguchi81]

デプロイされた
http://fertile-band.surge.sh/counter/

[kyamaguchi81]

修正してデプロイ(surge)するとURLが変わる
2つコマンドいる

 gatsby build
 surge public/

[kyamaguchi81]

https://surge.sh/

[kyamaguchi81]

ドメイン変わるとabort される。。

Aborted - you do not have permission to publish to zonked-statement.surge.sh

初回のドメインで設定するとSuccess！

[kyamaguchi81]

振り返り

よかった事

• もくもくできた
• 途中でgatsbyのチュートリアルをやることに切り替えた
• yarnアップデートする機会を得た
• gatsby build と gatsby serve じゃなくで gatsby develop で一発で開発環境を構築できる
• prevState など状態の参照ができる（他にも便利機能がいろいろありそう）
• 静的ページを簡易にデプロイできるツールを発見できた(surge.sh)

よくなかった事

• わかっている事を復習する形(今日は望んでなかった)になったので読むので時間かかった
• 今のgatsbyサイトに着手できなかった

次回やること(TRY)

• チュートリアル全部ざっとみる
• 今作ってるサイトやってまう
• 次回の日程決める