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
Live coding on Atom
Search
Amagi
July 30, 2017
Technology
2.6k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Live coding on Atom
Presented at Kyoto.js 13
Amagi
July 30, 2017
More Decks by Amagi
See All by Amagi
Enchant your website with VFX-JS
fand
0
190
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.5k
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
渡米前の準備を制す!re:Invent 2026徹底準備術 / The Ultimate Preparation Guide for re:Invent 2026
yuj1osm
1
530
データマネジメント × 法務で作りあげる、 freeeの新しいデータガバナンスへの軌跡
freee
PRO
3
710
kintoneで在庫管理システムを作るときの要件定義・設計ポイント
kai0707
0
230
Active Directory と Entra ID のむむむな関係
murachiakira
PRO
0
430
デザインレビューは自動化できるのか?─ Flutter × Figma で UI 品質保証を考える
techiro
2
780
増え続けるプロダクトの品質をどう担保するか。ProductSpecとTypeScriptによる取り組み
joere
3
360
Deep Data Security 機能解説
oracle4engineer
PRO
3
1k
クラウドエージェントの先駆け Devin。今も最先端を走る、他との違い
kinopeee
2
560
あなたのDartコードは丸見えかもしれない ~reFlutterで暴くFlutterアプリの中身と多層防御~
zozotech
PRO
0
770
Agent Loopを組み込んだ アンビエントなAI機能を実現する / Ambient AI fetures with Agent Loop
nekorush14
0
150
2026 Apache Flink Community Checkpoint
rmetzger
0
140
複雑な業務システムを高速でつくるため、チーム全員をつくれる人へ
ayakurabuchi
0
130
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
The Pragmatic Product Professional
lauravandoore
37
7.5k
First, design no harm
axbom
PRO
2
1.4k
Writing Fast Ruby
sferik
630
63k
Balancing Empowerment & Direction
lara
6
1.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.5k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Code Review Best Practice
trishagee
74
20k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2.2k
Darren the Foodie - Storyboard
khoart
PRO
4
4.1k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.7k
Transcript
LIVe CODING ON ATOM amagitaJayosi վΊ·ͯ͠amagiͰ͢
@amagitakayosi
ͨ·ʹϑϩϯτΤϯυͬΆ͍ൃදͯ͠·͢
IUUQTXXXqJDLSDPNQIPUPTIFMMPDBUGPPE -JWF$PEJOHʜ
ϥΠϒίʔσΟϯά IUUQTXXXBUXJLJKQTFWFOMJWFTQBHFTIUNM
ࠓ"UPNΛͬͯ ϥΠϒίʔσΟϯάͰ %+7+͢Δํ๏Λ հ͠·͢ʂʂʂʂ
͍ͭͰʹ͕࡞ͬͨ ϥΠϒίʔσΟϯά༻ "UPNύοέʔδΛ ࣗຫ͠·͢ʂʂʂʂ
4ZTUFNTGPS -JWF$PEJOH IUUQTXXXqJDLSDPNQIPUPTIFMMPDBUGPPE
Իָ༻ࢁ͋Δ w 4VQFS$PMMJEFS w $P⒎FF$PMMJEFS w 4POJD1J w 5JEBM$ZDMFT
4VQFS$PMMJEFS w ݩϥΠϒίʔσΟϯάڥ w 4NBMMUBMLͬΆ͍จ๏ w ଞͷϥΠϒίʔσΟϯά༻ιϑτ 4VQFS$PMMJEFSΛݺͼग़ͯͨ͠Γ͢Δ
4POJD1J w 3VCZͰॻ͘ w *%&͕͔ͬ͠Γͯ͠Δ w .JOFDSBGUͷ.0%ͱͯ͠͏͜ͱͰ͖Δ ʢʁʁʁʁʁʁʁʁʁʣ
5JEBM$ZDMFT w )BTLFMMͰॻ͘ w ΊͬͪΌ͘ॻ͚Δ w "UPN74$PEFͷύοέʔδͱͯ͠ ࣮͞Ε͍ͯΔ
5JEBM$ZDMFTͬͯ·͢
7+༻͋Μ·Γͳ͍ʜʜ w 'MVYVT w 2VJM w (-4-
GLSL IUUQTXXXqJDLSDPNQIPUPTIFMMPDBUGPPE
(-4-γΣʔμʔͷҰछ w %$(ͰӄӨΛܭࢉ͢ΔͨΊͷϓϩάϥϜ w )-4- %JSFDU9 w .FUBM NBD04
w (-4- 0QFO(-
ݴޠͷಛ w $MJLFͳจ๏ w ߦྻܭࢉʹศརͳϏϧτΠϯؔ w qPBUEPU WFDB WFDC ͱ͔
γΣʔμʔΞʔτ w (-4-(16ύϫʔΛϑϧ׆༻Ͱ͖Δ w ʮ(-4-͚ͩͰෳࡶͳάϥϑΟοΫදݱΛ ɹඳըͰ͖ΔͷͰʁʯ w Ұ෦ͷਓʑ͕େڵฃ
ࢀߟLJOUSPl&MFWBUFEz IUUQTXXXZPVUVCFDPNXBUDI WK#W#NJ5SP
ී௨ͷ%άϥϑΟοΫε w ઍʙສϙϦΰϯ γΣʔμʔ
൘ϙϦ w ࡾ֯ܗݸ γΣʔμʔ
(-4-͓ࢼ͠ڥ w (-4-4BOECPY w ؾܰʹ(-4-Λ࢝ΊΒΕΔ w 4IBEFSUPZ w Ψνͷྗ࡞͕͓͓͍
None
ϥΠϒίʔσΟϯάڥ w (-4-4BOECPY w ,PEFMJGF w PQFO'SBNFXPSLTͰࣗ࡞ͯ͠Δਓͱ͔
glsl livecoder
"UPNύοέʔδͱ࣮ͯ͠ w ࣗͷઃఆͰΤσΟλΛ͑Δ w طଘͷ(-4-༻ύοέʔδ͑Δ w MJOUFSHMTM w BVUPDPNQMFUFHMTM
ػೳҰཡ w (-4-4BOECPYͷ্Ґޓ w Իೖྗ w .*%*ೖྗ w ը૾ಈըͷϩʔυ
(-4-4BOECPYͷ্Ґޓ w (-4-4BOECPYͷίʔυ͕ͦͷ··ಈ͘ w ը໘αΠζɺϚεҐஔɺܦա࣌ؒͳͲΛ ར༻Ͱ͖ΔΑ͏ʹ
Իೖྗ w 8FC"VEJP"1*Ͱऔಘ w ܗɺϘϦϡʔϜɺεϖΫτϥϜ w 5JEBM$ZDMFTͱΈ߹ΘͤΔͱ ҰਓͰ%+ 7+Մೳ
.*%*ೖྗ w 8FC.*%*"1*Ͱऔಘ w .*%*Πϕϯτɺϊʔτ൪߸ w .*%*ίϯτϩʔϥʔͰ 7+ΤϑΣΫτΛ੍ޚͰ͖Δʂ
ը૾ϩʔυػೳͷ࣮Ҋ w ઃఆը໘͔Βϩʔυ͢Δʁ w ίϚϯυͰઃఆ͢Δʁ w ϩʔυ༻6*Λ࡞Δʁ w ઃఆϑΝΠϧΛ࡞͢Δʂ
MJWFSD w ࡞ۀσΟϨΫτϦʹMJWFSDΛઃஔ w +40/ܗࣜͰը૾ͷύεΛॻ͘ w ϩʔΧϧϑΝΠϧͰɺ63-ͰՄ w &MFDUSPO࠷ߴʙ w
DIPLJEBSͰมߋΛࢹ
DeMO
՝ w ࣮͕Ұ෦ΊͬͪΌࡶ w ύϑΥʔϚϯε
ΊͪΌͪ͘ΌࡶͳΑ͏͢
ΊͪΌͪ͘ΌࡶͳΑ͏͢
ύϑΥʔϚϯε w 8FC(-DBOWBTͷ্ʹཁૉΛஔ͘ͱ ۃʹॏ͘ͳΔɺΒ͍͠ w BVUPDPNQMFUFQMVTࣗମ͕ॏ͍ w ͬͪ͜ͷํ͕·ͩͲ͏ʹ͔ͳΔ
BVUPDPNQMFQMVTͷύϑΥʔϚϯε w JTTVFཱͬͯΔ IUUQTHJUIVCDPNBUPNBVUPDPNQMFUFQMVTJTTVFT w FUDIίϯϙʔωϯτͰॻ͖ͦ͏ͥɺͱͷࣄ w "UPNνʔϜ͕։ൃͨ͠ 7JSUVBM%0.ίϯϙʔωϯτϥΠϒϥϦ
w ͪΐͬͱࢼ͚ͨ͠ͲϜζͯ͘์ஔͯ͠Δʜʜ
eNJOY LIVe CODING!!! eNJOY LIVe CODING!!! eNJOY LIVe CODING!!!