Amazon Linux 2023はデフォルトでスワップ領域がありません。メモリ2GBクラスの小さいEC2/LightsailインスタンスでOOM killerにプロセスを落とされないよう、スワップファイルを追加して永続化する手順をコマンド付きで解説します。swappinessの調整やバーストインスタンスでの注意点も。

既存のHTMLをReact/Next.jsのJSXに移植するときに必要な書き換えルールを一覧で解説します。class→className、for→htmlFor、style属性のオブジェクト化、自己閉じタグ、SVG属性のキャメルケース化など、コピペ移植でエラーになるポイントを網羅。一括変換できる無料ツールも紹介します。

WordPressで運用していたブログをNext.js + MDXへ移行する手順を、実際にこのブログを移行した経験を元に解説します。記事データのMDX変換・画像の移設・URL設計まで。移行時に301リダイレクトを張り忘れ、Search Consoleに404を35本残してしまった実際の失敗と対処法も紹介します。

対数の目盛で掛け算を「長さの足し算」に置き換える計算尺を、ブラウザ上で動かせるWebツールとして作りました。計算尺とはどういう道具なのか、なぜ1970年代のわずか数年で消えたのか、そして今あえて作った理由をまとめます。

初期パスワードやAPIトークンに使えるランダム文字列の作り方を、ブラウザで完結するWebツール・opensslなどのコマンド・PHP/JavaScriptのコード別にまとめました。Math.random()を使ってはいけない理由や、紛らわしい文字の扱いなど実務の注意点も解説します。

GTMを導入してGA4にユーザー数は記録されているのに、ページ別の表示回数が全部ゼロ。原因はGTMコンテナに「Googleタグ」が無く、イベント名{{Event}}のGA4イベントタグだけが動いていたことでした。3年間気づかなかった症状の見分け方と、原因の切り分け手順、修正後の確認方法までをまとめます。

アップロード機能の境界値テストに必要な「ちょうど2MB」「500KBぴったり」のテスト画像の作り方をまとめました。ブラウザで完結する画像メーカー、ImageMagickやddコマンドで作る方法、1MB=1024KB問題など実務のハマりどころも解説します。

簡単なファイル置き場であるS3の疎通確認を行う

クラウドストレージであるAWS S3の、簡単なファイル置き場を作る