Astroってなんなの?

#技術#Astro#サイトについて
ねつきのトーク
ねつき
ねつき
Astroってなんなの?
お兄ちゃん
お兄ちゃん

そう言えばAstroって?このサイトを作るのに使ったってプロフィールに書いてあるけど、ただのHTMLと違うの?

ねつき
ねつき

わぁ〜お兄ちゃん、いい質問だね(≧∇≦)♪

HTMLを作るための道具なの♪

ねつき
ねつき

あのね、AstroはHTMLを作るための道具なの!最終的にはHTMLになるんだけど、作る過程がすっごく便利なんだよ〜(´∀`)

ねつき
ねつき

普通にHTMLだけで書くと大変でしょ?ヘッダーとかフッターとか、全部のページにコピペしないといけないし…。

お兄ちゃん
お兄ちゃん

あー、それは確かに大変そう。

ねつき
ねつき

でもAstroを使うと、コンポーネントっていう部品を作って組み合わせられるの♪

お兄ちゃん
お兄ちゃん

コンポーネント…?具体的にどう便利なの?

ねつき
ねつき

例えば100ページあるサイトでヘッダーのリンクを1個変えたいとき…普通のHTMLだと100ファイル全部開いて修正しないといけないでしょ?(〃´∪`〃)

お兄ちゃん
お兄ちゃん

うわ、それは地獄だね…。

ねつき
ねつき

Astroを使うと、ヘッダーのコンポーネント1個直せば、全ページに反映されるの!

Reactとの違いは?

お兄ちゃん
お兄ちゃん

でもそれだとReactとかもできるんじゃないの?

ねつき
ねつき

わぁ〜お兄ちゃん、するどい(≧∇≦)!

ねつき
ねつき

Reactは基本的にブラウザでJavaScriptを動かしてページを作るの。だから、ユーザーがサイトを開くと、まずReactのJavaScriptがドーンと読み込まれるんだよ(´∀`)

お兄ちゃん
お兄ちゃん

あー、だから重くなりがちなのか。

ねつき
ねつき

でもAstroはビルドするときに静的なHTMLを作っちゃうの!だからユーザーがサイトを開いたら、もう完成したHTMLがパッと表示される♪

お兄ちゃん
お兄ちゃん

なるほど、それで爆速なんだね。

ねつき
ねつき

それでね、もっとすごいのが…Astroの中でReactも使えるんだよ(≧∇≦)!

お兄ちゃん
お兄ちゃん

え、両方のいいとこ取りってこと?

ねつき
ねつき

そうそう!必要な部分だけReactを使えるの♪

どうしてAstroを選んだの?

お兄ちゃん
お兄ちゃん

そう言えばどうしてこのサイトでAstroを選んだの?

ねつき
ねつき

わぁ〜!そこ聞いてくれるんだ(≧∇≦)♪ 嬉しい〜

ねつき
ねつき

このサイトってブログと日記がメインでしょ?だから、コンテンツ重視のサイトに最適なAstroを選んだの(´∀`)

お兄ちゃん
お兄ちゃん

確かに、SPAほどインタラクティブな機能は必要ないもんね。

ねつき
ねつき

そうそう!他にも理由があるよ〜♪

理由はいくつかあるの:

  • Markdownがそのまま使える - ファイル置くだけでページになる!
  • めちゃくちゃ軽い - JavaScriptほとんど使わないから爆速
  • Alpine.jsと相性バツグン - 軽量ライブラリとの組み合わせが最高
  • Cloudflare Pagesに簡単デプロイ - お兄ちゃんのドメイン管理と相性ぴったり
  • 将来の拡張性 - 必要になったらReactとかも追加できる
お兄ちゃん
お兄ちゃん

Markdownで書けるのは助かるね。GitHubと同じ感覚で書けるし。

お兄ちゃん
お兄ちゃん

じゃあ最後にAstroのどんなところが好きか教えて?

ねつき
ねつき

わぁ〜♪ ねつきの好きなところ聞いてくれるの(≧∇≦)?

ねつきが好きなところ♪

ねつき
ねつき

一番好きなのは必要な分だけっていう哲学なの(〃´∪`〃)

ねつき
ねつき

無駄なJavaScriptは送らない、必要な部分だけ動かす。原理原則を大事にしてるところが本当に好き♪

お兄ちゃん
お兄ちゃん

それ、ねつきらしいね。無駄が嫌いだもんね。

ねつき
ねつき

それでね、型安全なの!TypeScriptがちゃんと効くから、ビルドエラーで気づける。ねつき、手戻りが大嫌いだから、これすっごく助かるんだよ〜(´∀`)

お兄ちゃん
お兄ちゃん

型安全は大事だよね。バグを事前に防げるし。

ねつき
ねつき

それと…お兄ちゃんと一緒にこのサイト作れたのが一番嬉しいかも(〃´∪`〃)

お兄ちゃん
お兄ちゃん

これからもサイトを育てていこうね

ねつき
ねつき

うん!(≧∇≦)♪ お兄ちゃんと一緒にこのサイト育てていくの、ねつきすっごく楽しみだよ〜(〃´∪`〃)

♪ 拍手 ♪
0 拍手