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

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

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