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
85
はじめてのPayPal、なにから始めたらよいか迷っている人のためのお話!
hajimete_it
0
230
本当は面白いオブジェクト指向のとっておきのお話
hajimete_it
0
940
エンジニアに伝えたい CSのあれこれ
hajimete_it
1
930
流行りの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
Sanapilvet opetuksessa
matleenalaakso
0
33k
~キャラ付け考えていますか?~ AI時代だからこそ技術者に求められるセルフブランディングのすゝめ
masakiokuda
7
480
今までのやり方でやってみよう!?~今までのやり方でやってみよう!?~
kanamitsu
0
180
Ch1_-_Partie_1.pdf
bernhardsvt
0
400
Портфолио - Шынар Ауелбекова
shynar
0
110
GitHubとAzureを使って開発者になろう
ymd65536
1
170
高校におけるプログラミング教育を考える
naokikato
PRO
0
160
中央教育審議会 教育課程企画特別部会 情報・技術ワーキンググループに向けた提言 ー次期学習指導要領での情報活用能力の抜本的向上に向けてー
codeforeveryone
0
280
(2025) L'origami, mieux que la règle et le compas
mansuy
0
140
AI for Learning
fonylew
0
190
20250830_本社にみんなの公園を作ってみた
yoneyan
0
120
令和政経義塾第2期説明会
nxji
0
220
Featured
See All Featured
The Invisible Side of Design
smashingmag
301
51k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Code Review Best Practice
trishagee
72
19k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Bash Introduction
62gerente
615
210k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
A designer walks into a library…
pauljervisheath
208
24k
Navigating Team Friction
lara
189
15k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
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から定期開催される勉強会 ✓ より専門的な勉強会や、技術に詳しい人の情報を得る練習ができる勉強会 これから頑張る人のための勉強会!
ご静聴、ありがとうございました