$30 off During Our Annual Pro Sale. View Details »

Nodux - node base redux framework

mattak
September 23, 2019

Nodux - node base redux framework

Presented on Unite Eve2 LT Fes

mattak

September 23, 2019
Tweet

More Decks by mattak

Other Decks in Programming

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ճ

    View Slide

  27. NoCoding
    Coding
    1ճ 2ճ

    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