Live coding on Atom

Presented at Kyoto.js 13

Transcript

1. LIVe
   CODING
   ON ATOM
   amagitaJayosi
   վΊ·ͯ͠amagiͰ͢
   

   View Slide

2. @amagitakayosi
   

   View Slide

3. ͨ·ʹϑϩϯτΤϯυͬΆ͍ൃදͯ͠·͢
   

   View Slide

4. 
   IUUQTXXXqJDLSDPNQIPUPTIFMMPDBUGPPE
   -JWF$PEJOHʜ
   
   

   View Slide

5. ϥΠϒίʔσΟϯά
   IUUQTXXXBUXJLJKQTFWFOMJWFTQBHFTIUNM
   

   View Slide

6. ࠓ೔͸"UPNΛ࢖ͬͯ
   ϥΠϒίʔσΟϯάͰ
   %+7+͢Δํ๏Λ
   ঺հ͠·͢ʂʂʂʂ
   

   View Slide

7. ͍ͭͰʹ๻͕࡞ͬͨ
   ϥΠϒίʔσΟϯά༻
   "UPNύοέʔδΛ
   ࣗຫ͠·͢ʂʂʂʂ
   

   View Slide

8. 4ZTUFNTGPS
   -JWF$PEJOH
   IUUQTXXXqJDLSDPNQIPUPTIFMMPDBUGPPE
   

   View Slide

9. Իָ༻͸୔ࢁ͋Δ
   w 4VQFS$PMMJEFS
   w $P⒎FF$PMMJEFS
   w 4POJD1J
   w 5JEBM$ZDMFT
   

   View Slide

10. 4VQFS$PMMJEFS
    w ݩ૆ϥΠϒίʔσΟϯά؀ڥ
    w 4NBMMUBMLͬΆ͍จ๏
    w ଞͷϥΠϒίʔσΟϯά༻ιϑτ΋

    4VQFS$PMMJEFSΛݺͼग़ͯͨ͠Γ͢Δ
    

    View Slide

11. 4POJD1J
    w 3VCZͰॻ͘
    w *%&͕͔ͬ͠Γͯ͠Δ
    w .JOFDSBGUͷ.0%ͱͯ͠࢖͏͜ͱ΋Ͱ͖Δ
    ʢʁʁʁʁʁʁʁʁʁʣ
    

    View Slide

12. 5JEBM$ZDMFT
    w )BTLFMMͰॻ͘
    w ΊͬͪΌ୹͘ॻ͚Δ
    w "UPN΍74$PEFͷύοέʔδͱͯ͠

    ࣮૷͞Ε͍ͯΔ
    

    View Slide

13. 5JEBM$ZDMFT΍ͬͯ·͢
    

    View Slide

14. 7+༻͸͋Μ·Γͳ͍ʜʜ
    w 'MVYVT
    w 2VJM
    w (-4-
    

    View Slide

15. GLSL
    IUUQTXXXqJDLSDPNQIPUPTIFMMPDBUGPPE
    

    View Slide

16. (-4-͸γΣʔμʔͷҰछ
    w %$(ͰӄӨΛܭࢉ͢ΔͨΊͷϓϩάϥϜ
    w )-4- %JSFDU9
    
    w .FUBM NBD04
    
    w (-4- 0QFO(-
    
    

    View Slide

17. ݴޠͷಛ௃
    w $MJLFͳจ๏
    w ߦྻܭࢉʹศརͳϏϧτΠϯؔ਺
    w qPBUEPU WFDB WFDC
    ͱ͔
    

    View Slide

18. γΣʔμʔΞʔτ
    w (-4-͸(16ύϫʔΛϑϧ׆༻Ͱ͖Δ
    w ʮ(-4-͚ͩͰෳࡶͳάϥϑΟοΫදݱΛ

    ɹඳըͰ͖ΔͷͰ͸ʁʯ
    w Ұ෦ͷਓʑ͕େڵฃ
    

    View Slide

19. ࢀߟLJOUSPl&MFWBUFEz
    IUUQTXXXZPVUVCFDPNXBUDI WK#W#NJ5SP
    

    View Slide

20. ී௨ͷ%άϥϑΟοΫε
    w ਺ઍʙ਺ສϙϦΰϯγΣʔμʔ
    

    View Slide

21. ൘ϙϦ
    w ࡾ֯ܗݸγΣʔμʔ
    

    View Slide

22. (-4-͓ࢼ͠؀ڥ
    w (-4-4BOECPY
    w ؾܰʹ(-4-Λ࢝ΊΒΕΔ
    w 4IBEFSUPZ
    w Ψν੎ͷྗ࡞͕͓͓͍
    

    View Slide

23. View Slide

24. ϥΠϒίʔσΟϯά؀ڥ
    w (-4-4BOECPY
    w ,PEFMJGF
    w PQFO'SBNFXPSLTͰࣗ࡞ͯ͠Δਓͱ͔
    

    View Slide

25. glsl
    livecoder
    

    View Slide

26. "UPNύοέʔδͱ࣮ͯ͠૷
    w ࣗ෼ͷઃఆͰΤσΟλΛ࢖͑Δ
    w طଘͷ(-4-༻ύοέʔδ΋࢖͑Δ
    w MJOUFSHMTM
    w BVUPDPNQMFUFHMTM
    

    View Slide

27. ػೳҰཡ
    w (-4-4BOECPYͷ্Ґޓ׵
    w Ի੠ೖྗ
    w .*%*ೖྗ
    w ը૾ಈըͷϩʔυ
    

    View Slide

28. (-4-4BOECPYͷ্Ґޓ׵
    w (-4-4BOECPYͷίʔυ͕ͦͷ··ಈ͘
    w ը໘αΠζɺϚ΢εҐஔɺܦա࣌ؒͳͲΛ

    ར༻Ͱ͖ΔΑ͏ʹ
    

    View Slide

29. Ի੠ೖྗ
    w 8FC"VEJP"1*Ͱऔಘ
    w ೾ܗɺϘϦϡʔϜɺεϖΫτϥϜ
    w 5JEBM$ZDMFT౳ͱ૊Έ߹ΘͤΔͱ

    ҰਓͰ%+7+Մೳ
    

    View Slide

30. .*%*ೖྗ
    w 8FC.*%*"1*Ͱऔಘ
    w .*%*Πϕϯτɺϊʔτ൪߸
    w .*%*ίϯτϩʔϥʔͰ

    7+ΤϑΣΫτΛ੍ޚͰ͖Δʂ
    

    View Slide

31. ը૾ϩʔυػೳͷ࣮૷Ҋ
    w ઃఆը໘͔Βϩʔυ͢Δʁ
    w ίϚϯυͰઃఆ͢Δʁ
    w ϩʔυ༻6*Λ࡞Δʁ
    w ઃఆϑΝΠϧΛ࡞੒͢Δʂ
    

    View Slide

32. MJWFSD
    w ࡞ۀσΟϨΫτϦʹMJWFSDΛઃஔ
    w +40/ܗࣜͰը૾ͷύεΛॻ͘
    w ϩʔΧϧϑΝΠϧͰ΋ɺ63-Ͱ΋Մ
    w &MFDUSPO࠷ߴʙ
    w DIPLJEBSͰมߋΛ؂ࢹ
    

    View Slide

33. DeMO
    

    View Slide

34. ՝୊
    w ࣮૷͕Ұ෦ΊͬͪΌࡶ
    w ύϑΥʔϚϯε
    

    View Slide

35. ΊͪΌͪ͘ΌࡶͳΑ͏͢
    

    View Slide

36. ΊͪΌͪ͘ΌࡶͳΑ͏͢
    

    View Slide

37. ύϑΥʔϚϯε
    w 8FC(-DBOWBTͷ্ʹཁૉΛஔ͘ͱ

    ۃ୺ʹॏ͘ͳΔɺΒ͍͠
    w BVUPDPNQMFUFQMVTࣗମ͕ॏ͍
    w ͬͪ͜ͷํ͕·ͩͲ͏ʹ͔ͳΔ
    

    View Slide

38. BVUPDPNQMFQMVTͷύϑΥʔϚϯε
    w JTTVFཱͬͯΔ IUUQTHJUIVCDPNBUPNBVUPDPNQMFUFQMVTJTTVFT
    
    
    w FUDIίϯϙʔωϯτͰॻ͖௚ͦ͏ͥɺͱͷࣄ
    w "UPNνʔϜ͕։ൃͨ͠

    7JSUVBM%0.ίϯϙʔωϯτϥΠϒϥϦ
    w ͪΐͬͱࢼ͚ͨ͠ͲϜζͯ͘์ஔͯ͠Δʜʜ
    

    View Slide

39. eNJOY
    LIVe
    CODING!!!
    eNJOY
    LIVe
    CODING!!!
    eNJOY
    LIVe
    CODING!!!
    

    View Slide