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

Timeline でビジュアルプログラミング/Visual Programming uses Timeline

Timeline でビジュアルプログラミング/Visual Programming uses Timeline

2018/12/15 (Sat) に開催された「【年末だよ】Unity お・と・なのLT大会 2018」の登壇資料です。

Tetsuya Mori
PRO

December 15, 2018
Tweet

More Decks by Tetsuya Mori

Other Decks in Programming

Transcript

  1. גࣜձࣾΩοζελʔ$50
    ৿ɹ఩࠸
    5JNFMJOFͰ
    ϏδϡΞϧϓϩάϥϛϯά
    "DUJWF5JNFMJOFͷ͝঺հ
    ʲ೥຤ͩΑʳ6OJUZ͓ɾͱɾͳͷ-5େձ
    !6OJUZ5FDIOPMPHJFT+BQBO

    View Slide

  2. w-5֓ཁ
    wࣗݾ঺հ
    w5JNFMJOFʹ͍͓ͭͯ͞Β͍
    w"DUJWF5JNFMJOFʹ͍ͭͯ
    w·ͱΊ
    2
    ΞδΣϯμ

    View Slide

  3. w-5֓ཁ
    wࣗݾ঺հ
    w5JNFMJOFʹ͍͓ͭͯ͞Β͍
    w"DUJWF5JNFMJOFʹ͍ͭͯ
    w·ͱΊ
    3
    ΞδΣϯμ
    ΠϚίί

    View Slide

  4. ࠓ೔ͷ͓࿩ͷ֓ཁ
    4

    View Slide

  5. wΤσΟλͰ؆୯ͳϩδοΫΛ૊Έ͍ͨਓ
    w7JTVBM4DSJQUJOH͕଴͖ͪΕͳ͍ਓ
    w5JNFMJOF͕ൿΊΔྗΛղ์͍ͨ͠ਓ
    5
    ࠓ೔ͷର৅ऀ
    ֓ཁ

    View Slide

  6. w5JNFMJOFͷ֓ཁ
    w5JNFMJOFͰϏδϡΞϧϓϩάϥϛϯά
    ͢ΔͨΊͷํ๏
    6
    ࠓ೔࿩͢ίτ
    ֓ཁ

    View Slide

  7. w5JNFMJOFͷ֦ுํ๏
    w1MBZBCMF"1*ͷৄࡉ
    7
    ࠓ೔࿩͞ͳ͍ίτ
    ֓ཁ

    View Slide

  8. w-5֓ཁ
    wࣗݾ঺հ
    w5JNFMJOFʹ͍͓ͭͯ͞Β͍
    w"DUJWF5JNFMJOFʹ͍ͭͯ
    w·ͱΊ
    8
    ΞδΣϯμ
    ΠϚίί

    View Slide

  9. ࣗݾ঺հ
    9

    View Slide

  10. ηΫγϣϯλΠτϧ
    w !NPOSZ
    w BLB΋ΜΓ͌ઌੜ
    w $MFBO"SDIJUFDUVSF͓͡͞Μ
    w 

    .JDSPTPGU.71

    GPS%FWFMPQFS5FDIOPMPHJFT
    8IPBN*
    10
    ࣗݾ঺հ

    View Slide

  11. 11
    ͓͠͝ͱ
    ࣗݾ঺հ
    ࢠͲ΋޲͚ΞϓϦ࡞ͬͯΔձࣾͰ
    $50΍ͬͯ·͢

    View Slide

  12. ηΫγϣϯλΠτϧ
    ͤΜͰΜ
    12
    ϚϯΨͰΘ͔Δ6OJUZ
    ޷ධ࿈ࡌத
    ࣗݾ঺հ

    View Slide

  13. 13
    ͤΜͰΜ
    ࣗݾ঺հ
    #΋ͷϥδ ύʔιφϦςΟ΍ͬͯ·͢ʂ
    ήετืूதʂ

    View Slide

  14. ຊ୊
    14

    View Slide

  15. w-5֓ཁ
    wࣗݾ঺հ
    w5JNFMJOFʹ͍͓ͭͯ͞Β͍
    w"DUJWF5JNFMJOFʹ͍ͭͯ
    w·ͱΊ
    15
    ΞδΣϯμ
    ΠϚίί

    View Slide

  16. 5JNFMJOFʹ͍ͭͯ
    16

    View Slide

  17. 17
    5JNFMJOFͬͯʁ
    5JNFMJOFʹ͍ͭͯ
    ˞ը૾͸.BOVBM͔Βഈआ͠·ͨ͠

    View Slide

  18. 18
    5JNFMJOFͬͯʁ
    5JNFMJOFʹ͍ͭͯ
    wΧοτγʔϯͳͲͷγʔέϯεΛ੍࡞
    ͢ΔͨΊͷػೳ
    w6OJUZ͔Β౥ࡌ
    ˞ը૾͸.BOVBM͔Βഈआ͠·ͨ͠

    View Slide

  19. 19
    Ͱ͖Δ͜ͱ
    5JNFMJOFʹ͍ͭͯ
    wෳ਺(BNF0CKFDUͷ"OJNBUJPO
    Λ੍ޚՄೳ
    w೚ҙͷλΠϛϯάͰ"VEJP࠶ੜ΋Մ
    w"DUJWF੍ޚ΍*OTUBOUJBUF΋Մ
    wͰΠϕϯτ΋࣮૷͞ΕΔ

    View Slide

  20. 20
    Ͱ͖ͳ͍͜ͱ
    5JNFMJOFʹ͍ͭͯ
    wඪ४ͩͱʮ৚݅ʹԠͨ͡෼ذʯ΍

    ʮೖྗ଴ͪʯͳͲͷڽͬͨίτ͸

    Ͱ͖ͳ͍
    w࣌఺Ͱ͸ΠϕϯτൃՐ

    తͳ͜ͱ΋Ͱ͖ͳ͍

    View Slide

  21. 21

    5JNFMJOFʹ͍ͭͯ
    wجຊతʹҰຊಓͷγʔέϯε
    w"DUJWF#FIBWJPVSͱ͔Ͱ

    ෼ذͰ͖ΔͬͪΌͰ͖Δ
    wࣗ࡞ͷ#FIBWJPVSΛ࣮૷Մೳ
    w1MBZBCMF"1*ͱŝŒŕŝŒřŲŲ

    View Slide

  22. ͬͯ͜ͱͰ
    22

    View Slide

  23. ͭ͘Γ·ͨ͠
    23

    View Slide

  24. w-5֓ཁ
    wࣗݾ঺հ
    w5JNFMJOFʹ͍͓ͭͯ͞Β͍
    w"DUJWF5JNFMJOFʹ͍ͭͯ
    w·ͱΊ
    24
    ΞδΣϯμ
    ΠϚίί

    View Slide

  25. "DUJWF5JNFMJOF
    25

    View Slide

  26. 26
    -JWF%FNP
    "DUJWF5JNFMJOFʹ͍ͭͯ
    ͏·͘ߦ͖·͢Α͏ʹʜ

    View Slide

  27. 27
    ಋೖํ๏
    "DUJWF5JNFMJOFʹ͍ͭͯ
    • yarn add "umm/active_timeline#^1.0.0"
    w ˞6OJUZ1BDLBHF.BOBHFS͕׬શຽओԽ͞Εͨ
    ΒҠߦ͠·͢

    View Slide

  28. 28
    ࢖͍ํ
    "DUJWF5JNFMJOFʹ͍ͭͯ

    View Slide

  29. 29
    ࢖͍ํ
    "DUJWF5JNFMJOFʹ͍ͭͯ

    View Slide

  30. 30
    ࢖͍ํ
    "DUJWF5JNFMJOFʹ͍ͭͯ

    View Slide

  31. 31
    ࢖͍ํ
    "DUJWF5JNFMJOFʹ͍ͭͯ
    5SBDL௥Ճ
    $MJQ௥Ճ
    $POEJUJPOઃఆ

    View Slide

  32. 32
    5SBDL$MJQ
    "DUJWF5JNFMJOFʹ͍ͭͯ

    View Slide

  33. ηΫγϣϯλΠτϧ
    w "DUJWF5SBDLͷ

    (P5P$MJQΛબ୒
    w *OTQFDUPSʹදࣔ
    w -BCFMΛܾΊ͓ͯ͘
    w $MJQ΁ͷδϟϯϓ࣌

    ʹ༻͍Δʢޙड़ʣ
    33
    5SBDL$MJQ
    "DUJWF5JNFMJOFʹ͍ͭͯ

    View Slide

  34. ηΫγϣϯλΠτϧ
    w %FGBVMU#FIBWJPVS

    ৚͕݅ൃՐ͠ͳ͔ͬͨ

    ৔߹ͷॲཧΛબ୒
    5ISPVHI
    -PPQ
    8BJU
    34
    5SBDL$MJQ
    "DUJWF5JNFMJOFʹ͍ͭͯ

    View Slide

  35. ηΫγϣϯλΠτϧ
    w $POEJUJPO

    ൃՐ৚݅
    w $IFDL&WFSZ'SBNF

    ຖϑϨʔϜ൑ఆ͢Δʁ
    w 5ZQF

    ຬͨͨ͠ͱ͖ͷॲཧํ๏
    35
    5SBDL$MJQ
    "DUJWF5JNFMJOFʹ͍ͭͯ

    View Slide

  36. 36
    5SBDL$MJQ
    "DUJWF5JNFMJOFʹ͍ͭͯ
    5ZQF %FTDSJQUJPO
    5JNF ඵ਺ʢGQT͔Βܭࢉʣ
    'SBNF ϑϨʔϜ
    $MJQ ಉҰ5SBDL಺ͷ$MJQ
    /FYU ࣗ$MJQͷ࣍ϑϨʔϜ
    'JSTU 5SBDLͷઌ಄
    -BTU 5SBDLͷ຤ඌ
    1MBZBCMF%JSFDUPS ผ5JNFMJOFͷ࠶ੜʢࣗ5JNFMJOF͸/FYU࣮ߦʣ
    &WFOU ೚ҙͷΠϕϯτॲཧʢࢼݧతʣ

    View Slide

  37. 37
    $POEJUJPO
    "DUJWF5JNFMJOFʹ͍ͭͯ
    w $MJQͷൃՐ৚݅
    w .POP#FIBWJPVSΛܧঝ
    w 1SJNJUJWF -PHJDBM
    1PJOUFS&WFOUΛ࣮૷ࡁ
    w 7BMVFίϯϙʔωϯτ΋ผ్࣮૷ࡁ

    View Slide

  38. 38
    $POEJUJPO
    "DUJWF5JNFMJOFʹ͍ͭͯ
    w ྫ͑͹ɺͭͷϘλϯͷத͔ΒϥϯμϜʹҰͭΛਖ਼ղͱ͢Δ৔߹
    w 7BMVF1SPDFTT3BOEPN*OU

    .JO .BY .BY͸&YDMVTJWF


    w 7BMVF1SJNJUJWF*OU7BMVF

    Ϙλϯͷ਺͚ͩ࡞Δ
    w $POEJUJPO1SJNJUJWF*OU$POEJUJPO

    &YQFDUFE3BOEPN*OU "DUVBM*OU7BMVF 0QFSBOE&RVBM
    w $POEJUJPO1PJOUFS&WFOU1PJOUFS$MJDL$POEJUJPO
    w $POEJUJPO-PHJDBM"OE$POEJUJPO

    *OU$POEJUJPO 1PJOUFS$MJDL$POEJUJPO

    View Slide

  39. 39
    ࠓޙͷ༧ఆ
    "DUJWF5JNFMJOFʹ͍ͭͯ
    w (SBQI7JFXΛ༻͍ͨ$POEJUJPO
    ઃఆʢ7JTVBM4DSJQUJOHʜɻʣ
    w ϦϑΝΫλϦϯά
    w 6OJUZ1BDLBHF.BOBHFSରԠ

    View Slide

  40. 40
    Ϧιʔε
    "DUJWF5JNFMJOFʹ͍ͭͯ
    w "DUJWF5JNFMJOF

    IUUQTHJUIVCDPNVNNBDUJWF@UJNFMJOF
    w σϞϓϩδΣΫτ

    IUUQTHJUIVCDPNNPOSZEFNP@MU@

    View Slide

  41. w-5֓ཁ
    wࣗݾ঺հ
    w5JNFMJOFʹ͍͓ͭͯ͞Β͍
    w"DUJWF5JNFMJOFʹ͍ͭͯ
    w·ͱΊ
    41
    ΞδΣϯμ
    ΠϚίί

    View Slide

  42. ·ͱΊ
    42

    View Slide

  43. 43
    ·ͱΊ
    ·ͱΊ
    w "DUJWF5JNFMJOFͳΒεΫϦϓτ

    ແ͠Ͱ؆୯ͳϩδοΫΛ࣮૷Մೳʂ
    w 1VMM3FRVFTU଴ͬͯ·ʙ͢

    View Slide

  44. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    44

    View Slide