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 「凸井リヲ」で検索!