Tweet
Tweet

Slide 1

Slide 1 text

s2s Source to Source

Slide 2

Slide 2 text

GitHubͰs2sͱ ݕࡧ͢Δͱग़͖ͯ·͢ https://github.com/ akameco/s2s

Slide 3

Slide 3 text

͸͡Ίʹ

Slide 4

Slide 4 text

Atomͱ teletypeΛ࢖͍·͢ɻ ؀ڥ͕͋Δਓ͸ ४උΛ͍ͯͩ͘͠͞

Slide 5

Slide 5 text

ߏ੒ • ࣗݾ঺հ • σϞ 3෼ • എܠ • ࢓૊Έ • ͦͷଞ • ϑΟʔυόοΫ 1෼

Slide 6

Slide 6 text

ࣗݾ঺հ • ͔͋Ί( @akameco ) • ઌ݄༑ਓୡͱϨόχϥΛ৯΂ ʹߦͬͨΒશһ΢Πϧεੑң ௎ԌͰ2िؒμ΢ϯ͠·ͨ͠ • ਐḿΛग़͢ʹ͸ԿΑΓ΋݈߁ ͕ඞཁͩͱΘ͔Γ·ͨ͠

Slide 7

Slide 7 text

ޱ಄Ͱઆ໌͢ΔΑΓ ݟͯ΋Β͏ํ͕ ଎͍ͱࢥ͍·͢ͷͰɺ ·ͣσϞ(3෼ఔ౓)Λ͠·͢

Slide 8

Slide 8 text

AtomͷteletypeΛ࢖࣮ͬͯ ࡍʹίʔσΟϯά͠·͢ Atom؀ڥ͕ͳ͍ํ͸ը໘ͷํͰ ·ͨɺಈ࡞͕΋ͬ͞Γͨ͠Β࿈ܞΛ੾Γ·͢

Slide 9

Slide 9 text

https://youtu.be/ hPR0SCaz-Wg

Slide 10

Slide 10 text

എܠ • reduxϘΠϥʔϓϨʔτ͕ଟ͍໰୊ɻ • ͔͠͠อकతͳ؍఺ͰϚΫϩతͳղܾΛͨ͠ ͘ͳ͍(Ϗϧυ࣌babelplugin౳) • ୹͘ॻͨ͘Ί͚ͩʹ͍ͭෆཁʹͳΔ͔Θ͔Β ͳ͍ϥΠϒϥϦΛಋೖͨ͘͠ͳ͍

Slide 11

Slide 11 text

Ͱ͸ɺͲ͏͢Δ͔ʁ • ࠓ͋Δ࣮૷ͷ··ɺߴ଎ʹॻ͘ • ਓؒͰ͸ݶք͕͋ΔɺϓϩάϥϜʹΑͬͯϓϩάϥϜ Λॻ͘ • ͜ΕΛίʔσΟϯάλΠϜίϯύΠϧͱ໋໊ͨ͠ • ͜ͷ͋ͨΓ͸͜ͷεϥΠυ͕೤͍ͷͰΦεεϝͰ͢ ”͜Ε͔Βͷϝλϓ ϩάϥϛϯάJavaScriptͷਖ਼ٛΛޠΖ͏” by erukiti ͞Μ https:// speakerdeck.com/erukiti/meta-programming-javascript-is-justice

Slide 12

Slide 12 text

਎ۙͳΠϝʔδͩͱs2s͸fateͰ͍͏ͱ͜Ζͷ ౤Өຐज़Ͱ͢

Slide 13

Slide 13 text

ར఺ • ΤσΟλͷϓϥάΠϯͰ͸ͳ͍ͨΊ؀ڥͷϩοΫΠ ϯ͕ͳ͍ • λΠϙ͕ݮΔ • มߋʹڧ͍ • s2sʹै͏ݶΓ୭͕ॻ͍ͯ΋ಉ͡ग़ྗʹͳΔ • ίʔσΟϯάͷߴ଎ԽͰ͔͠ͳ͍ͨΊs2sࣗମΛ͍ͭ Ͱ΋ࣺͯΒΕΔ

Slide 14

Slide 14 text

࢓૊Έ

Slide 15

Slide 15 text

v0.1~

Slide 16

Slide 16 text

typescriptʹ΋ରԠͯ͠΄͍͠

Slide 17

Slide 17 text

ϋϯυϥʔ ϑοΫ(੔ܗ) v0.14~ݱࡏ

Slide 18

Slide 18 text

ϋϯυϥʔΛಋೖ

Slide 19

Slide 19 text

ϋϯυϥʔΛಋೖ • ίʔυΛड͚औͬͯίʔυΛฦ͢ͱ͍͏৚݅Λຬ ͨؔ͢਺Ͱ͋Ε͹ԿͰ΋͍͍ • σϑΥϧτͰ͸ɺjsͩͬͨΒBabel͕࣮ߦ͞Εɺts ͩͬͨΒBabel7+TypeScriptPlugin͕࣮ߦ͞ΕΔ • ͜ΕʹΑͬͯɺ࣮ࡍͲΜͳϑΝΠϧͰ͋ΕίʔσΟ ϯά࣌ʹॲཧ͕Մೳʹͳͬͨ(md,css,html,...)

Slide 20

Slide 20 text

Hookʹ͍ͭͯ • ͳͥ͜ͷඞཁ͕͋Δ͔ͱ͍͏ͱBabelͷग़ྗ͸σ ϑΥϧτͰμϒϧίʔςʔγϣϯͩͬͨΓɺηϛί ϩϯ͕෇͍ͯͨΓ͢Δ͔Β • ओʹίʔυΛग़ྗͨ͠ޙͷ੔ܗΛߦ͏ • σϑΥϧτͰ͸prettierɻϓϩδΣΫτͷrcʹै͏ • ઌ೔tslintʹ΋ରԠ by kamijin-fanta ͞Μ

Slide 21

Slide 21 text

ϓϩδΣΫτʹͲ͏ಋೖ͢Δ͔ʁ • ࣗ෼ͷϓϩδΣΫτʹಠࣗͷϓϥάΠϯΛಋೖ͍ͨ͠৔߹ɺ৽ͨʹ ϓϥάΠϯΛެ։͢Δඞཁ͸ͳ͘ɺs2s.config.js͔Β૬ରతʹ requireͰ͖Δ • ྫ͑͹ erukiti͞Μͷ https://github.com/erukiti/spike-react-redux- using-s2s Ͱ͸scriptsσΟϨΫτϦҎԼʹϓϥάΠϯΛ഑ஔͯ͠ར ༻͍ͯ͠Δ

Slide 22

Slide 22 text

ͪΐ͏Ͳ͍͍νϡʔτϦΞϧ͸ʁ • cndlhvn ͞Μͷhttps://github.com/cndlhvn/s2s-redux-actions- sample ͕Φεεϝ (redux-saga + redux-actions) • ਖ਼௚ެࣜͷ100ഒ͙Β͍ஸೡͳreadme͕༻ҙͯ͋͠Γެࣜͷα ϯϓϧΑΓΦεεϝ • ͦͯ͠ؾ͍ͮͨͱ͖ʹ͸ࣗ෼ΑΓcndlhvn͞Μͷํ͕s2s-plugin Λެ։ͯͨ͠ • ৽͘͠ManagerPluginͱݺ͹ΕΔ֓೦Λಋೖ͍ͯͯ͠໘ന͍

Slide 23

Slide 23 text

·ͱΊ

Slide 24

Slide 24 text

࣭໰΋ͱ͍ ϑΟʔυόοΫλΠϜ

Slide 25

Slide 25 text

ࠓճͷΦν teletypeΛ࢖ͬͯσϞ͢Δ͜ͱͰɺAtom ʹϩοΫΠϯ͢Δ͜ͱͰ؀ڥʹϩοΫΠ ϯ͞ΕΔ͜ͱ͸Ͳ͏͍͏͜ͱ͔Λ࣮ԋ͠ ͯΈ·ͨ͠ s2sʹ͸ϩοΫΠϯ͸͋Γ·ͤΜΑʁ Ͳ͏΋͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ