1日2食生活 89日目

2022年11月26日(土)

今日は土曜日ということで休日。
朝活の為に隣駅のファミレスに向かう。
と思ったけど、雨が降り出してきたので途中で進路変更をしてカフェに向かう。

星乃珈琲にて朝活。

Reactのお勉強を開始する。
無限スクロールの実装方法について調査し、react-infinite-queryとreact-infinite-scrollerを組み合わせると実現できるらしい。

以下のQiita記事を参考にさせて頂いた。

【React】React QueryのuseInfiniteQueryで無限スクロールを実装

https://qiita.com/suzuki0430/items/6afa25b28d96612aa429

特にこれらを使わなくても実現はできるが、なるべくコードを書かないで実現したいので利用できるものはなるべく利用する。

やはりこのような情報は英語の情報が多い。
YouTubeに実装動画が上げている人がいたので参考にする。

ご丁寧にGitHubにソースコードも上げてくれている。
ダウンロードして実行してみると確かに無限スクロールが実現できている。
ふむふむ、なるほど。
この方はライブラリを使用しない方法と、react-infinite-queryを使用した方法で実装しており、react-infinite-scrollerは使用していないようだ。

結局のところAPI側が対応していないとダメなのか？
GraphQLなら使う側のサジ加減で実現できるのでは？と思っていたけどそんなこともないのだろうか？
疑問が残ったまま11時を過ぎていたので店を後にして食材の調達に向かう。

今日は鯖めしを作ろうと思う。
今回もリュウジのバズレシピを参考にさせて頂いた。

スーパーで塩サバを調達。
あと、臭み消しに生姜を使用するとのことで生の生姜を購入。
今まで生姜を使った料理の場合、分量を適当にしていたのとチューブのものを使用していた。
今回は炊き込みご飯なので調味料などの分量が重要と考え、ついにハカリを購入することにした。

購入したのは無印良品のキッチンスケール。
太陽電池でも動作する優れもの。

無印良品 ソーラークッキングスケール

https://www.muji.com/jp/ja/store/cmdty/detail/4548718919321

メーカーはタニタで秋田工場で組み立てられているようだ。
中国製ではないところが気に入った。
とはいうものの、各種電子部品やロードセルは中国製だろう。

帰宅して昼食をとる。

夕食に鯖めしを作るというのにお昼に鯖の塩焼き。
どんだけサバを食べるんだっていう。。

午後も引き続きReactのお勉強。
無限スクロールを実現するにはAPI側の対応が必要そう。
というわけで、まずはGraphQLの仕様を見直す。
取得するデータ数を制限するfirstとデータの検索開始位置を指定するoffsetという2つのクエリを追加した。

その上でQiita記事のソースコードを参考に自分流にアレンジしてみると。
「おぉ！」
無限スクロールができた！

無限スクロールがこうも簡単に実現できてしまうとはReactとライブラリを提供してくれている先人の方々に感謝である。
簡単とは言いながらもここまでで約2時間掛かっており、夕食の支度を開始する時間になった。

至高の鯖めしのレシピに従い調理を進める。
炊飯器がサバ臭くなる懸念があったけど試しに炊飯器で炊いてみる。
サバが思ったよりも大きくて炊飯器の釜の中がサバでいっぱいになってしまった。
無事に炊き上がることを祈ってスイッチオン！
炊くモードは白米の普通モードにしてみた。
鯖めしが炊けるのを待つ間に味噌汁を作る。

そんなわけで夕食。

肝心の鯖めしは動画のように「ヤバッ！うまっ！」とはならなかったけど結構おいしい。
なかなかの出来だ！
若干サバの臭みが気になるか。

それよりも昨日購入した銀ひらすがあまりおいしくなかった。
1日おいたのが影響したのか、お買い得品だったからなのかは定かではない。

そして。

追加でどら焼きを食べる。
砂糖は控えるようにしていたのではなかったのか？

昨日新宿に行った際に西口近くの和菓子のお店のどら焼きがおいしそうだったのでついつい購入してしまった。
味はいたってオーソドックス。
生地がしっかりしている感じで食べ応えがあった。

生姜がもう1回作る分余っているので明日も鯖めし作ろかな。
明日も朝活がんばろう！