2024-01-24 Nuxtはローディングの実装が面倒だ

水曜日。14:00起床。昨夜は久しぶりの空き時間で徹夜を楽しんでしまう。
起きて、今日はEJ案件の作り込みフェーズに。とりあえずまだ未実装になっていたローディング画面を作るために、Nuxtアプリでのローディング画面の実装方法を下調べ。

自分がイメージしていた感じとは大きく違って、言われてみればそりゃそうだなのだが、Nuxtのアプリケーションのコードをすべて読み込む前にローディング画面は表示されるため、Nuxtの実装とは切り離したローディング画面のHTMLを作成して、それをnuxt.config.js内で指定するという方法で実装する。
アプリケーションを読み込んだら、後は各ページごとのロードになるので、そのロード画面も別に実装する事になる。
予め実装の方法が用意されているというのが、楽かというとそういうわけでもなく、本当であればもっと簡単に実装出来るだろうにめんどくさい。

ローディング画面のデザインをしながら少しずつ実装を続けて、夜には完成。
夜中は時間が空いたので、ここからモバイル対応するため、Nuxtのdeviceモジュールを改めてインストール。肌感的には明日から日曜までで全部実装が終わりそうだ。頑張ろう。
今日はウォーキングが遅くなってしまい、極寒に耐えきれずに3km強で帰ってきてしまった。今夜は本当に寒いわ。