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
530
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
Open Table Format (OTF) が必要になった背景とその機能 (2025.10.28)
simosako
2
370
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
330
プロファイルとAIエージェントによる効率的なデバッグ / Effective debugging with profiler and AI assistant
ymotongpoo
1
340
【SORACOM UG Explorer 2025】さらなる10年へ ~ SORACOM MVC 発表
soracom
PRO
0
160
.NET 10のBlazorの期待の新機能
htkym
0
150
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
piyonakajima
0
150
RemoteFunctionを使ったコロケーション
mkazutaka
1
130
IoTLT@ストラタシスジャパン_20251021
norioikedo
0
140
Dify on AWS 環境構築手順
yosse95ai
0
150
OTEPsで知るOpenTelemetryの未来 / Observability Conference Tokyo 2025
arthur1
0
280
パフォーマンスチューニングのために普段からできること/Performance Tuning: Daily Practices
fujiwara3
2
140
serverless team topology
_kensh
3
240
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
Stop Working from a Prison Cell
hatefulcrawdad
272
21k
Fireside Chat
paigeccino
41
3.7k
4 Signs Your Business is Dying
shpigford
185
22k
Code Review Best Practice
trishagee
72
19k
GraphQLとの向き合い方2022年版
quramy
49
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Facilitating Awesome Meetings
lara
57
6.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
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