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
770
フロントエンドエンジニアって何者?
はじめてのIT勉強会
August 07, 2019
Tweet
Share
More Decks by はじめてのIT勉強会
See All by はじめてのIT勉強会
#1 はじめてのIT勉強会 in 札幌(2024) - リーダブルコードを読んでみよう①
hajimete_it
0
82
はじめてのPayPal、なにから始めたらよいか迷っている人のためのお話!
hajimete_it
0
230
本当は面白いオブジェクト指向のとっておきのお話
hajimete_it
0
940
エンジニアに伝えたい CSのあれこれ
hajimete_it
1
920
流行りのWEBプログラミング教材を1ヶ月試した結果
hajimete_it
0
350
はじめてのLT
hajimete_it
0
59
はじめてのIT勉強会#6_やりたいことって何?
hajimete_it
0
270
はじめてのIT勉強会#5_石巻ハッカソン
hajimete_it
0
320
Other Decks in Education
See All in Education
(キラキラ)人事教育担当のつらみ~教育担当として知っておくポイント~
masakiokuda
0
110
2025年度春学期 統計学 第10回 分布の推測とは ー 標本調査,度数分布と確率分布 (2025. 6. 12)
akiraasano
PRO
0
200
みんなのコード 2024年度活動報告書/ 2025年度活動計画書
codeforeveryone
0
180
Data Management and Analytics Specialisation
signer
PRO
0
1.4k
CHARMS-HP-Banner
weltraumreisende
0
340
Visualisation Techniques - Lecture 8 - Information Visualisation (4019538FNR)
signer
PRO
0
2.4k
2025年度春学期 統計学 第5回 分布をまとめるー記述統計量(平均・分散など) (2025. 5. 8)
akiraasano
PRO
0
190
The Art of Note Taking
kanaya
1
140
バックオフィス組織にも「チームトポロジー」の考えが使えるかもしれない!!
masakiokuda
0
110
Common STIs in London: Symptoms, Risks & Prevention
medicaldental
0
140
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
signer
PRO
1
2.1k
Gamified Interventions for Composting Behavior: A Case Study Using the Gamiflow Framework in a Workplace Setting
ezefranca
1
160
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
77
9.5k
How STYLIGHT went responsive
nonsquared
100
5.6k
Making Projects Easy
brettharned
116
6.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Being A Developer After 40
akosma
90
590k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Facilitating Awesome Meetings
lara
54
6.5k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Visualization
eitanlees
146
16k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
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から定期開催される勉強会 ✓ より専門的な勉強会や、技術に詳しい人の情報を得る練習ができる勉強会 これから頑張る人のための勉強会!
ご静聴、ありがとうございました