Wave

.graphics
wave.graphics  > framework  > astro

Astro

Astroは,コンテンツ中心のサイト(ブログなど)の作成に便利な静的サイト作成ツールです.動的でない機能が中心の場合,高速で動作するため,非常に便利です.

Astroについて

このフレームワークは,当サイトを作成する上で,土台になっているものです.
Astroは,いわゆるSSG(静的サイトジェネレータ)であり,予め表示される内容が決まっているサイトの制作にぴったりです.
さらに,Astroは事前にブラウザが直接理解できる形式にデータを変換するため,非常に高速に閲覧できるというメリットもあります.

Why Astro?

コンテンツコレクション

Astroには,コンテンツコレクションという概念があります.これは,Markdownという簡単な記法で記事を書くだけで,事前に用意しておいたレイアウトに代入してWebページにしてくれるものです.
とくに,Wave Graphics Appでは,多少動的な部分もあるものの,基本的には記事中心のウェブサイトとなっていますので,このコンテンツコレクションを存分に活用しています.

アイランドアーキテクチャ

ユーザが実際に見る画面のことを「ユーザーインターフェース(UI)」といいます.UIには,ブログの記事のように完全に決まりきったものもあれば,正弦波の図のように動的で,ユーザが自由に操作できるものもあります.
Astroは主に静的な部分,つまり決まりきったところを作る機能に特化しているため,動的な表示を作るのには少し苦労します.
そこで,アイランドアーキテクチャの登場です.これは,様々な異なるフレームワーク(このサイトでは,SvelteVue.jsReactなど)の使用を可能にするものですが,それらのフレームワークは各々の部品内のみを司ります.
その結果,動的な部分と静的な部分を明確に分けることができるため,サイトの高速化に繋がる他,目的に応じて複数のフレームワークを使い分けられるため,それぞれの利点を活かしたサイト作りが可能になります.