Astroについて
このフレームワークは,当サイトを作成する上で,土台になっているものです.
Astroは,いわゆるSSG(静的サイトジェネレータ)であり,予め表示される内容が決まっているサイトの制作にぴったりです.
さらに,Astroは事前にブラウザが直接理解できる形式にデータを変換するため,非常に高速に閲覧できるというメリットもあります.
Why Astro?
コンテンツコレクション
Astroには,コンテンツコレクションという概念があります.これは,Markdownという簡単な記法で記事を書くだけで,事前に用意しておいたレイアウトに代入してWebページにしてくれるものです.
とくに,Wave Graphics Appでは,多少動的な部分もあるものの,基本的には記事中心のウェブサイトとなっていますので,このコンテンツコレクションを存分に活用しています.
アイランドアーキテクチャ
ユーザが実際に見る画面のことを「ユーザーインターフェース(UI)」といいます.UIには,ブログの記事のように完全に決まりきったものもあれば,正弦波の図のように動的で,ユーザが自由に操作できるものもあります.
Astroは主に静的な部分,つまり決まりきったところを作る機能に特化しているため,動的な表示を作るのには少し苦労します.
そこで,アイランドアーキテクチャの登場です.これは,様々な異なるフレームワーク(このサイトでは,Svelte,Vue.js,Reactなど)の使用を可能にするものですが,それらのフレームワークは各々の部品内のみを司ります.
その結果,動的な部分と静的な部分を明確に分けることができるため,サイトの高速化に繋がる他,目的に応じて複数のフレームワークを使い分けられるため,それぞれの利点を活かしたサイト作りが可能になります.