Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Annotation? Decorator?
Search
Amagi
November 22, 2015
Technology
2.5k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Annotation? Decorator?
ng-kyoto#3
Amagi
November 22, 2015
More Decks by Amagi
See All by Amagi
Enchant your website with VFX-JS
fand
0
180
How to hack VS Code: evil ways (Japanese)
fand
5
3.8k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
600
GLSL PostEffect in TouchDesigner
fand
2
2.1k
VEDA GLSL Livecoding workshop
fand
2
5.4k
PWA 方法 無料 今すぐ
fand
3
1.6k
Have you ever heard GPUs cry?
fand
2
4k
Real World GLSL
fand
0
330
APIs for VJ-ing
fand
1
7.2k
Other Decks in Technology
See All in Technology
React改造してみた
tsukina_7mochi
0
100
FinOps Agentが生んだ技術負債:コスト自動調査の落とし穴と解消までの道のり
oasis1994liveforever
1
120
DGX Spark でどこまでハッキングができるのか?
kash1064
3
1.3k
PagerDuty Tech Hub-鳴らすけれど、人は動かない
ezaki
0
180
大型犬好きによるPugの紹介
yamanoku
1
160
事業成長とデータ活用を止めないためのマネジメントへ挑戦
hiracky16
0
400
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
prog893
4
1.2k
実体験から学ぶ分析エージェントの開発と運⽤
recruitengineers
PRO
8
2.4k
20261017福岡devIO 「AIは"良いダッシュボード"を作れるか?
jtakeda
0
180
サブエージェントと Claude Mods で作る独自 Advisor ツールの話
kenichiodo
2
160
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
kworkdev
PRO
2
1.3k
その Valkey 使いこなしていますか?
onk
PRO
5
1.6k
Featured
See All Featured
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
820
Technical Leadership for Architectural Decision Making
baasie
3
600
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
31k
Documentation Writing (for coders)
carmenintech
77
5.6k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
550
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.8k
GitHub's CSS Performance
jonrohan
1033
470k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
630
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
580
A Tale of Four Properties
chriscoyier
163
24k
For a Future-Friendly Web
brad_frost
184
10k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Transcript
"OOPUBUJPOʜ %FDPSBUPSʜ OHͷ"OOPUBUJPOʹ͍ͭͯ !BNBHJUBLBZPTJ
@amagitakayosi
None
None
OH ೖ
)5.-ॻ͍ͯ
+4ॻ͍ͯ
None
ΊͰͨ͠ ΊͰͨ͠
ৄ͘͠ޙͰʂ ৄ͘͠ޙͰʂ
ΊͰͨ͠ ΊͰͨ͠
͍͍
None
OHYYY ϝιουνΣΠϯ
None
ΦϨΦϨ$MBTT
ͬͱϞμϯʹ ॻ͖͍ͨʂ
OH ࠶ೖ
)5.-ॻ͍ͯ
+4όϕͬͯ +4όϕͬͯ +4όϕͬͯ +4όϕͬͯ +4όϕͬͯ
None
&4$MBTTʂ
None
ΊͰͨ͠ ΊͰͨ͠
͍͍ ͪΐͬͱͬͯ
None
None
!$PNQPOFOU ͱʜʜʁ
None
None
%FDPSBUPS
None
Decorator w &$."4DSJQU1SPQPTBMͷҰͭ TUBHF w ؔΫϥεΛम০Ͱ͖Δ w 1ZUIPOͷEFDPSBUPSͱେମಉ͡
༻ྫ w NJYJO %* ϝϞԽ ʜʜ w KBZQIFMQTDPSFEFDPSBUPS w DIBUXPSLXSBTTF
https://speakerdeck.com/armorik83/es7-decorators ࢀߟBSNPSJL͞Μͷղઆ
࣮ঢ়گ w CBCFM CBCFMQMVHJOTZOUBYEFDPSBUPST w 5ZQF4DSJQU Wd
CBCFMͰ !$PNQPOFOU ͑Δʂ
None
Μʜʜʁ
None
None
SFqFDUNFUBEBUB ແ͠Ͱ !$PNQPOFOU͏ͱ Τϥʔग़Δʂʂʂʂʂ 5ZQF4DSJQUͷ߹FNJU%FDPSBUPS.FUBEBUBΦϓγϣϯ͕ඞཁ
reflect-metadata w NFUBEBUBΛѻ͏ͨΊͷQPMZpMM w &43FqFDUʹϝιουՃ w 3FqFDUHFU.FUB%BUB ͱ͔
3FqFDU .FUBEBUB
ES6 Reflect w ϝλϓϩ༻ศརϝιουू w 1SPYZͱ͍ͬ͠ΐʹͬͨΓ w AOFXAΛॻ͔ͣʹ Πϯελϯεੜͨ͠Γ
http://www.2ality.com/2014/12/es6-proxies.html ࢀߟ .FUBQSPHSBNNJOHXJUI &$."4DSJQUQSPYJFT
NFUBEBUBͬͯ Կʜʜ
Θ͔Βͳ͍ͷͰ ΤϥʔՕॴ ݟͯΈΔ
NPEVMFTBOHVMBSTSDDPSFVUJM EFDPSBUPSTUTͰΤϥʔग़ͯΔ
͙͢ԼͷNBLF%FDPSBUPSͰ 3FqFDU৮ͬͯΔ
͙͢ԼͷNBLF%FDPSBUPSͰ 3FqFDU৮ͬͯΔ
None
None
"OOPUBUJPO
Annotation w 5SBDFVS"U4DSJQUͰ࠾༻͞Εͨ ಛघه๏ͷҰͭ w ؔΫϥεΛؾ߹Ͱम০͢Δ w 1ZUIPOͷEFDPSBUPSͱશવҧ͏
None
ରΦϒδΣΫτʹ BOOPUBUJPOྻΛ ڧҾʹੜ͠ "OOPUBUJPOΛอଘ
AtScriptͷग़ྗJSΛݟΔͱ w "OOPUBUJPOؔͰͳ͘Ϋϥε w ରͷΫϥεʹ BOOPUBUJPOϑΟʔϧυΛੜ͠ "OOPUBUJPOͷΠϯελϯεΛอଘ
ڧҾ
"OOPUBUJPOͰ Ͱ͖Δ͜ͱ %FDPSBUPSͰ Ͱ͖Δʂʂʂʂʂ
࣌ܥྻ w 5SBDFVSʹ"OOPUBUJPO͕Ճ w &4%FDPSBUPSTͷQSPQPTBM w "U4DSJQUൃද w "U4DSJQUऴྃͷ͓Βͤ
͕࣌มΘͬͨͷͰ ํͳͦ͞͏ ʢ◞‸◟ʣ
͜ΕΛ౿·͑ͯ NBLF%FDPSBUPSΛ ಡΉͱ
DMTBOOPUBUJPOTྻͷΘΓʹ SFqFDUNFUBEBUBͬͯΔ
3FqFDUHFU0XO.FUBEBUB Λ ͨͲ͍ͬͯ͘ͱ 8FBL.BQΛͬͯ ΦϒδΣΫτຖͷ.FUBEBUBΛ อଘ͍ͯ͠Δ
NBLF%FDPSBUPSͷ ׂʜʜʁ
"OOPUBUJPOͷΈΛ ࠶ݱ͢Δ
"OOPUBUJPOͷΈΛ ࠶ݱ͢Δ BOOPUBUJPO$MT͔Β %FDPSBUPSΛ࡞ͬͯฦ͢
"OOPUBUJPOΘΓͷ %FDPSBUPSΛ࡞Δ ؔͩͬͨʂ
!$PNQPOFOUͷ ࣮ʁ
NPEVMFTBOHVMBSTSDDPSF NFUBEBUBUT-- NBLF%FDPSBUPSʹ $PNQPOFOU.FUBEBUBΛͯ͠Δ
NPEVMFTBOHVMBSTSDDPSF NFUBEBUBEJSFDUJWFTUT-
͏Ή
·ͱΊ
·ͱΊ w "OOPUBUJPOͱ%FDPSBUPSผ w OHੲ"OOPUBUJPOΛͬͯͨ w ݱࡏSFqFDUNFUBEBUBΛ͍ %FDPSBUPSͰ"OOPUBUJPOΛ ࠶ݱ͍ͯ͠Δ
ײ w OHɺֶशϦιʔεړΔΑΓ ຊମίʔυͷίϝϯτಡΜͩ΄͏ָ͕ w SFqFDUNFUBEBUBɺ 8FBL.BQ͍͍͚͑ͩͰʁ w QSPQPTBMग़͢ͷ࣏త͗͢Δ
ڭ܇ ϓϩδΣΫτʹ ࣌ؒΛ͔͚͗͢Δͳ
͋Γ͕ͱ͏͍͟͝·ͨ͠
ˣؔ࿈ϖʔδͷϒΫϚˣ http://b.hatena.ne.jp/amagitakayosi/ng2/