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
制限ボルツマンマシンの話 / Introduction of RBM
kaityo256
PRO
3
430
Ch7_-_Partie_1.pdf
bernhardsvt
0
140
Ch7_-_Partie_2.pdf
bernhardsvt
0
130
具体と抽象の行き来を意識する
blendthink
0
190
Tangible, Embedded and Embodied Interaction - Lecture 7 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.2k
Sample-se-one-day-training
levii
0
190
Monaca Educationを活用したプログラミング授業実践
asial_edu
0
220
Educación digital en la adolescencia
gonz1ale1
0
130
Servizo de correo
irocho
0
360
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
signer
PRO
0
1.4k
経験に複利を効かせろ!ふりかえり研修2024
pokotyamu
23
8.1k
SDGsをアシスト! 現地調査データをアーカイブする技術2024|麻布大学デジタルマッピングワークショップ
fullfull
1
190
Featured
See All Featured
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Practical Orchestrator
shlominoach
183
9.8k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Designing with Data
zakiwarfel
96
4.8k
Adopting Sorbet at Scale
ufuk
69
8.6k
A Modern Web Designer's Workflow
chriscoyier
689
190k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Typedesign – Prime Four
hannesfritz
36
2.1k
Writing Fast Ruby
sferik
622
60k
BBQ
matthewcrist
80
8.8k
Making Projects Easy
brettharned
109
5.5k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
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から定期開催される勉強会 ✓ より専門的な勉強会や、技術に詳しい人の情報を得る練習ができる勉強会 これから頑張る人のための勉強会!
ご静聴、ありがとうございました