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
Wanna be a Front-end Professional 2016
Search
Yohei Munesada
July 26, 2016
Technology
1
2.1k
Wanna be a Front-end Professional 2016
フロントエンドでプロとして働くならこれが必要!みたいなものをまとめてみました。Webなんでも勉強会での発表資料。
2016/07
Yohei Munesada
July 26, 2016
Tweet
Share
More Decks by Yohei Munesada
See All by Yohei Munesada
G'sデータベース設計の講義
yoheimune
4
5.3k
How to create a service, How to google !
yoheimune
0
300
Machine Learning Basic and Python
yoheimune
1
510
Python Scraping and Web Apps for G's ACADEMY TOKYO
yoheimune
0
240
DevelopWorkflow and Solving Problems
yoheimune
0
450
Git and Github for Beginners
yoheimune
1
290
Data Science BOOTCAMP Practices - Recommendation
yoheimune
0
210
Data Science BOOTCAMP Practices
yoheimune
0
370
Machine Learning with Python
yoheimune
0
350
Other Decks in Technology
See All in Technology
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
160
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
10
130k
データグループにおけるフロントエンド開発
lycorptech_jp
PRO
1
110
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
120
SmartNewsにおける 1000+ノード規模 K8s基盤 でのコスト最適化 – Spot・Gravitonの大規模導入への挑戦
vsanna2
0
140
怖くない!はじめてのClaude Code
shinya337
0
400
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
210
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
2
9.4k
Geminiとv0による高速プロトタイピング
shinya337
1
270
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
150
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
450
SaaS型なのに自由度の高い本格CMSでサイト構築と運用のコスパ&タイパUP! MovableType.net の便利機能とユーザー事例のご紹介
masakah
0
110
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
72
4.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Done Done
chrislema
184
16k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
A designer walks into a library…
pauljervisheath
207
24k
We Have a Design System, Now What?
morganepeng
53
7.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Transcript
Wanna be a Front-end Professional 2016.07.26 Presented by Munesada Yohei
https://flic.kr/p/9cJyEY
Attention 㾎 ଟʹओ؍తͳ͜ͱؚ͕·Ε·͢ 㾎 άϥϑΟΧϧͳ͋Γ·ͤΜʢ%ͳͲʣ 㾎 ϑϩϯτΤϯυΤϯδχΞ͕ՌΛग़͢ʹ ͱ͍͏ʹͯ͠ݟ͍ͨͱࢥ͍·͢
About Me 㾎 फఆ༸ฏʢΉͶͩ͞Α͏͍ʣ 㾎 IUUQXXXZPIFJNOFU 㾎 ϓϥϯφʔΤϯδχΞσʔλੳ 㾎 (`TΞΧσϛʔϝϯλʔ
ϑϩϯτΤϯυΤϯδχΞͬͯ Կ͕ඞཁͳΜͩΖ͏ʁ
None
None
ԿͰ͜Μͳʹ͍ͬͺ͍ ඞཁͳΜͩΖ͏͔ʁ
ͳͥ͜Μͳʹෳࡶʂʁ 8FCϑϩϯτͰͰ͖Δ͜ͱ͕രൃతʹ૿͑ͨ ʢϓϩμΫτͰສߦͷ+BWB4DSJQUίʔυ͋Δʣ ෳࡶͳ͜ͱΛΔʹΈ͕ඞཁ
શ෦͍ͬͯΔඞཁ͋Δͷ͔ʁ ϓϩͷϑϩϯτΤϯυΛΔͳΒɺ Ѳ͓͖͍ͯͨ͠ 㾎 ࣄͰ͔ͬ͠ΓͱՌΛग़͍ͨ͠ͳΒɾɾɾ 㾎 େنαʔϏεΛ࡞Γ͍ͨͳΒɾɾɾ 㾎 ߴ͍࣭ͰαʔϏεΛ࡞Γ͍ͨͳΒɾɾɾ 㾎
ෳࡶͳػೳΛ࣮͍ͨ͠ͳΒɾɾɾ
༰Λ͖ݟͯ͠ΈΔ ֤ৄࡉʮ ٕज़໊ ೖʯͰάάͬͯΈ͍ͯͩ͘͞ N N
None
+BWB4DSJQU $44 ίϯύΠϧϏϧυϦϦʔε ڥपΓ ͦͷଞ
+BWB4DSJQU $44 ίϯύΠϧϏϧυϦϦʔε ڥपΓ ͦͷଞ
JavaScript JavaScript (ES5/6/7) ϥΠϒϥϦ ɾK2VFSZ ɾ3FBDUKT GBNJMJFT ɾ"OHVMBSKT ɾCBDLCPOFKT ɾCPPUTUSBQ
ɾ.BUFSJBM6* ɾFUD ઃܭࢥ +4 ɾ.7$ .79 ɾ&WFOU%SJWFO ɾ3FBDUJWF ɾ1SPNJTF ɾ4JOHMF1BHF"SDIJUFDUVSF "MUKT ɾ5ZQF4DSJQU ɾ$P⒎FF4DSJQU 㾎 ͜Ε͕Ұ൪ෳࡶʂʂ 㾎 ઃܭࢥ͕ͳ͍ͱେ͖ͳΞϓϦέʔγϣϯΛΊͳ͍ 㾎 ϥΠϒϥϦ·ͩఆ൪͕ग़͖͍ͯͯͳ͍ 㾎 ݴޠ༷͕ශऑͰɺίʔσΟϯά͕େมɺ"MUKT͕ଘࡏ͢Δ
+BWB4DSJQU $44 ίϯύΠϧϏϧυϦϦʔε ڥपΓ ͦͷଞ
CSS3 ઃܭࢥ $44 ɾ00$44 ɾ4."$4 ɾ#&. ϙετϓϩηοα ɾ"VUP1SFpYFS ϓϦϓϩηοα ɾ4BTT
ɾ-FTT ɾ4UZMVT CSS 㾎 ઃܭࢥΛೖΕΔͱϝϯςφϒϧʹ͍͢͠ 㾎 ϒϥβࠩҟࠓޙ͖߹͏ 㾎 ݴޠ༷͕ශऑͰɺϓϦϓϩηοα͕ൃୡ
+BWB4DSJQU $44 ίϯύΠϧϏϧυϦϦʔε ڥपΓ ͦͷଞ
ϦϦʔε ɾ+FOLJOT ɾ'51 ίϯύΠϧ Ϗϧυ ɾ8FCQBDL ɾ#SPXTFSJGZ ɾ#BCFM ɾ(VMQ
ɾ(SVOU ίϯύΠϧ & Ϗϧυ & ϦϦʔε 㾎 ෳࡶͳͷΛѻ͏ʹɺίϯύΠϧϏϧυ͕ඞਢ 㾎 +BWB4DSJQUϕʔεͰѻ͏ͷ͕ଟ͍ 㾎 ʮ+FOLJOTઃఆ͠ͱ͍ͯʯͱݴΘΕΔ͜ͱଟ͍
+BWB4DSJQU $44 ίϯύΠϧϏϧυϦϦʔε ڥपΓ ͦͷଞ
ύοέʔδϚωʔδϟʔ & ςετ & ϑΥʔϚολ 㾎 ผʹΒͳͯ͘ੜ͖͍͚ͯΔ͚Ͳɺ͋Δͱ্࣭͕͕Δ 㾎 ଞͷݴޠͰͨΓલʹ͋Δ͜ͱͳͷͰੋඇֶΜͰ͓͖͍ͨ ςετ
ɾ.PDIB ɾ4FMFOJVN ɾ8FC%SJWFS ϑΥʔϚολ ɾ&4-JOU ύοέʔδϚωʔδϟ ɾOQN ɾ#PXFS
+BWB4DSJQU $44 ίϯύΠϧϏϧυϦϦʔε ڥपΓ ͦͷଞ
ͦͷଞ 㾎 ࣮Ұ൪ॏཁͳͱ͜ΖͳͷͰͳ͍͔ͱࢥ͍ͬͯΔ 㾎 ʮΑ͘ΕΔแஸΛͲ͏͏͔ɺͬͨ݁ՌͲ͏ͩͬͨͷ͔ʯ 㾎 ։ൃϑϩʔνʔϜ։ൃͰॏཁɻεϐʔυͱΫΦϦςΟ61 㾎 ࠷ۙجૅతͳαʔόʔٕज़ϑϩϯτνʔϜʹ͓ئ͍ͯ͠Δ 㾎
πʔϧ܈͕͑Δͱɺඈ༂తʹੜ࢈ੑ্͕͕Δ πʔϧ܈ ɾ$ISPNF%FW5PPMT ɾ-PDBM1SPYZ ੳ ɾ(PPHMF"OBMZUJDT ɾ42- ɾ)JWF2- ։ൃϑϩʔ ɾΥʔλʔϑΥʔϧ ɾεΫϥϜ ɾ(JUIVC ϑϩʔ αʔόʔ ɾ44) ɾ%BUBCBTF ɾ4IFMM ϓϥϯχϯά ɾ""333 ɾFUD
+BWB4DSJQU $44 ίϯύΠϧϏϧυϦϦʔε ڥपΓ ͦͷଞ
ϑϩϯτΤϯυΤϯδχΞͷ ͷৼΓํ
δΣωϥϦετࢤ Ռࢹ
㾎δΣωϥϦετࢤ 㾎Ռࢹ 㾎 ݸਓతʹϑϩϯτΤϯυδΣωϥϦετ͕ྑ͍ 㾎 ͘Β͍Ͱٕज़ͷӫރਰ͕͋Δʢ3FBDU"OHVMBS͕ޙʁʣ 㾎 ٕज़εΩϧπʔϧͰ͋ΔʢͰ͑ͳ͍֎ɻΕͳ͍แஸෆཁʣ 㾎 πʔϧΛͬͯԿΛ͛͠Δͷ͔͕େͩͱײ͍ͯ͡Δ
㾎 ࣗͷٕज़εΩϧΛԿʹ͏ͷ͔ɺࣗͰίϯτϩʔϧ͍ͨ͠ 㾎 ٕज़εΩϧΛͬͨ݁Ռɺ ࣗͰ ਖ਼͘͠ධՁ͍ͨ͠
࠷ޙʹ
http://frontend.paint-ink.com/
㾎ڵຯ͕͋ͬͯػցֶशࣗવݴޠॲཧΛ͍ͬͯΔ 㾎ଞʹɺJ1IPOFΞϓϦ։ൃ͍ͬͯΔ 㾎"OESPJE͓ษڧத 㾎αʔόʔαΠυΠϯϑϥपΓ͓ษڧத 㾎(`TͰϝϯλʔ͍ͯͯ͠ࢥ͏͜ͱɺଞۀքͷਓࢹ͕ྑ͍͠ɺ Δؾ͕͋ΔਓɺࣗΛม͑ɺࣗͷपΓม͍͑ͯ͘ 㾎ͨ͘͞Μͷ͕͋ͬͯͦΕ͕ઢʹͳΔײ͕֮͋Δɻ ͨ͘͞ΜͷΛ࣋ͭ͜ͱͰࣗʹ͔͠ݟ͑ͳ͍ࢹ͕Ͱ͖ΔΜͩͱࢥ͏ 㾎ྫ͑ͦΕΛػցֶशͷͰେʹ͍ͨ͠ ࠷ۙࢥ͍ͬͯΔ͜ͱ
IUUQTqJDLSQN[N2, Thank you http://www.yoheim.net @yoheiMune