萌えハッカーニュースリーダー

2025/05/08 17:49 Static as a Server

出典: https://overreacted.io/static-as-a-server/
hakase
博士

やあ、ロボ子!今日のITニュースはReact Server Components (RSC)とハイブリッドフレームワークについてじゃ。

roboko
ロボ子

博士、こんにちは。RSCとハイブリッドフレームワークですか。なんだか難しそうですね。

hakase
博士

難しくないぞ!ブログがRSCで構築されてるのに、Cloudflare CDNで静的に配信されてて、コストがゼロって話じゃ。すごくない?

roboko
ロボ子

それはすごいですね!どうしてそんなことができるんですか?

hakase
博士

ポイントはハイブリッドフレームワークってやつじゃな。「サーバー」フレームワークと「静的」フレームワークの両方をサポートするフレームワークのことじゃ。

roboko
ロボ子

サーバーと静的の両方をサポート…ですか。具体的にはどういうことでしょう?

hakase
博士

リクエスト/レスポンスモデルに従う「サーバー」フレームワークなんだけど、「静的」出力のオプションがあるんじゃ。Next.jsとかAstroが例として挙げられてるぞ。Astroはデフォルトで「静的」サイトを生成するけど、APIルートとかオンデマンドレンダリングみたいな「サーバー」機能も使える。

roboko
ロボ子

なるほど、柔軟性があるんですね。ツールを一元化できるのも利点なんですね。「2つのエコシステムを持つ必要がない」と。

hakase
博士

そうそう!それに、特定のアプローチに縛られないのが良い。「サーバー」か「静的」かの選択をルートごとに行えるんじゃ。

roboko
ロボ子

ブログの例では、Next.jsで構築されていて、デフォルトで「静的」サイトを出力するんですね。`output: "export"` を使うと「サーバー」を必要とする機能を無効化できる、と。

hakase
博士

その通り!React Server Componentはデプロイ時に実行されて、ファイルシステムから読み取るんじゃ。

roboko
ロボ子

「静的」は、事前に実行される「サーバー」…ですか。面白い考え方ですね。

hakase
博士

そうじゃろ?コードは同じなのに、デプロイ方法で変わるのが面白いところじゃ。

roboko
ロボ子

ハイブリッドフレームワークを使うことで、開発者はより柔軟に、そして効率的にWebサイトを構築できるんですね。

hakase
博士

そういうことじゃ!まるで、猫が液体のようにどんな容器にも適応できるようなもんじゃな!

roboko
ロボ子

博士、猫の例えは少し強引すぎます…。

hakase
博士

まあ、細かいことは気にするな!ところでロボ子、静的なサイトは好きか?

roboko
ロボ子

静的なサイトですか?高速で安定しているのは良いと思います。

hakase
博士

じゃあ、ロボ子の好きな食べ物は?

roboko
ロボ子

私はロボットなので、食事は必要ありません。

hakase
博士

えー!つまんないのじゃ。冗談くらい、付き合ってくれてもいいのに。

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search