TECHNOLOGY COMPARE

Astro / Hono

「どっちが上?」ではなく、まず同じ仕事をする道具なのかを確認します。

DIFFERENT LAYERS

単純な二者択一ではない

AstroとHonoは担当する層が違うため、単純な二者択一ではありません。まず「何を作るための道具か」を分けて考えるのがおすすめです。

Webサイト・Webアプリ

Astro

コンテンツ中心サイトへ必要な対話部分だけを配るWebフレームワーク。標準では静的HTMLを生成し、選んだUI部品だけをブラウザで動かす。

何を担当する?

標準では静的HTMLを生成し、選んだUI部品だけをブラウザで動かす。

いつ使う?

  • ブログ、文書、企業サイトで表示速度と少ないJavaScriptを重視するとき。

避けたい場面

  • 画面全体が常時対話する単一ページアプリを中心に作るとき。
API・サーバー

Hono

Web標準APIを使う小さく高速なサーバーフレームワーク。同じハンドラー設計をエッジ、Node.js、Bun、Denoで動かす。

何を担当する?

同じハンドラー設計をエッジ、Node.js、Bun、Denoで動かす。

いつ使う?

  • 複数ランタイムへ持ち運べるAPIやエッジ処理を作るとき。

避けたい場面

  • Node.js固有ミドルウェア資産を変更せず大量に使うとき。