← タグ一覧

#Astro

10件の記事

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円で構築したこのサイトの技術スタック

最小コストでブログを構築・運用するために選んだ技術スタックと、実際の維持費について。