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

nginxの運用方法(sites-available,sites-enabledの違い)

sites-avaiableは設定ファイルを配置するディレクトリ。シンボリックリンクを使ってsites-enabledに有効化したいものを配置する。

SPAのここがダメ(特に初心者はやってしまいがち)

Featured image of the post

SPAは実装コストが増加し、セキュリティリスクの可能性も高まるため、そのデメリットを理解したうえで活用することをおすすめする。

ClaudeDesktopとNotion MCPを連携するときの詰まったポイント

Featured image of the post

JSONのエスケープとパスを通すことがポイント。

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

セッション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で使うように設計されていないことが原因。