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

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

7b13f432547b92d04c79b749adb535e0?s=47 Tetsuya Mori
December 15, 2018

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

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

7b13f432547b92d04c79b749adb535e0?s=128

Tetsuya Mori

December 15, 2018
Tweet

Transcript

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

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

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

  4. ࠓ೔ͷ͓࿩ͷ֓ཁ 4

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

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

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

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

  9. ࣗݾ঺հ 9

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


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

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

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

  14. ຊ୊ 14

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

  16. 5JNFMJOFʹ͍ͭͯ 16

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

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

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

  20. 20 Ͱ͖ͳ͍͜ͱ 5JNFMJOFʹ͍ͭͯ wඪ४ͩͱʮ৚݅ʹԠͨ͡෼ذʯ΍
 ʮೖྗ଴ͪʯͳͲͷڽͬͨίτ͸
 Ͱ͖ͳ͍ w࣌఺Ͱ͸ΠϕϯτൃՐ
 తͳ͜ͱ΋Ͱ͖ͳ͍

  21. 21 5JNFMJOFʹ͍ͭͯ wجຊతʹҰຊಓͷγʔέϯε w"DUJWF#FIBWJPVSͱ͔Ͱ
 ෼ذͰ͖ΔͬͪΌͰ͖Δ wࣗ࡞ͷ#FIBWJPVSΛ࣮૷Մೳ w1MBZBCMF"1*ͱŝŒŕŝŒřŲŲ

  22. ͬͯ͜ͱͰ 22

  23. ͭ͘Γ·ͨ͠ 23

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

  25. "DUJWF5JNFMJOF 25

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

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

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

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

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

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

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

  33. ηΫγϣϯλΠτϧ w "DUJWF5SBDLͷ
 (P5P$MJQΛબ୒ w *OTQFDUPSʹදࣔ w -BCFMΛܾΊ͓ͯ͘ w $MJQ΁ͷδϟϯϓ࣌


    ʹ༻͍Δʢޙड़ʣ 33 5SBDL$MJQ "DUJWF5JNFMJOFʹ͍ͭͯ
  34. ηΫγϣϯλΠτϧ w %FGBVMU#FIBWJPVS
 ৚͕݅ൃՐ͠ͳ͔ͬͨ
 ৔߹ͷॲཧΛબ୒  5ISPVHI  -PPQ 

    8BJU 34 5SBDL$MJQ "DUJWF5JNFMJOFʹ͍ͭͯ
  35. ηΫγϣϯλΠτϧ w $POEJUJPO
 ൃՐ৚݅ w $IFDL&WFSZ'SBNF
 ຖϑϨʔϜ൑ఆ͢Δʁ w 5ZQF
 ຬͨͨ͠ͱ͖ͷॲཧํ๏

    35 5SBDL$MJQ "DUJWF5JNFMJOFʹ͍ͭͯ
  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 ೚ҙͷΠϕϯτॲཧʢࢼݧతʣ
  37. 37 $POEJUJPO "DUJWF5JNFMJOFʹ͍ͭͯ w $MJQͷൃՐ৚݅ w .POP#FIBWJPVSΛܧঝ w 1SJNJUJWF -PHJDBM

     1PJOUFS&WFOUΛ࣮૷ࡁ w 7BMVFίϯϙʔωϯτ΋ผ్࣮૷ࡁ
  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
  39. 39 ࠓޙͷ༧ఆ "DUJWF5JNFMJOFʹ͍ͭͯ w (SBQI7JFXΛ༻͍ͨ$POEJUJPO ઃఆʢ7JTVBM4DSJQUJOHʜɻʣ w ϦϑΝΫλϦϯά w 6OJUZ1BDLBHF.BOBHFSରԠ

  40. 40 Ϧιʔε "DUJWF5JNFMJOFʹ͍ͭͯ w "DUJWF5JNFMJOF
 IUUQTHJUIVCDPNVNNBDUJWF@UJNFMJOF w σϞϓϩδΣΫτ
 IUUQTHJUIVCDPNNPOSZEFNP@MU@

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

  42. ·ͱΊ 42

  43. 43 ·ͱΊ ·ͱΊ w "DUJWF5JNFMJOFͳΒεΫϦϓτ
 ແ͠Ͱ؆୯ͳϩδοΫΛ࣮૷Մೳʂ w 1VMM3FRVFTU଴ͬͯ·ʙ͢

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