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勉強会
はじめてのPayPal、なにから始めたらよいか迷っている人のためのお話!
hajimete_it
0
180
本当は面白いオブジェクト指向のとっておきのお話
hajimete_it
0
810
エンジニアに伝えたい CSのあれこれ
hajimete_it
1
790
流行りのWEBプログラミング教材を1ヶ月試した結果
hajimete_it
0
310
はじめてのLT
hajimete_it
0
48
はじめてのIT勉強会#6_やりたいことって何?
hajimete_it
0
240
はじめてのIT勉強会#5_石巻ハッカソン
hajimete_it
0
270
Other Decks in Education
See All in Education
保育とふりかえりをコネクト! / connect childcare and retrospectives!
psj59129
1
150
人生の転機からチャンスを掴む「シュロスバーグの4Sモデル」/4s-models
yuko_yokouchi
2
710
Data Presentation - Lecture 5 - Information Visualisation (4019538FNR)
signer
PRO
0
1.8k
Introduction - Lecture 1 - Advanced Topics in Big Data (4023256FNR)
signer
PRO
1
1.1k
phygital__le_magasin_augmenté.pdf
martine
0
2.6k
Design Guidelines and Principles - Lecture 7 - Information Visualisation (4019538FNR)
signer
PRO
0
1.7k
第1回全国商業高校Webアプリコンテスト総括
asial_corp
0
410
全員参加型で会社を強くしていく活動を考えてみる
ikefukurou777
0
200
情報Iの「縦糸」と「横糸」を意識したプログラム教育の実践
asial_edu
0
200
財務分析 - 入門編
lsuzuki
0
370
千葉県印西市立・原山小学校における新たな学び「情報探究の時間」実践報告』
codeforeveryone
1
700
Monaca Educationを活用したプログラミング授業実践
asial_edu
0
200
Featured
See All Featured
The Mythical Team-Month
searls
215
42k
A Tale of Four Properties
chriscoyier
150
22k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Documentation Writing (for coders)
carmenintech
59
3.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
356
22k
Being A Developer After 40
akosma
56
580k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Building Applications with DynamoDB
mza
88
5.6k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
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から定期開催される勉強会 ✓ より専門的な勉強会や、技術に詳しい人の情報を得る練習ができる勉強会 これから頑張る人のための勉強会!
ご静聴、ありがとうございました