Dev Containerで開発環境構築
MacにNode.jsをインストールせず、VS CodeのDev ContainerでNext.jsやAstroを開発するための手順をまとめた備忘録。
DJ 2026/7/31（金）
月一の立ち飲みワインバーでのDJ。先日、映画「マイケル」を観てしまったので、今日はMichael Jackson祭り。
Gitのブランチ運用を見直した
GitHubのmainブランチへのプッシュを禁止して、開発用のブランチを切ってから変更を行い、コミット&プッシュ。プレビューを確認して問題なければマージする運用に変更しました。
トレイリングスラッシュ
URLの最後に付くスラッシュ（トレイリングスラッシュ）が気になったので、AstroとCloudflareで付かないように設定しました。
最初のコミットから約1ヶ月
このウェブサイトの作成を始めてから約1ヶ月。必要な構成や機能、設定などのベースができたと思うので、これからは改善や実験を進めていく予定です。
お問い合わせフォームを作成
Astro ActionsとResendを使って、お問い合わせフォームから送信された内容をメールで受信できるようにしました。
ダークモードに対応
サイトをダークモード対応にしました。CSSの固定色をデザイントークン（CSS変数）へ置き換え、ライト/ダークテーマを切り替えられるようにしました。
ページネーションを追加
「あれこれ」の記事が増えてきたので、一覧を10件ごとに分割してページネーションを追加しました。
サイトのパフォーマンスを改善
一通りの設定が終わったので、Lighthouseでサイトを計測し、パフォーマンスを改善しました。
OGP画像とfaviconを設定
ChatGPTにロゴを作成してもらって、それをClaudeにOGP画像とfaviconにしてもらいサイトに設定しました。自分が苦手なことを再認識しました。