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
210
Data Science BOOTCAMP Practices
yoheimune
0
370
Machine Learning with Python
yoheimune
0
360
Other Decks in Technology
See All in Technology
EKS Pod Identity における推移的な session tags
z63d
1
200
知られざるprops命名の慣習 アクション編
uhyo
10
2.1k
Evolution on AI Agent and Beyond - AGI への道のりと、シンギュラリティの3つのシナリオ
masayamoriofficial
0
130
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
250
Claude Code x Androidアプリ 開発
kgmyshin
1
530
コミュニティと計画的偶発性理論 - 出会いが人生を変える / Life-Changing Encounters
soudai
PRO
7
1.3k
人を動かすことについて考える
ichimichi
2
310
株式会社ARAV 採用案内
maqui
0
290
第4回 関東Kaggler会 [Training LLMs with Limited VRAM]
tascj
11
1.6k
Exadata Database Service on Dedicated Infrastructure セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
1
360
Postman MCP 関連機能アップデート / Postman MCP feature updates
yokawasa
0
120
夢の印税生活 / Life on Royalties
tmtms
0
280
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Building Adaptive Systems
keathley
43
2.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
Automating Front-end Workflow
addyosmani
1370
200k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
RailsConf 2023
tenderlove
30
1.2k
Producing Creativity
orderedlist
PRO
347
40k
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