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

ログフォーマットの設計

Featured image of the post

ログはタブ区切りで、変数の出力には=を使うことをおすすめする。

ログレベルの設計

Featured image of the post

ERROR,WARN,INFO,DEBUGの4種類のログレベルを利用している。

MVCC(多版型同時実行制御)とは?をわかりやすく説明

DBに対して同時に処理をしようとしたとき、gitのような考え方で解決する方法のこと。

MacOSでrarファイルを開く

Homebrewからunrarをインストールして解凍するのが楽。

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。