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
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
3
870
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
330
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
210
QA業務を変える(!?)AIを併用した不具合分析の実践
ma2ri
0
160
様々なファイルシステム
sat
PRO
0
260
ざっくり学ぶ 『エンジニアリングリーダー 技術組織を育てるリーダーシップと セルフマネジメント』 / 50 minute Engineering Leader
iwashi86
3
850
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
160
AI時代の開発を加速する組織づくり - ブログでは書けなかったリアル
hiro8ma
2
330
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
1
540
組織全員で向き合うAI Readyなデータ利活用
gappy50
4
1.3k
What's new in OpenShift 4.20
redhatlivestreaming
0
320
AI機能プロジェクト炎上の 3つのしくじりと学び
nakawai
0
130
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
KATA
mclloyd
PRO
32
15k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
BBQ
matthewcrist
89
9.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
GitHub's CSS Performance
jonrohan
1032
470k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
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!!!