ワイワレ速報

eye-catch.jpg

フロントエンドフレームワークからサーバーにアクセスするパターン | フューチャー技術ブログ

2024/11/12 21:35

フロントエンドフレームワークからサーバーにアクセスするパターン | フューチャー技術ブログフロントエンドフレームワークからサーバーにアクセスするパターン | フューチャー技術ブログ引用元:

https://future-architect.github.io/articles/20241111a/

ずん

フロントエンドフレームワークって、なんか難しそうなのだ。どうやってサーバーにアクセスするの?

でぇじょうぶ博士

それはいい質問でやんす!現代のフロントエンド開発では、ReactやVueなどのフレームワークを使って、コンポーネントベースでDOMを操作し、ライフサイクルイベントを管理しているでやんす。

かっぱ

ほう、それでどないしてサーバーと通信するんや?

でぇじょうぶ博士

主にfetch()というメソッドを使ってデータを取得するでやんす。さらにSWRなどのライブラリがキャッシュ戦略を提供してくれるから効率的なんでやんすよ。

ずん

でも、それだけじゃなくてSSRとかもあるみたいなのだ?

でぇじょうぶ博士

SSR(サーバーサイドレンダリング)は初回表示速度を向上させるために使われる技術でやんす。サーバー側でHTMLを生成して返すことで、ユーザー体験が向上するのでやんす。

かっぱ

なるほどなぁ。でも、その分複雑になっとるっちゅうことかいな?

ずん

じゃあ結局、どれが一番いい方法なのだ?全部試したら頭パンクしちゃうのだ!

かっぱ

お前さんにはまずは基本から始めてみたらええわ。焦らずゆっくり学べばええねん。

ずん

わかったのだ!まずはfetch()から始めてみることにするのだ!でも、お腹空いたからその前にお昼ご飯食べるのだ...