Change Of Pace

気分転換の遊び場
（技術のことから雑談ネタまでいろいろ書いてる個人ブログ）

2023/07に Jekyll より移行したもの。

技術構成

• TypeScript：5.5.4
• Node.js：20.16.0
• Astro：4.15.4
• UnoCSS：0.62.3

環境変数

テンプレファイルをコピーして、値を入れる

cp .env.example .env

• GOOGLE_ANALYTICS_TAG：G-から始まる ID
• GOOGLE_SITE_VERIFICATION
• PUBLIC_GOOGLE_ADSENSE_PUBLISHER_ID：ca-から始まる ID
• PUBLIC_GOOGLE_ADSENSE_SLOT

環境構築

ライブラリインストール

npm install

開発サーバ起動

npm run dev

静的ファイルとしての確認

ビルド

npm run build

プレビュー起動

npm run preview

開発にあたり、特に inspire されたサイト

• Zenn：全体構成
• Tailwind CSS：メニュー周り
• hiroppy's site：全体構成、リンクカード
• mamenaka：Google Adsense スクリプトの遅延読み込み