1日2食生活 90日目

2022年11月27日(日)

今日は風がやや強いけど天気は晴れ。
自転車で移動するには中々のコンディション。
朝活の為に隣駅のファミレスに向かう。

長居するつもりはなかったので久々にスタバに行こうかとも思ったけど、スタバはテーブルが狭いんだよなあと思って予定通りファミレスにした。

ドリンクバーのみ注文して朝活開始。

昨日までで無限スクロールは大体実現できており、これをTypeScriptに適用しようとするとエラーになってしまうところが解消できていなかった。
TypeScriptの型指定の方法が正しくないのであろうと思い、TypeScriptについて改めて学び直す。
react-infinite-scrollerのInfiniteScrollコンポーネットのloadMoreの指定方法がおかしいとエラーが出てしまう。
JavaScriptで書いた場合は動いたので解消できずもどかしい。
サンプルコードを探してみたけどズバリ当てはまるサンプルが無く、結局解決できず。
11時を過ぎたので店を後にする。

今日も鯖めしを作るため買えり途中のスーパーで食材を調達
アパートに戻ったら12時にを過ぎていたので昼食にする。

改めて食べると鯖めし旨いな！
このところ自分で作った料理がおいしすぎて外食をほとんど取らなくなってしまった。

土鍋で炊き込みご飯を作ったらよりおいしくなるのでは？と思いYouTubeを検索していると素敵な料理系YouTuberの動画を発見してしまった。

う～ん、やはり土鍋で作った炊き込みご飯は美味しそうだ。
土鍋買おうかな。
手入れが面倒そうなんだよなあ。。

午後もReactのお勉強を続ける。
InfiniteScrollコンポーネントのloadMoreの指定方法が分からなかったけど、こちらのQiita記事で解決できた。

react-infinite-scrollerを使って無限スクロールを実装する

https://qiita.com/it_tsumugi/items/f58005e0391fd972b0c6

loadMoreの指定方法がやはり良くなかった。

×：loadMore={myFunc}
○：loadMore={() => myFunc()}

TypeScriptの方は明示的にコールバック関数にしなさいってことね。
記事を書いてくださったつむぎさんに感謝！

これでTypeScriptでも無限スクロールが実現できた。
MUIのコンポーネントと組み合わせると、ここ最近見かけるスタイルの画面が実装できた。
Reactすごいな！

切りが良くなったので夕飯の支度を開始する。
鯖めしの仕込みをしてサラダを作ったりさつまいもを焼いたり。

そんなわけで夕食。

焼いも（紅はるか）が旨く焼けたけど、うま過ぎて写真を撮るのを忘れてしまった。

青空の下、自転車に乗って、旨いもの食べて、お勉強して。
今週末も充実の週末だった。

1日2食生活も今日で90日目。
3カ月が経過してもはや完全に習慣化している。
体も慣れてきたせいかここ最近は体重も増加傾向。
単に食べ過ぎなのかも。

それでも空腹状態で毎回の食事を取っているので食事の楽しみが増した気がする。
今の昼食と夕食のスタイルだと朝が面倒でなくて良い。
エネルギー不足の感じもないし、このまま続けても良さそう。