Blog Operations
5分で読了
「静的サイトなのに、人気記事ランキング?」— Astro × GA4 で作るランキング機能
Astroで構築された静的サイトに、Google Analyticsのデータを利用した人気記事ランキング機能の実装を解説します。ビルド時のデータ取得、コンテンツとの整合性チェック、CIでのフォールバック処理など、SSGならではの方法を紹介。
Blog Operations
ブログの技術構成、運用ツール、パフォーマンス改善やアクセス解析の記録
Astroで構築された静的サイトに、Google Analyticsのデータを利用した人気記事ランキング機能の実装を解説します。ビルド時のデータ取得、コンテンツとの整合性チェック、CIでのフォールバック処理など、SSGならではの方法を紹介。
長年使っていたWordPress + さくらレンタルサーバーの構成から、Astro + Cloudflare Pages + GitHubの構成に移行しました。その手順やハマったポイント、移行してみての感想などを雑多にまとめます。
ブログのコンテンツ(Markdown)とシステム(Astro)を別々のリポジトリで管理し、Git Submoduleで連携させる構成を採用しました。その理由と、DDD的な観点からのメリット、そしてやってみて感じたデメリットについて解説します。Cloudflare Pagesでのデプロイ設定についても触れます。
お名前.comとはてなブログから、CloudflareとWordPressへの移行プロセスを徹底解説!移行の動機となったコスト削減や自由度の向上から、具体的な移管手順、記事移行での注意点やハマりどころまで、実体験をベースに詳しく紹介します。
Dockerを使用してWordPressをローカル環境に数分で構築する手順を解説します。データベース(MySQL)との連携、Docker Networkの設定、環境構築後のセットアップからコンテナのクリーンアップ方法まで、初心者でも迷わないようエンジニア目線でまとめました。