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
81
はじめてのPayPal、なにから始めたらよいか迷っている人のためのお話!
hajimete_it
0
230
本当は面白いオブジェクト指向のとっておきのお話
hajimete_it
0
930
エンジニアに伝えたい 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
310
Other Decks in Education
See All in Education
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
signer
PRO
1
2k
モンテカルロ法(3) 発展的アルゴリズム / Simulation 04
kaityo256
PRO
7
1.3k
Webリテラシー基礎
takenawa
0
5.3k
Data Processing and Visualisation Frameworks - Lecture 6 - Information Visualisation (4019538FNR)
signer
PRO
1
2.4k
OJTに夢を見すぎていませんか? ロールプレイ研修の試行錯誤/tryanderror-in-roleplaying-training
takipone
1
150
推しのコミュニティはなんぼあってもいい / Let's join a lot of communities.
kaga
2
1.7k
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
coderdojojapan
4
16k
JOAI2025講評 / joai2025-review
upura
0
160
Are puppies a ranking factor?
jonoalderson
0
830
Virtual and Augmented Reality - Lecture 8 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.7k
バックオフィス組織にも「チームトポロジー」の考えが使えるかもしれない!!
masakiokuda
0
110
Info Session MSc Computer Science & MSc Applied Informatics
signer
PRO
0
190
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Fireside Chat
paigeccino
37
3.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Embracing the Ebb and Flow
colly
86
4.7k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
A better future with KSS
kneath
239
17k
Automating Front-end Workflow
addyosmani
1370
200k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
BBQ
matthewcrist
89
9.7k
Adopting Sorbet at Scale
ufuk
77
9.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Navigating Team Friction
lara
187
15k
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から定期開催される勉強会 ✓ より専門的な勉強会や、技術に詳しい人の情報を得る練習ができる勉強会 これから頑張る人のための勉強会!
ご静聴、ありがとうございました