PageSpeed Insights 90点超えのリファクタリング
PageSpeed Insightsで90点超えを達成するまでのリファクタリング記録。レンダリングブロック、CLS、アクセシビリティ、Rocket Loader、JavaScript遅延初期化、content-visibilityまで、実装の論理と手順をまとめる。
カレンダーUIの再設計:情報密度と配色の整理でプロ仕様に
ブログのカレンダーUIを情報密度・配色・レイアウトの観点から再設計。枠線をなくし、アクセント色をインディゴに統一、ダークモードを最適化、さらに記事一覧との統合まで行った改善内容をまとめる。
カレンダー機能開発で学んだAstroのベストプラクティス
カレンダー機能の最適化プロセスで得られたAstro開発の重要な知見。SSR/CSR連携、イベント管理、パフォーマンス最適化など、他のプロジェクトにも応用できる普遍的な技術を徹底解説。
Astro 5.4.1から6.1.1へ:メジャーアップグレード完全攻略ガイド
エンジニアが実践するフレームワークアップグレード。戦略的アプローチでスムーズに完遂した方法を実例交えて解説。
カレンダー機能の完全実装:Astroでブログ記事を日付から直接アクセス
ブログ記事をカレンダーから直接アクセスできる機能をAstroで実装。記事数の視覚的表現、クリック機能、モーダル選択まで完全な解説。
カレンダー機能の最適化:月移動時のデザイン崩れと複数記事表示の改善
カレンダー機能の月移動時におけるデザイン崩れ問題を根本的に解決し、複数記事の視覚的表現を改善。JST日付判定の統一、イベントデリゲーション、ドット表示の最適化まで。
Cloudflare Pages + KVで実現する爆速CMS:実装記録と課題
Astro + Cloudflare Pages + KVで構築したCMSの開発進捗。KVストレージのパフォーマンス特性、実装上の課題、そして今後の改善計画まで、技術的な詳細をすべて公開。
CMS開発進捗:Cloudflare KVでのデータ永続化に挑戦中
Astro + Cloudflare Pagesで構築したブログにCMS機能を実装中。KV永続化の課題と現在の開発状況について。
外部JSゼロ・爆速・プライバシー配慮の自作コンポーネントをブログに追加した話
ダークモード・全文検索・読了プログレスなど、外部ライブラリを使わずに自作したUIコンポーネントの実装記録。
年間維持費1700円で構築したこのサイトの技術スタック
最小コストでブログを構築・運用するために選んだ技術スタックと、実際の維持費について。