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
Programming
1
670

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

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

7b13f432547b92d04c79b749adb535e0?s=128

Tetsuya Mori

December 15, 2018
Tweet

More Decks by Tetsuya Mori

See All by Tetsuya Mori
Visual Programming Framework UniFlow のご紹介/Introducing UniFlow
7b13f432547b92d04c79b749adb535e0?s=48 monry
2
2k
UniFlow 完全に理解した / I can develop UniFlow a little.
7b13f432547b92d04c79b749adb535e0?s=48 monry
0
400
Democratized Unity Package Manager
7b13f432547b92d04c79b749adb535e0?s=48 monry
1
1.9k
使ってみよう！ Unity RemoteSettings/Let's use Unity RemoteSettings
7b13f432547b92d04c79b749adb535e0?s=48 monry
1
700
ごっこランドをささえる技術 〜AssetBundle 編〜/AssetBundle Fully Understood
7b13f432547b92d04c79b749adb535e0?s=48 monry
3
5.3k
Managed Debugger の使い方をご紹介/How to use Managed Debugger on Unity
7b13f432547b92d04c79b749adb535e0?s=48 monry
0
1.1k
エンジニア && 採用担当から見た転職テクニック/Technic of changing job
7b13f432547b92d04c79b749adb535e0?s=48 monry
2
3.9k
CAFU v3 完全に理解した / Updates for CAFU v3
7b13f432547b92d04c79b749adb535e0?s=48 monry
0
3.8k
あらためて AssemblyDefinition についてまとめてみた/About AssemblyDefinition
7b13f432547b92d04c79b749adb535e0?s=48 monry
2
6.9k

Other Decks in Programming

See All in Programming
データ分析やAIの "運用" について考える
5b1f54cf0af2f41f7c1bf93ce0f0debf?s=48 mmorito
0
130
Beyond Micro Frontends: Frontend Moduliths for the Enterprise @wad2022
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
130
Jetpack Compose, 어디까지 알고 있을까?
4d4d46ec84935e69f6f63b011873335d?s=48 jisungbin
0
120
Cybozu GoogleI/O 2022 LT会 - Input for all screens
15bf72ac0417f0aab38b6f0ab084d605?s=48 jaewgwon
0
330
Jetpack Compose best practices 動画紹介 ＠GoogleI/O LT会
D46ece3c06abca01b4920592f80c0ba4?s=48 takakitojo
0
330
Angular-basierte Micro Frontends mit Module Federation @API Summit
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
110
設計ナイト2022 トランザクションスクリプト
6521324f6ab5266cdcde1dd05945a27b?s=48 shinpeim
11
2.1k
リアルタイムボイスチェンジャーMMVCとVITSの紹介
A5f618dd37c9f9866423579247cb3fb0?s=48 stealthinu
0
100
チームでカレーを作ろう！アジャイルカレークッキング
D30220c903365b2170e791313296b2f9?s=48 akitotsukahara
0
830
CakePHPの内部実装 から理解するPSR-7
750703459030ae520b26376f236f6cdd?s=48 boro1234
0
230
「混ぜるな危険」を推進する設計
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
6
1.7k
What's new in Android development tools まとめ
46b3bc302e3a40f8df60cfb60d59c313?s=48 mkeeda
0
340

Featured

See All Featured
Designing the Hi-DPI Web
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
What’s in a name? Adding method to the madness
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.6k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k
ReactJS: Keep Simple. Everything can be a component!
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
Building an army of robots
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
299
40k
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
Gamification - CAS2011
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.9k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
3.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
212
20k
Typedesign – Prime Four
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
34
1.4k
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
32
11k
Fashionably flexible responsive web design (full day workshop)
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
62k

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