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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Amagi
July 30, 2017
Technology
2
2.5k
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
140
How to hack VS Code: evil ways (Japanese)
fand
5
3.7k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
570
GLSL PostEffect in TouchDesigner
fand
2
2k
VEDA GLSL Livecoding workshop
fand
2
5.4k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.9k
Real World GLSL
fand
0
290
APIs for VJ-ing
fand
1
7k
Other Decks in Technology
See All in Technology
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
240
データの整合性を保ちたいだけなんだ
shoheimitani
8
3.1k
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
350
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
zozotech
PRO
5
5k
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
nihonbuson
PRO
2
230
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
530
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.2k
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
sansantech
PRO
2
350
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
ama_ch
0
130
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
13k
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか?
smt7174
3
150
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
maaaato
0
130
Featured
See All Featured
Fireside Chat
paigeccino
41
3.8k
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
430
Game over? The fight for quality and originality in the time of robots
wayneb77
1
110
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
130
Automating Front-end Workflow
addyosmani
1371
200k
Design in an AI World
tapps
0
140
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Rails Girls Zürich Keynote
gr2m
96
14k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
170
Optimising Largest Contentful Paint
csswizardry
37
3.6k
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!!!