Slide 24
Slide 24 text
©intrapreneur Lab all rights reserved
©intrapreneur Lab all rights reserved
--レガシーなWebサイト--
cgi perl, 装飾レベルでのjavascript使用
--Webアプリ時代--
jsp Java & Javascript, templateベースhtml
Servlet, J2EE, アプリケーションサーバー
--ajax登場--
Ajax
jQuery
Backbone.js
--SPA(Single Page Application)時代--
Single Page Applicationフレームワーク/ライブラリの隆盛
AngularJS/React/Vue.js/Riot.js
Fluxアーキテクチャ(Redux, Vuex)
RESTfulなAPIs
マイクロサービスアーキテクチャ
ーーWebフロントエンド技術の発展時代
SSR(Server Side Rendering)Next/Nuxt
PWA(Progressive Web Application)
BFF(Backend for Frontend)やGraphQLの登場
静的サイトジェネレータ(SSG)、JAMStack,
electron, Cordova, Ionic, React NativeなどWebフロントエンド技術で
スマホアプリやデスクトップアプリが作れる時代に
静的なhtml中心
サーバーで動的なhtmlを生成して返す時代
Struts, Spring, Rails
サーバーと非同期通信をし、画面の一部を更新
基本はサーバーサイドWebアプリ
画面(html)をブラウザ側ですべて構築。サーバーはデータを返すAPIを提供
フロントエンド・バックエンドという言葉が定着
まとめ:フロントエンドのトレンド
SPAの弱点を補う技術やWeb以外の分野でフロントエンド技術採用が盛んに