サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
docs.astro.build
Astroでは、オプトイン式ページ単位のビュートランジションを数行のコードで実現できます。ビュートランジションは、ブラウザがナビゲーション時に通常おこなうページ全体の更新なしでページコンテンツを更新し、ページ間のシームレスなアニメーションを提供します。 Astroは、単一のページの<head>に追加可能な<ViewTransitions />ルーティングコンポーネントを提供しており、これにより別のページに移動する際のページ遷移を制御できます。このコンポーネントは軽量なクライアントサイドルーターを提供し、ナビゲーションをインターセプトしてページ間の遷移をカスタマイズできるようにします。 このコンポーネントを共通のヘッドやレイアウトなど再利用可能な.astroコンポーネントに追加すると、サイト全体でのアニメーション付きのページ遷移(SPAモード)が可能になります。 Astroのビュートランジシ
Astroのウェブサイトを アイランドアーキテクチャ / パーシャルハイドレーション で構築する際に、 「コンポーネント間で状態を共有したい」 という問題に直面することがあります。 ReactやVueなどのUIフレームワークは、他のコンポーネントなどの 「コンテキスト」プロバイダー の利用を奨励する場合があります。 ただし、AstroやMarkdown内で コンポーネントを部分的にハイドレート する場合、これらのコンテキスト ラッパーを使用することはできません。 Astroは、クライアント側の共有ストレージに別のソリューション (Nano Stores) を推奨しています。 Nano Storesライブラリを使用すると、任意のコンポーネントが相互作用できるストアを作成できます。 Nano Storesを推奨する理由は次の通りです。 軽量です。 Nano Storesは必要最低限のJS(1K
Astroは、ブログやマーケティング、eコマースなど、コンテンツ駆動のウェブサイトを作成するためのウェブフレームワークです。Astroは、新しいフロントエンドアーキテクチャを開拓し、他のフレームワークと比較してJavaScriptのオーバーヘッドと複雑さを低減することで知られています。高速でSEOに優れたウェブサイトが必要なら、Astroが最適です。 Astroはオールインワンのウェブフレームワークです。 Astroには、ウェブサイトを作成するために必要なすべてが組み込まれています。また、さまざまなインテグレーションやAPIフックがあり、プロジェクトを自分のユースケースやニーズに合わせてカスタマイズできます。 特筆すべき点は以下の通りです。 アイランド: コンテンツ駆動のウェブサイトに最適化されたコンポーネントベースのウェブアーキテクチャです。 自由なUI: React、Preact、Sv
Astroは、アイランド(Islands)と呼ばれるフロントエンドアーキテクチャを開拓し、普及させました。アイランドアーキテクチャは、モノリシックなJavaScriptのパターンを避け、ページから不要なJavaScriptをすべて自動的に削除することで、フロントエンドのパフォーマンスを向上させます。開発者は、Astroと一緒にお気に入りのUIコンポーネントやフレームワークを使い続けながらも、なおこうしたメリットを得られます。 「コンポーネントアイランド」という用語は、EtsyのフロントエンドアーキテクトであるKatie Sylor-Millerによって2019年に作られました。その後このアイデアは拡張され、Preactの作者であるJason Millerによる2020年8月11日のこの記事によって文書化されました。 「アイランド」アーキテクチャの基本的な考え方は驚くほどシンプルです。サーバ
Astroは、パフォーマンス、シンプルさ、求める機能の多くがフレームワークに組み込まれていることなど、多くの利点を備えています。サイトを拡張する必要がある場合には、Astroが提供する複数の公式およびサードパーティコミュニティのインテグレーションを利用できます。 移行はそれほど難しくはないかもしれません! プロジェクトによっては、以下の既存の資産を利用できる可能性があります。 Astroで直接利用できるUIフレームワークコンポーネント。 Tailwindを含む、CSSスタイルシートやライブラリ。 既存のremarkおよびrehypeプラグインを使用して設定されたMarkdownやMDXファイル。 インテグレーションまたはAPIを介したCMSのコンテンツ。 多くの既存サイトをAstroで構築できます。Astroは、ブログ、ランディングページ、マーケティングサイト、ポートフォリオなど、コンテン
ブログやポートフォリオ、ドキュメント、ランディングページ、SaaS、マーケティング、ECサイトなどに対応したAstroのスターターテーマを探索してみましょう!
このページを最初にブックマークしてみませんか?
『https://docs.astro.build/』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く