2024-02-01 Nuxt.jsの罠にまんまと引っかかる
木曜日。5:00起床。2月になったので無理やり早起きした!というわけでもない
夜中うとうとしてしまって、そのまま仮眠をして起きぬけに今日はこれを睡眠にするとしただけである。ちょうど具合よく、今日のめざましテレビがももクロちゃんの露出(ライブレポート)だったので、それを見てなんとなく2月のスタートにする。
起きて、ももクロを見て、7:00ごろには仕事を進める。EJ案件の残作業。とりあえずNuxtの書き出しルールがよく分かっていなかったので、それを調べてみると、SSRをtrueにした状態でgenerateしないとHead内のmeta要素やページ内のコンテンツ要素がHTMLとして記述されたビルドがされないという事が分かった。
そこでやってみると、いろいろと不具合が出る。ほとんどの場合、デバイス判定してコンテンツを吐き出している部分に起因する。generateによるHTMLの書き出し時には、当然どのデバイスで見るかというのは考慮されないためであり、このプロセスを取っている箇所はすべてClientOnlyコンポーネントで囲まなければならないという当然のようなルールでコーディングしなければならないからだ。
考えてみれば当たり前の話で、そこを注意しなかったのは悔やまれる。
とりあえずこれでは話にならないということで、今日と明日を使って、全面的にメディア判定の部分を書き換える事に。すべてのページコンポーネントを作り直すので、ついでにやってしまおうとHead内のタイトル、概要文、OGPの設定を同時に実装してしまうことにした。結構な大仕事である。
さすがに心が折れそうだったので、今日はほどほどまで進めて終了。あとは金曜日のやる気に任せるしかない。
夕飯にふるさと納税の返礼品として届いた牛タンを焼いて食べる。牛タンを焼くのは初めての経験だ。調理してわかったのだが、非常に冷めやすい。焼いて、フライパンからあげてそぎ切りにする。その後盛り付けたときにはもう冷めていた。なにかしらのノウハウがありそうだが、今のところは予め皿を温めておき、盛り付けのお新香や茹でキャベツとは別のお皿にするというぐらいしか方法が無い。
あとはもう開き直って丼として食べるか。






