Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Timeline でビジュアルプログラミング/Visual Programming uses Timeline
Tetsuya Mori
December 15, 2018
Programming
1
630
Timeline でビジュアルプログラミング/Visual Programming uses Timeline
2018/12/15 (Sat) に開催された「【年末だよ】Unity お・と・なのLT大会 2018」の登壇資料です。
Tetsuya Mori
December 15, 2018
Tweet
Share
More Decks by Tetsuya Mori
See All by Tetsuya Mori
monry
2
1.6k
monry
0
370
monry
1
1.7k
monry
1
530
monry
3
4.4k
monry
0
1k
monry
2
3.6k
monry
0
2.3k
monry
2
5.4k
Other Decks in Programming
See All in Programming
lovee
2
210
tarugoconf
1
1.5k
line_developers_tw2
0
4.4k
xrdnk
0
110
manfredsteyer
PRO
0
160
abeta
1
200
konstantin_diener
0
130
itok
1
700
manfredsteyer
PRO
0
110
christianliebel
PRO
0
140
panini
1
160
numeroanddev
1
230
Featured
See All Featured
ddemaree
273
31k
jponch
103
5.1k
yeseniaperezcruz
302
31k
marcelosomers
221
15k
dotmariusz
94
5.5k
zenorocha
296
40k
frogandcode
128
20k
eileencodes
113
25k
garrettdimon
288
110k
jcasabona
8
550
kastner
54
1.9k
smashingmag
230
18k
Transcript
גࣜձࣾΩοζελʔ$50 ɹ࠸ 5JNFMJOFͰ ϏδϡΞϧϓϩάϥϛϯά "DUJWF5JNFMJOFͷ͝հ ʲͩΑʳ6OJUZ͓ɾͱɾͳͷ-5େձ !6OJUZ5FDIOPMPHJFT+BQBO
w-5֓ཁ wࣗݾհ w5JNFMJOFʹ͍͓ͭͯ͞Β͍ w"DUJWF5JNFMJOFʹ͍ͭͯ w·ͱΊ 2 ΞδΣϯμ
w-5֓ཁ wࣗݾհ w5JNFMJOFʹ͍͓ͭͯ͞Β͍ w"DUJWF5JNFMJOFʹ͍ͭͯ w·ͱΊ 3 ΞδΣϯμ ΠϚίί
ࠓͷ͓ͷ֓ཁ 4
wΤσΟλͰ؆୯ͳϩδοΫΛΈ͍ͨਓ w7JTVBM4DSJQUJOH͕͖ͪΕͳ͍ਓ w5JNFMJOF͕ൿΊΔྗΛղ์͍ͨ͠ਓ 5 ࠓͷରऀ ֓ཁ
w5JNFMJOFͷ֓ཁ w5JNFMJOFͰϏδϡΞϧϓϩάϥϛϯά ͢ΔͨΊͷํ๏ 6 ࠓ͢ίτ ֓ཁ
w5JNFMJOFͷ֦ுํ๏ w1MBZBCMF"1*ͷৄࡉ 7 ࠓ͞ͳ͍ίτ ֓ཁ
w-5֓ཁ wࣗݾհ w5JNFMJOFʹ͍͓ͭͯ͞Β͍ w"DUJWF5JNFMJOFʹ͍ͭͯ w·ͱΊ 8 ΞδΣϯμ ΠϚίί
ࣗݾհ 9
ηΫγϣϯλΠτϧ w !NPOSZ w BLBΜΓ͌ઌੜ w $MFBO"SDIJUFDUVSF͓͡͞Μ w .JDSPTPGU.71
GPS%FWFMPQFS5FDIOPMPHJFT 8IPBN* 10 ࣗݾհ
11 ͓͠͝ͱ ࣗݾհ ࢠͲ͚ΞϓϦ࡞ͬͯΔձࣾͰ $50ͬͯ·͢
ηΫγϣϯλΠτϧ ͤΜͰΜ 12 ϚϯΨͰΘ͔Δ6OJUZ ධ࿈ࡌத ࣗݾհ
13 ͤΜͰΜ ࣗݾհ #ͷϥδ ύʔιφϦςΟͬͯ·͢ʂ ήετืूதʂ
ຊ 14
w-5֓ཁ wࣗݾհ w5JNFMJOFʹ͍͓ͭͯ͞Β͍ w"DUJWF5JNFMJOFʹ͍ͭͯ w·ͱΊ 15 ΞδΣϯμ ΠϚίί
5JNFMJOFʹ͍ͭͯ 16
17 5JNFMJOFͬͯʁ 5JNFMJOFʹ͍ͭͯ ˞ը૾.BOVBM͔Βഈआ͠·ͨ͠
18 5JNFMJOFͬͯʁ 5JNFMJOFʹ͍ͭͯ wΧοτγʔϯͳͲͷγʔέϯεΛ੍࡞ ͢ΔͨΊͷػೳ w6OJUZ͔Βࡌ ˞ը૾.BOVBM͔Βഈआ͠·ͨ͠
19 Ͱ͖Δ͜ͱ 5JNFMJOFʹ͍ͭͯ wෳ(BNF0CKFDUͷ"OJNBUJPO Λ੍ޚՄೳ wҙͷλΠϛϯάͰ"VEJP࠶ੜՄ w"DUJWF੍ޚ*OTUBOUJBUFՄ wͰΠϕϯτ࣮͞ΕΔ
20 Ͱ͖ͳ͍͜ͱ 5JNFMJOFʹ͍ͭͯ wඪ४ͩͱʮ݅ʹԠͨ͡ذʯ ʮೖྗͪʯͳͲͷڽͬͨίτ Ͱ͖ͳ͍ w࣌ͰΠϕϯτൃՐ తͳ͜ͱͰ͖ͳ͍
21 5JNFMJOFʹ͍ͭͯ wجຊతʹҰຊಓͷγʔέϯε w"DUJWF#FIBWJPVSͱ͔Ͱ ذͰ͖ΔͬͪΌͰ͖Δ wࣗ࡞ͷ#FIBWJPVSΛ࣮Մೳ w1MBZBCMF"1*ͱŝŒŕŝŒřŲŲ
ͬͯ͜ͱͰ 22
ͭ͘Γ·ͨ͠ 23
w-5֓ཁ wࣗݾհ w5JNFMJOFʹ͍͓ͭͯ͞Β͍ w"DUJWF5JNFMJOFʹ͍ͭͯ w·ͱΊ 24 ΞδΣϯμ ΠϚίί
"DUJWF5JNFMJOF 25
26 -JWF%FNP "DUJWF5JNFMJOFʹ͍ͭͯ ͏·͘ߦ͖·͢Α͏ʹʜ
27 ಋೖํ๏ "DUJWF5JNFMJOFʹ͍ͭͯ • yarn add "umm/active_timeline#^1.0.0" w ˞6OJUZ1BDLBHF.BOBHFS͕શຽओԽ͞Εͨ ΒҠߦ͠·͢
28 ͍ํ "DUJWF5JNFMJOFʹ͍ͭͯ
29 ͍ํ "DUJWF5JNFMJOFʹ͍ͭͯ
30 ͍ํ "DUJWF5JNFMJOFʹ͍ͭͯ
31 ͍ํ "DUJWF5JNFMJOFʹ͍ͭͯ 5SBDLՃ $MJQՃ $POEJUJPOઃఆ
32 5SBDL$MJQ "DUJWF5JNFMJOFʹ͍ͭͯ
ηΫγϣϯλΠτϧ w "DUJWF5SBDLͷ (P5P$MJQΛબ w *OTQFDUPSʹදࣔ w -BCFMΛܾΊ͓ͯ͘ w $MJQͷδϟϯϓ࣌
ʹ༻͍Δʢޙड़ʣ 33 5SBDL$MJQ "DUJWF5JNFMJOFʹ͍ͭͯ
ηΫγϣϯλΠτϧ w %FGBVMU#FIBWJPVS ͕݅ൃՐ͠ͳ͔ͬͨ ߹ͷॲཧΛબ 5ISPVHI -PPQ
8BJU 34 5SBDL$MJQ "DUJWF5JNFMJOFʹ͍ͭͯ
ηΫγϣϯλΠτϧ w $POEJUJPO ൃՐ݅ w $IFDL&WFSZ'SBNF ຖϑϨʔϜఆ͢Δʁ w 5ZQF ຬͨͨ͠ͱ͖ͷॲཧํ๏
35 5SBDL$MJQ "DUJWF5JNFMJOFʹ͍ͭͯ
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 $POEJUJPO "DUJWF5JNFMJOFʹ͍ͭͯ w $MJQͷൃՐ݅ w .POP#FIBWJPVSΛܧঝ w 1SJNJUJWF -PHJDBM
1PJOUFS&WFOUΛ࣮ࡁ w 7BMVFίϯϙʔωϯτผ్࣮ࡁ
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 ࠓޙͷ༧ఆ "DUJWF5JNFMJOFʹ͍ͭͯ w (SBQI7JFXΛ༻͍ͨ$POEJUJPO ઃఆʢ7JTVBM4DSJQUJOHʜɻʣ w ϦϑΝΫλϦϯά w 6OJUZ1BDLBHF.BOBHFSରԠ
40 Ϧιʔε "DUJWF5JNFMJOFʹ͍ͭͯ w "DUJWF5JNFMJOF IUUQTHJUIVCDPNVNNBDUJWF@UJNFMJOF w σϞϓϩδΣΫτ IUUQTHJUIVCDPNNPOSZEFNP@MU@
w-5֓ཁ wࣗݾհ w5JNFMJOFʹ͍͓ͭͯ͞Β͍ w"DUJWF5JNFMJOFʹ͍ͭͯ w·ͱΊ 41 ΞδΣϯμ ΠϚίί
·ͱΊ 42
43 ·ͱΊ ·ͱΊ w "DUJWF5JNFMJOFͳΒεΫϦϓτ ແ͠Ͱ؆୯ͳϩδοΫΛ࣮Մೳʂ w 1VMM3FRVFTUͬͯ·ʙ͢
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ 44