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
730
フロントエンドエンジニアって何者?
はじめてのIT勉強会
August 07, 2019
Tweet
Share
More Decks by はじめてのIT勉強会
See All by はじめてのIT勉強会
#1 はじめてのIT勉強会 in 札幌(2024) - リーダブルコードを読んでみよう①
hajimete_it
0
69
はじめてのPayPal、なにから始めたらよいか迷っている人のためのお話!
hajimete_it
0
200
本当は面白いオブジェクト指向のとっておきのお話
hajimete_it
0
830
エンジニアに伝えたい CSのあれこれ
hajimete_it
1
820
流行りのWEBプログラミング教材を1ヶ月試した結果
hajimete_it
0
320
はじめてのLT
hajimete_it
0
56
はじめてのIT勉強会#6_やりたいことって何?
hajimete_it
0
250
はじめてのIT勉強会#5_石巻ハッカソン
hajimete_it
0
290
Other Decks in Education
See All in Education
データハンドリング/data_handling
florets1
2
120
Qualtricsで相互作用実験する「SMARTRIQS」実践編
kscscr
0
230
A question of time
ange
0
870
240607_曲建仲_核融合成新顯學 創新技術將帶來全新方向
learnenergy2
0
170
不登校予防・再登校支援プログラムを提供するToCo (トーコ) の会社紹介資料 toco.mom
toco3week
0
210
【株式会社コノセル】会社紹介資料
koheimiyamoto
0
4.5k
NTTコムウェアの東海支店でもアジャイル人材育てんとかんやん!結果どえらい人材が育ったがね!
mizuki_fujita
0
530
Case Studies and Course Review - Lecture 12 - Information Visualisation (4019538FNR)
signer
PRO
1
1.5k
AGU情報社会論 2024 #07 "フェアユース"
fullfull
0
100
【基本】Oracle Database データベース・ユーザー・セキュリティ入門
oracle4engineer
PRO
1
700
〜AWS初心者向け〜 ベストプラクティスから学ぶ 「AWSセキュリティの高め方」
koheiyoshikawa
1
780
Цифровые финансы - магистерская программа Финэка МГИМО 2024 г.
niellony
0
690
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
325
38k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
1
55
Practical Orchestrator
shlominoach
185
10k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
GitHub's CSS Performance
jonrohan
1030
450k
Building an army of robots
kneath
302
42k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
23
1.7k
Adopting Sorbet at Scale
ufuk
73
8.9k
The Mythical Team-Month
searls
218
43k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
Teambox: Starting and Learning
jrom
131
8.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から定期開催される勉強会 ✓ より専門的な勉強会や、技術に詳しい人の情報を得る練習ができる勉強会 これから頑張る人のための勉強会!
ご静聴、ありがとうございました