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
Live coding on Atom
Search
Amagi
July 30, 2017
Technology
2
2.4k
Live coding on Atom
Presented at Kyoto.js 13
Amagi
July 30, 2017
Tweet
Share
More Decks by Amagi
See All by Amagi
Enchant your website with VFX-JS
fand
0
130
How to hack VS Code: evil ways (Japanese)
fand
5
3.6k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
540
GLSL PostEffect in TouchDesigner
fand
2
2k
VEDA GLSL Livecoding workshop
fand
2
5.3k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.8k
Real World GLSL
fand
0
280
APIs for VJ-ing
fand
1
7k
Other Decks in Technology
See All in Technology
QA業務を変える(!?)AIを併用した不具合分析の実践
ma2ri
0
160
What's new in OpenShift 4.20
redhatlivestreaming
0
310
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
13
11k
オブザーバビリティが育むシステム理解と好奇心
maruloop
3
1.4k
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
210
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
5
1.3k
Azure Well-Architected Framework入門
tomokusaba
1
140
SOTA競争から人間を超える画像認識へ
shinya7y
0
590
dbtとAIエージェントを組み合わせて見えたデータ調査の新しい形
10xinc
6
1.2k
組織全員で向き合うAI Readyなデータ利活用
gappy50
3
1.2k
SRE × マネジメントレイヤーが挑戦した組織・会社のオブザーバビリティ改革 ― ビジネス価値と信頼性を両立するリアルな挑戦
coconala_engineer
0
280
AI時代の発信活動 ~技術者として認知してもらうための発信法~ / 20251028 Masaki Okuda
shift_evolve
PRO
1
110
Featured
See All Featured
Become a Pro
speakerdeck
PRO
29
5.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Statistics for Hackers
jakevdp
799
220k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Side Projects
sachag
455
43k
Mobile First: as difficult as doing things right
swwweet
225
10k
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!!!