Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
;
Slide 2
Slide 2 text
バーチャルエンジニア 凸井リヲ @dekoiliwo
Slide 3
Slide 3 text
今日はなすこと 「フロントエンドは流れが速くてついていくのが 大変そう」ってよく言われるけど 意外とそうでもないよって話 よく言われるやつ フロントエンドが嫌い | はてな匿名ダイアリー https://anond.hatelabo.jp/20170501085956 対象者 フロントエンド初学者 / 興味ある人
Slide 4
Slide 4 text
フロントエンドの フレームワークとか ツールとか入れ替わり 激しすぎない? Q1
Slide 5
Slide 5 text
たしかに
Slide 6
Slide 6 text
全く新しい概念が出てきている わけではない A1 既存の要件をよりスマートに解決する手法 が出ているだけだったりする
Slide 7
Slide 7 text
歴史を知ると よくわかる
Slide 8
Slide 8 text
1995: JavaScript誕生 1997: ECMAScript誕生 2000~2008: Flash(ActionScript) 2005: Ajax登場 2006: prototype.js,jQuery登場 2010: Backbone.js登場 フロントエンドMVC流行 2012~2014: Two-way data binding 2014~: VirtualDOM
Slide 9
Slide 9 text
納得感 あるでしょ?
Slide 10
Slide 10 text
Qiitaで毎日のように 新しいライブラリの 話見るけど? Q2
Slide 11
Slide 11 text
あなたに有益なものは ほんの一部しかない A2
Slide 12
Slide 12 text
JavaScriptの 使われ方は多種多様 ・簡単なWebサイト ・Webアプリケーション ・Node.js ・WebGL ・ネイティブアプリ ex) React Native
Slide 13
Slide 13 text
自分の 作っているもの 作りたいもの に必要なものだけ キャッチアップする
Slide 14
Slide 14 text
環境構築 むずかしくない? Q3
Slide 15
Slide 15 text
それはそう A3
Slide 16
Slide 16 text
・多様なプラットフォームがある ・PC・モバイル ・各ブラウザベンダー ・多様な閲覧環境がある ・回線速度が極端に遅いなど ・それらにワンソースで対応するに は様々な変換器を通す必要がある -> 設定ファイルが複雑になる なぜ環境構築が難しいのか
Slide 17
Slide 17 text
ミニマムで始めてみると良い ボイラープレートを使う ・Create React App ・Vue CLI 1回作っちゃえばわかる
Slide 18
Slide 18 text
まとめ
Slide 19
Slide 19 text
・歴史を知ると新しいライブラリも すぐに理解できる ・自分が作っているものに必要かと いう観点で見るとチェックするべ き情報かどうかわかりやすい ・コマンド一発で環境を作れるツー ルでまずは作ってみると良い ・実際のところここ2年くらいは落ち 着いてきている ・フレームワーク戦争も落ち着いた
Slide 20
Slide 20 text
フロントエンドは 本当に楽しいから 一緒にやっていこうな
Slide 21
Slide 21 text
チャンネル登録 お待ちしております!! でこりをビルダーズ https://www.youtube.com/channel/ UCCdtaG4PPcqQWk64GwHg1bQ 「凸井リヲ」で検索!