Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フロントエンドエンジニアって何者?
Search
はじめてのIT勉強会
August 07, 2019
Education
2
710
フロントエンドエンジニアって何者?
はじめてのIT勉強会
August 07, 2019
Tweet
Share
More Decks by はじめてのIT勉強会
See All by はじめてのIT勉強会
#1 はじめてのIT勉強会 in 札幌(2024) - リーダブルコードを読んでみよう①
hajimete_it
0
14
はじめてのPayPal、なにから始めたらよいか迷っている人のためのお話!
hajimete_it
0
190
本当は面白いオブジェクト指向のとっておきのお話
hajimete_it
0
810
エンジニアに伝えたい CSのあれこれ
hajimete_it
1
800
流行りのWEBプログラミング教材を1ヶ月試した結果
hajimete_it
0
310
はじめてのLT
hajimete_it
0
50
はじめてのIT勉強会#6_やりたいことって何?
hajimete_it
0
240
はじめてのIT勉強会#5_石巻ハッカソン
hajimete_it
0
280
Other Decks in Education
See All in Education
心房細動週間ポスター(2024年3月6日)
japanstrokeassociation
0
300
Avoin jakaminen ja Creative Commons -lisenssit
matleenalaakso
0
1.1k
AI教育の未来『おもしろい』を作れる人材の育て方 #東京AI祭
o_ob
1
1.8k
Digijulkaisut
matleenalaakso
1
8.6k
STEAM教育の枠組で行うプログラミング学習
asial_edu
0
230
「ロータリーって何?」と訊かれたら:国際ロータリー 2720地区 2023-2024年度 公共イメージ部門 副委員長・ 熊本南ロータリークラブ・ 株式会社ヒデコーポレーション 代表 大津 英敬 氏
2720japanoke
0
590
SUMMER SCHOOL 2024
pnuslide
0
160
Microsoft Office 365
matleenalaakso
0
1.5k
TCA Practice in 5 min
d_date
1
680
Interactive Tabletops and Surfaces - Lecture 5 - Next Generation User Interfaces (4018166FNR)
signer
PRO
1
1.2k
Data Presentation - Lecture 5 - Information Visualisation (4019538FNR)
signer
PRO
0
1.8k
Railsチュートリアルの歩き方 (第7版)
yasslab
PRO
1
1M
Featured
See All Featured
Fireside Chat
paigeccino
22
2.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
32
47k
10 Git Anti Patterns You Should be Aware of
lemiorhan
649
58k
Building Your Own Lightsaber
phodgson
100
5.7k
Become a Pro
speakerdeck
PRO
13
4.6k
Learning to Love Humans: Emotional Interface Design
aarron
268
39k
Rails Girls Zürich Keynote
gr2m
91
13k
4 Signs Your Business is Dying
shpigford
176
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
22
1.6k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
Transcript
フロントエンドエンジニア って 何者? Sendai Frontend Meetup #1 2019/08/07 @hajimete_no_it &
@luckbizzo
自己紹介 名前:さとうしょうた 出身:宮城県 ------ はじめてのIT勉強会 主催 Attack & Defense 主催
本日、コードは 出てきません
★ 私の 本日の目標 ★
みなさんが... 『フロントエンドエンジニアって、◦◦◦◦だよね』と、 知ったかぶりができるようになること。
★ さて、前段です ★
みなさん、Webサービスの開発 を イメージできるでしょうか? ざっくりな流れを説明できる方!
基本的なWebサービス開発の流れ
開発の要素と流れ(参考) 企画 要件 定義 外部 設計 & 内部 設計
実装 検証 完成 開発進行(期間) 最初の タネ
開発工程別の役割(参考) 企画 要件 定義 外部 設計 & 内部 設計
実装 検証 完成 開発進行(期間) 最初の タネ 企画 開発(リリースまでの準備) フロントエンド/バックエンド/インフラ/セキュリティエンジニア UI・UXデザイナー/イラストレーター/デザイナー 運用
企画 開発(リリースまでの準備) 運用 開発工程別の役割(参考) 企画 要件 定義 外部
設計 & 内部 設計 実装 検証 完成 開発進行(期間) 最初の タネ フロントエンド/バックエンド/インフラ/セキュリティエンジニア UI・UXデザイナー/イラストレーター/デザイナー 最近のフロントエンドエンジニア
★ さてさて、本題です ★
フロントエンドエンジニアは何者か。
ユーザーの目に見える部分を 制作・開発する人たちの総称 マークアップエンジニア UI/UXデザイナー ネイティブエンジニア 実装? デザイン? 設計? イラストレーター イラスト?
Adobe XD? Monaca? HTML5? Vue.js? React? PWA? 表示?レンダリング? Next.js?
なんでこんなに定義が曖昧なのか 歴史を辿ってみました
JavaScript 誕生 [1995- ] JavaScript 低迷期 [2000- ] JavaScript 転換期
[2005- ] JavaScript 混迷期 [2011- ] ネイティブアプリ 隆盛期 [2013- ] ブラウザファースト 過渡期 [2018- ] フロントエンド エンジニアの誕生 0. HTML 1. CSS 2. JavaScript 3. Flash 4. 仮想DOM 5. PWA 6. WebAssembly
None
フロントエンドエンジニアは何者か。 改めて
技術の進歩に合わせてユーザーのために できることを次々と変えている人たち
ということで、
トークはここまで!
さいごに
★ 宣伝 ★
はじめてのIT勉強会 ✓ あらゆる「はじめて」を応援する気軽な勉強会 ✓ 毎月第4水曜日の19:00から定期開催される勉強会 ✓ より専門的な勉強会や、技術に詳しい人の情報を得る練習ができる勉強会 これから頑張る人のための勉強会!
ご静聴、ありがとうございました