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
780
フロントエンドエンジニアって何者?
はじめてのIT勉強会
August 07, 2019
Tweet
Share
More Decks by はじめてのIT勉強会
See All by はじめてのIT勉強会
#1 はじめてのIT勉強会 in 札幌(2024) - リーダブルコードを読んでみよう①
hajimete_it
0
85
はじめてのPayPal、なにから始めたらよいか迷っている人のためのお話!
hajimete_it
0
240
本当は面白いオブジェクト指向のとっておきのお話
hajimete_it
0
950
エンジニアに伝えたい CSのあれこれ
hajimete_it
1
930
流行りのWEBプログラミング教材を1ヶ月試した結果
hajimete_it
0
360
はじめてのLT
hajimete_it
0
60
はじめてのIT勉強会#6_やりたいことって何?
hajimete_it
0
280
はじめてのIT勉強会#5_石巻ハッカソン
hajimete_it
0
320
Other Decks in Education
See All in Education
HTML5 and the Open Web Platform - Lecture 3 - Web Technologies (1019888BNR)
signer
PRO
2
3k
子どもが自立した学習者となるデジタルの活用について
naokikato
PRO
0
120
Adobe Express
matleenalaakso
1
8k
20250910_エンジニアの成長は自覚するところから_サポーターズ勉強会
ippei0923
0
300
Entrepreneurship minor course at HSE 2025
karlov
0
100
中央教育審議会 教育課程企画特別部会 情報・技術ワーキンググループに向けた提言 ー次期学習指導要領での情報活用能力の抜本的向上に向けてー
codeforeveryone
0
350
Web Application Frameworks - Lecture 3 - Web Technologies (1019888BNR)
signer
PRO
0
3.1k
Requirements Analysis and Prototyping - Lecture 3 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.3k
Présentation_1ère_Spé_2025.pdf
bernhardsvt
0
410
探査機自作ゼミ2025スライド
sksat
3
820
Library Prefects 2025-2026
cbtlibrary
0
110
the difficulty into words
ukky86
0
160
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
The Cult of Friendly URLs
andyhume
79
6.6k
Balancing Empowerment & Direction
lara
5
700
For a Future-Friendly Web
brad_frost
180
10k
Statistics for Hackers
jakevdp
799
220k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
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から定期開催される勉強会 ✓ より専門的な勉強会や、技術に詳しい人の情報を得る練習ができる勉強会 これから頑張る人のための勉強会!
ご静聴、ありがとうございました