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
93
How to hack VS Code: evil ways (Japanese)
fand
5
3.6k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
520
GLSL PostEffect in TouchDesigner
fand
2
2k
VEDA GLSL Livecoding workshop
fand
2
5.2k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.8k
Real World GLSL
fand
0
270
APIs for VJ-ing
fand
1
6.9k
Other Decks in Technology
See All in Technology
Babylon.jsでゲームを作ってみよう
limes2018
0
100
S3 Tables を図解でやさしくおさらい~基本から QuickSight 連携まで/s3-tables-illustrated-basics-quicksight
emiki
1
330
令和トラベルQAのAI活用
seigaitakahiro
0
520
CloudBruteによる外部からのS3バケットの探索・公開の発見について / 20250605 Kumiko Hennmi
shift_evolve
3
160
GitHub Coding Agent 概要
kkamegawa
1
1.7k
ローカル環境でAIを動かそう!
falken
PRO
1
170
Swiftは最高だよの話
yuukiw00w
2
290
AIエージェントデザインパターンの選び方
almondo_event
0
150
うちの会社の評判は?SNSの投稿分析にAIを使ってみた
doumae
0
150
面接を通過するためにやってて良かったこと3選
sansantech
PRO
0
130
MCP で繋ぐ Figma とデザインシステム〜LLM を使った UI 実装のリアル〜
kimuson
2
1.3k
toittaにOpenTelemetryを導入した話 / Mackerel APM リリースパーティ
cohalz
1
490
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.3k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Building Applications with DynamoDB
mza
95
6.4k
Speed Design
sergeychernyshev
30
970
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
750
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
6
660
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Balancing Empowerment & Direction
lara
1
84
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!!!