番外編:開発技術のパラダイムシフト⑤
0
“番外編:開発技術のパラダイムシフト⑤”についてのテック記事です!
Shankouが執筆してくれています!
番外編⑤:ReactとVueの覇権(SPA時代へ)
〜jQueryの終焉と「仮想DOM」がもたらした現代Webの最終形態〜
導入:「つぎはぎだらけ」の限界
これまでの連載で、フロントエンド(jQuery)、バックエンド(Rails)、デザイン(Bootstrap)、そして開発環境(Node.js)の進化を見てきました。
2010年代中盤、ブラウザやスマートフォンの性能が上がり、Webサイトはついに 「ページを移動せず、ひとつの画面のままアプリのように動く(SPA:シングルページアプリケーション)」 のが当たり前の時代に突入しようとしていました。
しかし、ここで開発者たちは「ある絶望的な壁」にぶち当たります。
「jQueryで複雑なアプリを作ろうとすると、コードが地獄のように絡まる」 という問題です。
例えば、「いいねボタンを押したら、ハートの色が赤くなり、全体のいいね数が+1され、マイページのリストにもその記事が追加される」という処理。
jQuery(DOMを直接書き換える手法)でこれを書こうとすると、「あっちの要素を探して色を変え、こっちの数字を書き換え……」と、プログラムが迷路のように入り組んでしまいます(これを スパゲッティコード と呼びます)。
「もう、手作業で画面(DOM)をいじるのは限界だ……」
そんな悲鳴が上がっていた2013年、巨大SNS企業・Facebook(現Meta)から、Webの常識を根底から覆す「魔法」が公開されました。
・・・
Shankouの
↓解説記事の続きはコチラです↓