Tag: Astro
All the articles with the tag "Astro".
Astro 7.3の新機能：previewの並行起動と拡張ポイントへのロガー対応
2026年9月3日に出たAstro 7.3の変更点を、astro preview --ignore-lockによる複数プレビューサーバーの並行起動、画像サービスとキャッシュプロバイダーへのロガー受け渡し、@astrojs/cloudflareのfinalize()ヘルパー、同時に入った修正の順に解説します。
Astro 7.2の新機能：インクリメンタルビルドとセッション無効化
2026年8月6日に出たAstro 7.2の変更点を、実験的なインクリメンタルスタティックビルド、session: falseによるセッションの無効化、astro previewのバックグラウンドモード、logger.entrypointの相対パス対応の順に解説します。
12. AstroPaperのビルドとデプロイ
pnpm buildが実行する4つの処理と公開前の確認手順、静的ホスティングへのデプロイ設定、サブパス公開時のbase設定や公開後の点検項目をまとめます。
11. AstroPaperでUI文言の翻訳と多言語対応
AstroPaperのUI文言がどう選ばれるかを追いながら、日本語ファイルの追加手順、astro.config.tsのi18n設定、日付表示など翻訳ファイル以外の箇所への対応をまとめます。
10. AstroPaperでOG画像の自動生成とSEO
SatoriとSharpを使った記事ごとのOG画像自動生成の仕組みと決定ロジック、正規URLや構造化データを含むAstroPaperのSEO対応をまとめます。
09. AstroPaperの検索・RSS・サイトマップ
Pagefindによる静的サイト内検索の仕組みと索引の作り方、RSSフィードとサイトマップ、robots.txtの生成について、設定と運用上の注意点をまとめます。
08. AstroPaperの配色テーマをカスタマイズする
AstroPaperの7つのカラートークンを軸に、ライトモードとダークモードの配色変更、テーマ切り替えの内部動作、本文まわりのタイポグラフィ調整までを解説します。
07. AstroPaperのMarkdown表現とアセットの扱い
AstroPaperで使える目次の自動生成、コールアウト、コードブロックの装飾記法、画像の置き場所と最適化、MDXによるコンポーネント利用までを実例つきで解説します。
06. AstroPaperで記事を整理する：ディレクトリ・URL・タグ
記事が増えても管理しやすいように、サブディレクトリによる分類、ファイルパスから公開URLが決まる仕組み、タグ設計、アーカイブとページ送りの挙動を整理します。
05. AstroPaperで記事を書く：フロントマターと公開制御
AstroPaperの記事に書くフロントマターの全項目と、Zodスキーマによる検証の仕組み、下書き・予約公開・タイムゾーンといった公開制御の挙動をまとめます。
04. astro-paper.config.ts で設定する
AstroPaperの設定ファイルに書ける全項目を、site・posts・features・socials・shareLinksのグループごとに、既定値と実際の効き方を添えて解説します。
03. AstroPaperのディレクトリ構成を読み解く
AstroPaperのプロジェクトに含まれるディレクトリとファイルの役割を、編集する頻度の高い順に整理し、目的の場所へ迷わずたどり着けるようにします。
02. AstroPaperのインストールと開発サーバーの起動
AstroPaperのテンプレートからプロジェクトを作成し、依存関係の導入、開発サーバーの起動、主要コマンドの使い分けまでを、つまずきやすい点を補足しながら順に説明します。
01. AstroPaperとは何か：最小限で始めるブログテーマ
AstroPaperがどんな課題を解決するテーマなのかを、Astroとの関係、掲げている4つの価値、技術スタックの観点から整理し、他の選択肢との違いを明らかにします。
00. AstroPaper徹底入門シリーズ 目次
Astro製のブログテーマAstroPaperを、設計思想から設定ファイル、記事の書き方、テーマ配色、検索、OG画像、多言語対応、デプロイまで12章で学ぶシリーズの目次です。
12. Astroのビルドとデプロイ
astro checkからビルド、プレビューまでの流れと、siteやbaseなど公開時に必要な設定、インテグレーションの活用、各種ホスティングへのデプロイ方法をまとめます。
11. Astroの画像最適化とView Transitions
ImageコンポーネントやPictureコンポーネントによる画像最適化と、ClientRouterを使った滑らかな画面遷移の実装方法および注意点をまとめます。
10. AstroのエンドポイントとActions
JSONなどのデータを返すエンドポイントの作り方と、型安全にサーバー処理を呼び出せるActionsの使い方を、フォーム連携やエラー処理を含めて解説します。
09. Astroのレンダリングモードとアダプター
ビルド時に生成する静的レンダリングと、リクエスト時に生成するオンデマンドレンダリングの違い、アダプターの役割、prerenderによる使い分けを整理します。
08. AstroのアイランドアーキテクチャとUIフレームワーク
静的HTMLの中に必要な対話性だけを配置するアイランドの考え方と、client:*ディレクティブ、React/Vue/Svelteの統合、サーバーアイランドを解説します。
07. AstroでMarkdownとMDXを使いこなす
Markdownファイルの扱い方から、Astro 7で既定になったMarkdownプロセッサ、remark/rehypeへの切り替え、シンタックスハイライト、MDXの使いどころまでを解説します。
06. Astro コンテンツコレクションで記事を管理する
content.config.tsによるコレクション定義、ローダーとZodスキーマによる検証、getCollectionやrenderを使った記事ページの生成手順をまとめます。
05. Astroのファイルベースルーティング
src/pages配下のファイル構成がそのままURLになる仕組みから、動的ルートとgetStaticPaths、ページネーション、リダイレクト、ルートの優先順位までを解説します。
04. Astroのレイアウトとスタイリング
共通の外枠をレイアウトコンポーネントにまとめる方法と、スコープ付きCSS・グローバルCSS・CSS変数・Tailwindなどスタイルの当て方を整理します。
03. .astroコンポーネントの基本
コンポーネントスクリプトとテンプレートの二層構造、Propsの受け渡し、slotによる内容の差し込みなど、.astroファイルの読み書きに必要な文法をまとめます。