Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Live coding on Atom

Live coding on Atom

Presented at Kyoto.js 13

fand/amagitakayosi

July 30, 2017
Tweet

More Decks by fand/amagitakayosi

Other Decks in Technology

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