$30 off During Our Annual Pro Sale. View Details »

Nekogata Drum Sequencer written in Scala.js

Nekogata Drum Sequencer written in Scala.js

Shinpei Maruyama

September 15, 2017
Tweet

More Decks by Shinpei Maruyama

Other Decks in Programming

Transcript

  1. CZ͠Μ΃͍BLBೣܕ஝Իػ
    /FLPHBUB
    %SVN4FRVFODFS
    XSJUUFOJO4DBMBKT

    View Slide

  2. BCPVUNF
    w ג
    ϝσΟϩϜ
    w ීஈ͸4DBMBͱ͔+4ͱ͔
    w 1FSM 3VCZ΋ͨ͠ͳΉఔ౓ʹ
    w UXJUUFS!TIJOQFJ
    w TPVOEDMPVETIJOQFJ

    View Slide

  3. 4DBMBKTJTԿ

    View Slide

  4. 4DBMBKT
    w 4DBMBUP+BWB4DSJQUͳτϥϯ
    εύΠϥ
    w WXBTBOOPVODFEJO
    +VMZ

    View Slide

  5. ࣌͸
    ੢ྐྵ೥
    ݄೔

    View Slide

  6. ೣܕγʔέϯαʔ஀ੜ
    w /FLPHBUB%SVN4FRVFODFS
    Λ+4Ͱॻ͍ͨ
    w 7VFKTͰ$MFBO"SDIJUFDUVSF
    Λ΍Δٕज़తσϞͱͯ͠࡞ͬͨ

    View Slide

  7. ͦͯ࣌͠͸ྲྀΕʜ

    View Slide


  8. w /FLPHBUB%SVN4FRVFODFSΛ
    4DBMBKTʹҠ২ͨ͠
    w σϞ͠·͢
    w IUUQTTIJOQFJNHJUIVCJP
    4DBMB+T%SVN4FRVFODFS
    XFCCVJME

    View Slide

  9. ॴײ

    View Slide

  10. ॴײ
    w 4DBMB͕޷͖͔ͩΒͬͯͷ΋͋Δ
    Μ͚ͩͲɺ4DBMBͰΞϓϦॻ͚Δ
    ͷ͸΍ͬͺΓͱͯ΋ྑ͍
    w ͦ΋ͦ΋-BZFSFE"SDIJUFDUVSF
    ͱ4DBMBͷ૬ੑ͕ྑ͍

    View Slide

  11. ॴײ
    w ͱ͸ݴ͑·͋ࠔͬͨ͜ͱ΋͍Ζ͍Ζ
    ͋ͬͨ
    w ਏ͍࿩ͱιϦϡʔγϣϯΛ঺հ͠·
    ͢

    View Slide

  12. ࠔͬͨ͜ͱ
    ͦͷ̍

    View Slide

  13. 4DBMBKT7VFKT

    View Slide

  14. 4DBMBKT7VFKT
    w ୯ҰϑΝΠϧίϯϙʔωϯτ͸XFCQBDL͠
    ͨΓCSPXTFSJGZ͢Δલఏ
    w 4DBMBKT͸TCUͰϏϧυ͢Δඞཁ͕͋Δ
    w 4DBMBKT͔Β7VFKTͷ୯ҰϑΝΠϧίϯϙʔ
    ωϯτ࢖͏ͷɺ࣮࣭ແཧͬͯ͜ͱͰ͸ʜʜʁ
    w ཁ͢Δʹ4DBMBͷΤίγεςϜͱ+4ͷΤί
    γεςϜ྆ํ࢖͏ඞཁ͋Δ

    View Slide

  15. ιϦϡʔγϣϯͷ
    ͝঺հ

    View Slide

  16. ιϦϡʔγϣϯ
    w 6*૚͸ૉ௚ʹ+4Ͱॻ͍ͯ+4ͷΤίγε
    ςϜʹ৐Δ
    w Ϟσϧ૚ҎԼΛ4DBMBKTͰॻ͍ͯ4DBMB
    ͷΤίγεςϜʹ৐Δ
    w ୯ҰϑΝΠϧίϯϙʔωϯτ͔Β
    4DBMBKTͰॻ͍ͨ΍ͭΛಡΈࠐΜͰ࢖͏

    View Slide

  17. TCU

    WVF
    TDBMB
    JNQPSUͯ͠࢖͏
    DPNQJMFEKT
    DPNQJMF͢Δ
    XFCQBDL

    View Slide

  18. ࠔͬͨ͜ͱ
    ͦͷ

    View Slide

  19. 8FC"1*
    ΠϯλʔϑΣΠε

    View Slide

  20. 8FC"1*ΠϯλʔϑΣΠε
    w JOGSBTUSVDUVSF૚Ͱ͸8FC"1*Πϯλʔ
    ϑΣΠε 8FC"VEJPͱ͔ʣ৮Δඞཁ͕͋
    Δ
    w $MFBO"SDIJUFDUVSFతʹߟ͑Δͱɺૉ௚
    ʹ+4Ͱॻ͍ͯ%*͢Ε͹Αͦ͞͏
    w +4Ͱॻ͍ͨ΋ͷΛ4DBMBKTͰಡΈࠐΉͷ݁
    ߏ͍ͨ΁ΜͰɺਖ਼௚͍͍ͪͪ΍ͬͯΒΜͳ͍

    View Slide

  21. ιϦϡʔγϣϯͷ
    ͝঺հ

    View Slide

  22. ιϦϡʔγϣϯ
    w 4DBMBKTଆͰ;ͭ͏ʹ8FC"1*Π
    ϯλʔϑΣʔεͷ࣮૷ॆ࣮ͯ͠ΔͷͰ
    ૉ௚ʹͦΕ࢖͏ͱྑ͍
    w IUUQTXXXTDBMBKTPSH
    BQJTDBMBKTEPN
    PSHTDBMBKTEPNQBDLBHF

    View Slide

  23. ιϦϡʔγϣϯ

    View Slide

  24. ࠔͬͨ͜ͱ
    ͦͷ

    View Slide

  25. ϒϥ΢βґଘίʔυ

    View Slide

  26. ϒϥ΢βґଘίʔυ
    w 4BGBSJʹ"VEJP$POUFYUͳ͍
    ʢXFCLJU"VEJP$POUFYUͳΒ͋
    Δʣ
    w 4DBMBKT͸ͦͷ΁ΜΑ͠ͳʹͯ͠
    ͘Εͳ͍

    View Slide

  27. ιϦϡʔγϣϯͷ
    ͝঺հ

    View Slide

  28. ιϦϡʔγϣϯ
    w ී௨ʹQPMZpMMతͳ͜ͱ͢Ε͹͍͍
    w ΤϯτϦϙΠϯτͷ+4ʹҎԼͷΑ͏
    ͳίʔυॻ͍ͨΒಈ͍ͨ
    w ͜ͷ఺Ͱ΋OBUJWF+4ͱڞଘ͢ΔΑ
    ͏ʹͨ͠ͷ͸݁ՌతʹΑ͔͔ͬͨ΋

    View Slide

  29. '"2

    View Slide

  30. αΠζେ͖͍ΜͰ͠ΐʁ
    w 4DBMBKT࢖ͬͨόʔδϣϯɿ
    L#
    w GVMMKTͰॻ͍ͨόʔδϣϯɿ
    L#
    w ҙ֎ͱߦ͚Δؾ͕͖ͯͨ͠ʜʜ

    View Slide

  31. ࣮༻ੑͲΜ͚ͩ͋Μͷ
    w &MFDUSPOͱ߹ΘͤͯCBDLMPHΫϥΠΞϯ
    τ΋࡞ͬͯΈ͚ͨͲɺਖ਼௚࣮༻શવߦ͚Δ
    ͱ͍͏ײ৮ɻܺΛݟͯ࢓ࣄʹ΋Ϳͪ͜ΜͰ
    ͍͔͘΋ɻੵۃతʹ࢖͏ཧ༝͸ਖ਼௚ʮ4DBMB
    ͔ͩΒʯ͘Β͍͔͠ݟग़ͩͤͳ͔ͬͨʢ͠
    ͔͠Θͨ͠ʹͱͬͯ͸े෼ͳϝϦοτʣ

    View Slide

  32. কདྷੑ͕ෆ҆Ͱ͢
    w Θ͔Δ
    w ϓϩμΫγϣϯ౤ೖ͢ΔͳΒׂΓ੾
    Γ͸ඞཁͩͱࢥ͏

    View Slide

  33. UPCF
    DPOUJOVFE

    View Slide