エンジニアを目指す初学者に向けて、わかりやすく解説したブログです。

ログインとセッション管理の流れを分かりやすく解説する

セッションIDは、サーバーがユーザーを識別するためのユニークなIDのこと。

レイアウトシフト(CLS)の概要、原因、調査方法、改善方法

Webページが表示され始めてから、表示が完全に完了するまでの間に見た目がごちゃごちゃ動く現象のこと。

ReactRouterのプロジェクトにTailwindCSSのPrettierを設定する

Featured image of the post

prettier-plugin-tailwindcssをインストールして、prettierの設定ファイルに1行追加すればOK。

【SpringBoot】CheckStyleをGradleを使って導入する

Featured image of the post

xmlファイルをダウンロードし、build.gradleに設定を追加する。

IntelliJ IDEA CEでSpringBootのホットリロードを設定する

Featured image of the post

Build project automaticallyとAllow auto-make to start even if developed application is currently runnnigを有効化する必要がある。

GradleでSpringBootのホットリロードを設定する

Featured image of the post

build —continuousとbootRunを別々のターミナルで実行するのがポイント。

【Remix】Tests closed successfully but something prevents Vite server from exiting

Featured image of the post

RemixのViteプラグインは、VitestやStorybookで使うように設計されていないことが原因。

【Remix】Vitestを導入し、テストカバレッジを表示する

Featured image of the post

RemixにVitestを導入し、ユニットテストの環境構築を行う。

【Remix】actionとは

Featured image of the post

サーバーサイドでPOSTなどを行うための関数。

【Remix】Prettierを導入する

Featured image of the post

Prettierをインストールし、設定ファイルを作成する。