Nodux - node base redux framework

Presented on Unite Eve2 LT Fes

Transcript

1. /P$PEJOH'SBNFXPSL
   ͭͬͯ͘Έͨ
   !NBUUBL
   6OJUF5PLZP&WF-5'FT
   

   View Slide

2. ૣ଎Ͱ͕͢ʜ
   ͕࣌ؒͳ͍ͷͰσϞಈըͰ͢
   

   View Slide

3. $PEJOHWT/P$PEJOHͷ
   γϯϓϧͳൺֱಈըΛͭ͘Γ
   ·ͨ͠ɻ
   

   View Slide

4. ͭ໨
   $PVOUFSΛ$PEJOHͰ࣮૷
   

   View Slide

5. https://bit.ly/2kx8VgP
   

   View Slide

6. ͭ໨
   $PVOUFSΛ/P$PEJOHͰ࣮૷
   

   View Slide

7. https://bit.ly/2m75Ynm
   

   View Slide

8. Կ͕ҧ͏
   

   View Slide

9. 
   
   ࣮૷࣌ؒͷҧ͍
   

   View Slide

10. NoCoding
    Coding
    2 min 20 sec
    3 min 0 sec
    

    View Slide

11. NoCoding
    Coding
    2 min 20 sec
    3 min 0 sec
    NoCoding͸ɺૣ͍!
    

    View Slide

12. 2 min 20 sec
    3 min 0 sec
    NoCoding
    Coding
    

    View Slide

13. NoCoding
    Coding
    

    View Slide

14. NoCoding
    Coding
    ϐϯΫ = ϑΝΠϧ࡞੒
    

    View Slide

15. NoCoding
    Coding
    ੺ = Editorىಈ࣌ؒ
    

    View Slide

16. NoCoding
    Coding
    ᒵ = Coding࣌ؒ
    

    View Slide

17. NoCoding
    Coding
    ࠇ = Compile࣌ؒ
    

    View Slide

18. NoCoding
    Coding
    փ৭ = GameObject࡞੒
    

    View Slide

19. NoCoding
    Coding
    ੨ = Componentฤू
    

    View Slide

20. NoCoding
    Coding
    ྘ = ಈ࡞֬ೝ
    

    View Slide

21. NoCoding
    Coding
    

    View Slide

22. NoCoding͸λεΫ͕গͳ͘ɺҙ͕ࣝࢄΒͳ͍
    NoCoding
    Coding
    

    View Slide

23. CodingͰ͸༨෼ͳ࡞ۀ͕ඞཁ
    (ϑΝΠϧ࡞੒ɺEditorىಈɺCompile଴ͪ)
    NoCoding
    Coding
    

    View Slide

24. lແବ͕গͳ͘ɺૉૣ֬͘ೝͰ͖Δ!z
    

    View Slide

25. 
    
    ΠςϨʔγϣϯճ਺ͷҧ͍
    

    View Slide

26. NoCoding
    Coding
    1ճ 2ճ
    1ճ
    

    View Slide

27. NoCoding
    Coding
    1ճ 2ճ
    1ճ
    NoCoding͸ɺΠςϨʔγϣϯճ਺͕̎ഒ
    FB͕࣌ؒ୹͍ & ֬ೝ͕࣌ؒे෼
    

    View Slide

28. Button Text
    State
    ࣮૷1ճ໨ ࣮૷2ճ໨
    

    View Slide

29. ͨ͘͞ΜࢼͤΔ
    ͙͢ʹमਖ਼Ͱ͖Δ
    ؒҧ͍ʹ͖͖ͮ΍͍͢
    ΠςϨʔγϣϯ͕૿͑Δ
    ඼࣭Ξοϓ
    

    View Slide

30. lΠςϨʔγϣϯ͕૿͑ɺ඼࣭Ξοϓ͠΍͍͢z
    

    View Slide

31. 
    
    มߋ΍͢͞ͷҧ͍
    

    View Slide

32. Button -> State΁ͷॻ͖ࠐΈ
    

    View Slide

33. Button -> State΁ͷॻ͖ࠐΈ
    OnClick Int StateAction
    Unit 1 (1, count, inc)
    Write
    

    View Slide

34. OnClick Int StateAction
    Unit 1 (1, count, inc)
    Write
    /PEF
    3Yͷ0CTFSWBCMF
    
    

    View Slide

35. ButtonClickͰɺStateʹ1Ճࢉ͢Δ
    OnClick Int StateAction
    Unit 1 (1, count, inc)
    Write
    Ұఆ࣌ؒ͝ͱʹɺStateʹ1Ճࢉ͢Δ
    Timer Int StateAction
    Unit 1 (1, count, inc)
    Write
    

    View Slide

36. l෦෼ϩδοΫೖΕସ͕͑؆୯z
    

    View Slide

37. ͞Βʹ
    ػೳ௥Ճ͢Δͱ͖
    

    View Slide

38. Button Text
    State
    OnClickͰ
    Countʹ1ॻ͘
    Countͷ஋Λ
    Textʹඳը
    

    View Slide

39. Button
    Text
    State
    Countͷ஋Λ
    Textʹඳը
    OnClickͰ
    Countʹ+1
    Timer
    1ඵ͝ͱʹ
    Countʹ+10
    

    View Slide

40. Text
    State
    Countͷ஋Λ
    Textʹඳը
    Count͕10͝ͱʹ
    ήʔδΛ1૿΍͢
    Image
    Button
    OnClickͰ
    Countʹ+1
    Timer
    1ඵ͝ͱʹ
    Countʹ+10
    

    View Slide

41. Text
    State
    Image
    Button
    Timer
    Πϕϯτ => ঢ়ଶ ঢ়ଶ => ൓ө
    

    View Slide

42. lঢ়ଶΛى఺ʹɺಠཱͯ͠मਖ਼Ͱ͖Δ
    ػೳ௥Ճ͕؆୯z
    

    View Slide

43. ·ͱΊ
    

    View Slide

44. w ແବͳ͕࣌ؒͳ͘ɺ࣮૷͕࣌ؒ୹͘ͳΔ!
    w ΠςϨʔγϣϯճ਺͕૿͑Δ♻
    w ϩδοΫมߋɾ௥Ճ΋؆୯
    

    View Slide

45. /P$PEJOH
    ͘͢͝ͳ͍Ͱ͔͢ʁ
    

    View Slide

46. /PEVY
    Ͱެ։͠·ͨ͠
    https://github.com/mattak/Nodux
    

    View Slide

47. /PEVY /PEFCBTF
    3FEVYGSBNFXPSL
    https://github.com/mattak/Nodux
    

    View Slide

48. /PEVY ⭐͍ͩ͘͞
    https://github.com/mattak/Nodux
    

    View Slide

49. ͞Βʹʜ
    

    View Slide

50. 
    
    $PEJOH΋0,
    

    View Slide

51. OnClick Int StateAction
    Unit 1 (1, count, inc)
    Write
    

    View Slide

52. l&EJUPSͰ΋$PEFͰ΋ಉ౳ͷϩδοΫ͕͔͚Δ✏z
    

    View Slide

53. 
    
    /PEF͸౷߹Ͱ͖Δ
    

    View Slide

54. OnClick Int StateAction
    Unit 1 (1, count, inc)
    Write
    OnClickInt StateActionWrite
    IntStateAction
    

    View Slide

55. l/PEF͸޷͖ͳཻ౓Ͱ୹͘·ͱΊΒΕΔz
    

    View Slide

56. 
    
    ϥϯλΠϜͰ
    /PEFΛͭͳ͗௚ͤΔ
    

    View Slide

57. https://bit.ly/2kWtZgI
    

    View Slide

58. l࣮ߦ࣌ʹ/PEFΛͭͳ͗ͳ͓͠
    ૉૣ֬͘ೝͰ͖Δz
    

    View Slide

59. /PEVYΛ࢖͏ͱ
    ແବͳ࡞ۀ͕࣌ؒݮͬͯɺ
    ؾ࣋ͪΑ͘։ൃ͕Ͱ͖·͢
    

    View Slide

60. /PEVY
    ΑΖ͓͘͠Ͷ͕͍͠·͢
    https://github.com/mattak/Nodux
    

    View Slide