フロントエンドエンジニアって何者？

Transcript

1. フロントエンドエンジニア
 って 何者？
 Sendai Frontend Meetup #1
 2019/08/07
 @hajimete_no_it & @luckbizzo 

2. 自己紹介
 名前：さとうしょうた
 出身：宮城県
 ------
 はじめてのIT勉強会 主催
 Attack & Defense 主催

3. 本日、コードは
 出てきません

4. ★ 私の 本日の目標 ★

5. みなさんが...
 『フロントエンドエンジニアって、◦◦◦◦だよね』と、
 
 知ったかぶりができるようになること。

6. ★ さて、前段です ★

7. みなさん、Webサービスの開発 を
 イメージできるでしょうか？
 ざっくりな流れを説明できる方！

8. 基本的なWebサービス開発の流れ
9. 開発の要素と流れ（参考） 
 企画
 要件
 定義
 外部
 設計
 ＆
 内部
 設計
 実装
 検証
 完成
 開発進行（期間）
 最初の
 タネ

10. 開発工程別の役割（参考） 
 企画
 要件
 定義
 外部
 設計
 ＆
 内部
 設計
 実装
 検証
 完成
 開発進行（期間）
 最初の
 タネ
 企画
 開発（リリースまでの準備） 
 フロントエンド／バックエンド／インフラ／セキュリティエンジニア
 UI・UXデザイナー／イラストレーター／デザイナー
 運用

11. 企画
 開発（リリースまでの準備） 
 運用
 開発工程別の役割（参考） 
 企画
 要件
 定義
 外部
 設計
 ＆
 内部
 設計
 実装
 検証
 完成
 開発進行（期間）
 最初の
 タネ
 フロントエンド／バックエンド／インフラ／セキュリティエンジニア
 UI・UXデザイナー／イラストレーター／デザイナー
 最近のフロントエンドエンジニア 

12. ★ さてさて、本題です ★

13. フロントエンドエンジニアは何者か。

14. ユーザーの目に見える部分を
 制作・開発する人たちの総称
 マークアップエンジニア
 UI/UXデザイナー
 ネイティブエンジニア
 実装？
 デザイン？
 設計？
 イラストレーター
 イラスト？
 Adobe XD?
 Monaca?
 HTML5?
 Vue.js? React?
 PWA?
 表示？レンダリング?
 Next.js?

15. なんでこんなに定義が曖昧なのか
 歴史を辿ってみました

16. JavaScript 誕生
 [1995- ]
 JavaScript 低迷期
 [2000- ]
 JavaScript 転換期
 [2005- ]
 JavaScript 混迷期
 [2011- ]
 ネイティブアプリ 隆盛期
 [2013- ]
 ブラウザファースト 過渡期
 [2018- ]
 フロントエンド
 エンジニアの誕生
 0. HTML
 1. CSS
 2. JavaScript
 3. Flash
 4. 仮想DOM
 5. PWA
 6. WebAssembly

18. フロントエンドエンジニアは何者か。
 改めて
19. 技術の進歩に合わせてユーザーのために
 できることを次々と変えている人たち

20. ということで、

21. トークはここまで！

22. さいごに

23. ★ 宣伝 ★

24. はじめてのIT勉強会
 ✓ あらゆる「はじめて」を応援する気軽な勉強会
 ✓ 毎月第4水曜日の19:00から定期開催される勉強会
 ✓ より専門的な勉強会や、技術に詳しい人の情報を得る練習ができる勉強会
 これから頑張る人のための勉強会！

25. ご静聴、ありがとうございました