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
NewSQLや分散データベースを支えるRaftの仕組み - 仕組みを理解して知る得意不得意
hacomono
PRO
2
170
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
240
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
lufthanahelpsupport
0
200
関数型プログラミングで 「脳がバグる」を乗り越える
manabeai
1
190
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
1.1k
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
210
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
ropqa
1
230
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
ゼロからはじめる採用広報
yutadayo
3
950
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
2
260
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
450
OPENLOGI Company Profile for engineer
hr01
1
34k
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
How to Ace a Technical Interview
jacobian
278
23k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Practical Orchestrator
shlominoach
189
11k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
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