【YWT】210207
1. [Y] やったこと
- 5.7km歩いた
- Gatsbyブログにページネーション機能をつけた
styled-components
を導入して、ページネーションのボタンを作った
- 図書館に本を2冊返却した
- 髪の色をアッシュブラウンに染めた
- 美容室の院長とキャンプに行く話をした
2. [W] わかったこと
- ここ最近あまり歩いてなかったのもあって、久々に歩いたら足全体がかゆい感じがした
- プラグインなしでページネーションを実装してみようと思ったが、思ってた以上に面倒だった
- 結果、
gatsby-awesome-pagination
を使うことにした
gatsby-node.js
の createPages
で paginate
をしておけば、指定した記事一覧から一定数ごとにページが作られる
- 記事一覧のコンポーネントで
GraphQL
の query
の引数にページを数えるための値を指定しておくと基本的にはページネーションが効く
- あとは「前のページ」「次のページ」に遷移できるボタンを
pageContext
で指定すれば、ページの移動もできる
- 人生ではじめてカラーをしてみた
- 髪の色の明るさには20トーンがあるらしい
- 自分はカラー前が4トーンぐらいで、アッシュブラウンにしたら9トーンまで明るくなった
- ブリーチをすることでトーンの明るさはさらにあげられるらしいが、その分髪のダメージもあるので管理が要る
- ブリーチの有無にもよるが、カラーの脱色を防ぐためのカラーシャンプ/トリートメントもあるらしく、美容室に発注を頼んだ
3. [T] 次にやること
- TypeScriptのチュートリアルをすす める
- 図書館で借りた本を読む