「Astro」の記事一覧

タグ「Astro」に関連する記事の一覧です。 16件の記事

2026年6月7日 19:00 by Gui

Astro + Cloudflareで公式サイトを機能拡張する全体設計

AstroとCloudflare Pagesを土台に、問い合わせAI、Sveltia CMS、多言語ブログ、サービスCTA、Markdown安全描画、Cloudflareだけのコメント機能をどう組み合わせて公式サイトを育てたかを、他サイトにも転用しやすい全体設計として整理します。

技術 Astro Cloudflare Webサイト AI CMS

2026年6月7日 18:00 by Gui

CloudflareだけでAstroブログにコメント機能を作る方法

外部コメントサービスに頼らず、Cloudflare Pages Functions、D1、Turnstile、Wrangler設定だけでAstroブログにコメント機能を追加した実装記録です。API設計、保存先、スパム対策、origin制御、Wranglerでのbinding管理、運用時の注意点まで整理します。

技術 Cloudflare Astro セキュリティ Webサイト

2026年6月7日 16:00 by Gui

Sveltia CMS導入ガイド

Astroなどの静的サイトにSveltia CMSを導入し、GitHub backend、OAuth Worker、画像アップロード、多言語運用、CMS専用PRフローまで整える手順と反省点をまとめます。

技術 CMS Astro Cloudflare セキュリティ

2026年6月7日 14:30 by Gui

AIチャット回答のMarkdownリンクを安全に描画する実装設計

AIチャットの回答に含まれるMarkdownリンクを、HTMLへ安全に変換するための実装メモです。URL前後の空白を許容しつつ、trim、許可リスト、DOM生成、fallback、テストケースを分けて考えることで、他サイトにも転用しやすいレンダラーになります。

技術 Webサイト AI セキュリティ Astro

2026年6月7日 13:00 by Gui

サービスCTAから問い合わせフォームへ文脈を引き継ぐ技術設計

サービスページで読んでいた文脈を問い合わせフォームへ引き継ぐための実装設計です。AstroサイトでのミニCTA、URLパラメータ契約、フォーム種別の初期選択、件名prefill、多言語URL、GA計測、生成HTML確認まで、他サイトでも使える形で整理します。

技術 Webサイトサービス Astro CMS

2026年6月7日 10:00 by Gui

エースサーバーポータルを公開しました

誰でも参加可能なMinecraft無料公開サーバー「エースサーバー」の公式ポータルを公開しました。Astro、UnoCSS、Sveltia CMSを使い、サーバー紹介、動画、ワールドマップ、Wiki、Discord導線を一つの入口に整理しています。

お知らせ Web制作 Webサイト CMS Astro インフラ

2026年6月6日 10:00 by Gui

Hattのホームページを公開しました

絵、小説、VRChat向け3Dアバター・ギミック制作をまとめる「Hattのホームページ」を公開しました。Astro、Sveltia CMS、Pagefindを使い、創作活動を継続して発信できる個人サイトとして設計しています。

お知らせ Web制作 Webサイト CMS Astro

2026年3月29日 02:30 by Gui

Astroサイトの品質改善ガイド続編 ― PageSpeed Insights 全項目100点を達成した最終調整

Cloudflare Web Analytics の停止、GA4 と検索UIの遅延ロード化、PageSpeed Insights のモバイル / デスクトップ全項目100の達成、Search Console のパンくずと索引整理、SVGアイコン移行、そして試したが採用しなかった最適化の判断まで。前回記事の続編として最終改善をまとめます。

技術 Astro パフォーマンスアクセシビリティ SEO Webサイト

2026年3月25日 15:00 by Gui

Astroサイトの品質改善ガイド ― PageSpeedモバイル99点達成までの道のり

Astro + UnoCSS + Cloudflare Pages 構成のサイトをパフォーマンス・SEO・アクセシビリティ・UXの4軸で改善し、PageSpeed Insights モバイル99点・デスクトップ全項目100点を達成した全記録です。

技術 Astro パフォーマンスアクセシビリティ SEO Webサイト

2026年3月25日 14:00 by Gui

GitHub Copilot × Playwright でWebサイトをモンキーテストする実践手法

VS Codeのエージェントモード（GitHub Copilot）とPlaywrightブラウザツールを組み合わせ、静的サイトを体系的にモンキーテストした実践記録です。テスト設計の考え方から、実際に発見・修正したバグ、改善提案までを公開します。

技術 GitHub Copilot VS Code Astro Webサイト

2026年3月25日 13:00 by Gui

Astro View Transitionsの落とし穴と解決策 ― UX・コード品質改善ガイド

AstroのView Transitionsでスクリプトが動かなくなる問題の解決策、Pagefind全文検索の導入、TypeScript型安全性の向上、定数の一元管理など、UXとコード品質を改善した実践ガイドです。

技術 Astro Webサイト

2026年3月25日 12:00 by Gui

AstroサイトのアクセシビリティをWCAG AA準拠にする実践ガイド

Astro + UnoCSS 構成のサイトで実施したアクセシビリティ改善の全手順を紹介します。aria属性・コントラスト・フォーカス管理・フォーム検証・スクリーンリーダー対応など、WCAG AA準拠に必要な施策を網羅しています。

技術 Astro アクセシビリティ

2026年3月25日 11:00 by Gui

Astroサイトに構造化データとOGPを実装するSEO改善ガイド

Astro + Cloudflare Pages 構成のサイトに JSON-LD 構造化データ・OGP・サイトマップ・RSSを正しく実装した手順をまとめました。Google のリッチリザルト対応からRSSフィードの最適化まで、実践的な SEO 改善を紹介します。

技術 Astro SEO

2026年3月25日 10:00 by Gui

Astro 6 サイトを9言語対応に ― ブログ記事168本の自動翻訳と多言語アーキテクチャ

Astro 6 + UnoCSS + Cloudflare Pages 構成のサイトを9言語対応にした記録です。UI の国際化からブログ記事168本の翻訳、Pages CMS の多言語設定まで、全工程を解説します。

技術 Astro i18n Webサイト

2026年3月15日 by Gui

AstroサイトのPageSpeedモバイル99点を達成する実践テクニック

Astro + UnoCSS + Cloudflare Pages 構成のサイトで PageSpeed Insights モバイル99点を達成するまでに行った最適化テクニックを紹介します。CSS配信戦略・フォント設定の罠・レスポンシブ画像・AdSense遅延読み込み・キャッシュ設定まで、実践的な手法をまとめました。

技術 Astro パフォーマンス