Tech Blog — 個人技術ブログ

プロジェクト概要

日々の開発で得た知見・設計判断・ハマりどころを外に出すための、自ドメインで運用している個人技術ブログ。tech-blog.yoshikiohashi.dev で公開している。

主な特徴

• Notion を CMS として利用: 執筆は Notion 上、公開は静的サイトというハイブリッド構成
• Astro による静的生成: 記事ページはビルド時に生成し、CDN 配信で高速化
• タグ・カテゴリ: フロントエンド / バックエンド / インフラ / ライフなど横断的な整理
• ダークモード対応: OS の設定と連動し、切り替えも可能

技術的な特徴

• Astro の Content Collections: Notion から取得したデータを型安全に扱う
• Cloudflare Pages: GitHub 連携による自動デプロイと独自ドメイン運用
• 画像最適化: Astro の Image コンポーネントで自動最適化
• SEO: OGP・sitemap・RSS を自動生成

成果

• 自ドメイン tech-blog.yoshikiohashi.dev で継続運用
• 執筆〜公開までを Notion → GitHub Actions → Cloudflare で完全自動化
• 個人ブランディングと採用面での接点の場として機能