サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
docs.astro.build
Astroでは、オプトイン式ページ単位のビュートランジションを数行のコードで実現できます。ビュートランジションは、ブラウザがナビゲーション時に通常おこなうページ全体の更新なしでページコンテンツを更新し、ページ間のシームレスなアニメーションを提供します。 Astroは、単一のページの<head>に追加可能な<ViewTransitions />ルーティングコンポーネントを提供しており、これにより別のページに移動する際のページ遷移を制御できます。このコンポーネントは軽量なクライアントサイドルーターを提供し、ナビゲーションをインターセプトしてページ間の遷移をカスタマイズできるようにします。 このコンポーネントを共通のヘッドやレイアウトなど再利用可能な.astroコンポーネントに追加すると、サイト全体でのアニメーション付きのページ遷移(SPAモード)が可能になります。 Astroのビュートランジシ
When building an Astro website with islands architecture / partial hydration, you may have run into this problem: I want to share state between my components. UI frameworks like React or Vue may encourage “context” providers for other components to consume. But when partially hydrating components within Astro or Markdown, you can’t use these context wrappers. Astro recommends a different solution
マルチページアプリケーション(MPA)とシングルページアプリケーション(SPA)のアーキテクチャのトレードオフを理解することは、AstroとNext.jsやRemixといった他のWebフレームワークの違いを理解する上で重要なポイントになります。 マルチページアプリケーション(MPA) とは、複数のHTMLページで構成されるWebサイトのことで、そのほとんどがサーバー上でレンダリングされます。新しいページに移動すると、ブラウザはサーバーに新しいページのHTMLを要求します。Astroは、MPAフレームワークの1つです。従来のMPAフレームワークには、Ruby on Rails、Python Django、PHP Laravel、WordPress、Joomla、Drupal、そしてEleventyやHugoなどの静的サイトジェネレーターも含まれます。 シングルページアプリケーション(SPA)
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のスターターテーマを探索してみましょう!
このページを最初にブックマークしてみませんか?
『Getting Started』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く