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
310
Machine Learning Basic and Python
yoheimune
1
520
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
300
Data Science BOOTCAMP Practices - Recommendation
yoheimune
0
220
Data Science BOOTCAMP Practices
yoheimune
0
370
Machine Learning with Python
yoheimune
0
360
Other Decks in Technology
See All in Technology
How to achieve interoperable digital identity across Asian countries
fujie
0
110
成長自己責任時代のあるきかた/How to navigate the era of personal responsibility for growth
kwappa
3
260
[2025-09-30] Databricks Genie を利用した分析基盤とデータモデリングの IVRy の現在地
wxyzzz
0
460
GopherCon Tour 概略
logica0419
2
180
AI Agentと MCP Serverで実現する iOSアプリの 自動テスト作成の効率化
spiderplus_cb
0
480
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
260
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
ypresto
10
4.4k
Green Tea Garbage Collector の今
zchee
PRO
2
390
stupid jj tricks
indirect
0
7.9k
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
270
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
390
「Verify with Wallet API」を アプリに導入するために
hinakko
1
230
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
36
6.9k
The Language of Interfaces
destraynor
162
25k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Side Projects
sachag
455
43k
The Cost Of JavaScript in 2023
addyosmani
53
9k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
How to Think Like a Performance Engineer
csswizardry
27
2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
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