天下一 Dev Server 武道会 / World Dev Server Tournament

Transcript

1. גࣜձࣾσΟʔɾΤψɾΤʔ ౻ݪ৻ଠ࿠
   BLB
   1$IBO ఱԼҰ
   dev server
   ෢ಓձ Frontend de KANPAI! #5

2. ͜Μʹͪ͸

3. PͪΌΜͰ͢
   @p1ch_jp

4. ීஈ͸ɺ6*
   σβΠφʔΛ΍͍ͬͯ·͢ɻ
   MyAnimeList
   ͱ͔ɺϋοΧυʔϧͱ͔

5. ࣗݾ঺հ͸·͍͍͋΍

6. ࠓ೥͓ੈ࿩ʹͳͬͨ΋ͷͰ͢Ͷʂ

7. ࠓ೥ͱ͘ʹ͓ੈ࿩ʹͳͬͨ΋ͷ w 4LFUDI
   w 6*ͭ͘Δͷ͸ίϨ͕ϝΠϯ
   w "CTUSBDU
   w ΋͏ʮ࠷৽൛
   DPQZ
   
   @
   OFXʯΈ͍ͨͳ࣌୅͸ऴΘΓ
   w

   /PXTI
   w ແྉͰ
   
   ্ཱ͕ͪͬͯɺ84௨Δͷ͸وॏͩ
   w /VYUKT
   w ࣗ෼͸੩తαΠτΛ
   HFOFSBUF
   ίϚϯυͰͭ͘ΔΈ͍ͨ ͳ࢖༻ํ๏͕ଟ͔ͬͨ

8. ͜ͷதͰϑϩΧϯͰ
   ஻ΕΔͱͨ͠Β
   Nuxt
   ͔ͳ
   ( ˘ω˘)

9. ͱࢥͬͨͷͰ͕͢

10. Nuxt
    ͕௒ศརͳ͜ͱͱ͔
    Έͳ͞Μඦ΋ঝ஌ͩͱࢥ͏͠

11. 5෼ؒͷLTͰઆ໌ͨ͠ͱ͜ΖͰ
    ʮͦΕ͸ͦ͏ʯͱͳͬͯ͠·͍ͦ͏ͳͷͰ

12. ࠓճ͸

13. OVYU
    HFOFSBUF
    ͨ͋͠ͱʹग़ͯ͘Δ
    EJTU
    ΛԿ͔͠ΒͷϩʔΧϧαʔόʔͰ
    ֬ೝ͢Δͱࢥ͏ͷͰ͕͢

14. ͦΕΛԿͰ֬ೝ͢Δͷ͕ྑ͍ͷ͔ͱ͍͏
    ௒χονͳ࿩Λ͍ͨ͠ͱࢥ͍·͢ɻ

15. ͱ͍͏Θ͚ͰվΊ·ͯ͠

16. ఱԼҰ
    Dev Server
    ෢ಓձ

17. ࢀՃࢿ֨ w ϩʔΧϧͰ΢Σϒαʔόʔ͕ͨͭ͜ͱ
    w Command Line Interface
    Λ΋͍ͬͯΔ͜ͱ

18. બखೖ৔

19. No1. python -m SimpleHTTPServer ϫϯϥΠφʔαʔόʔքͷॏ௟

20. No2. light-server (from npm)

21. No3. budo (from npm)

22. No4. serve (from npm)

23. ධՁํ๏ w ֮͑΍͢͞
    w ୯७ʹίϚϯυΛԿจࣈͰݺ΂Δ͔
    w ৮Γ΍͢͞
    w ΍Γ͍ͨ͜ͱΛαοͱͰ͖Δ͔
    w

    ͦͷଞ
    w ػೳ໢ཏੑ΍࣮੷ͳͲ ࠓճ͸ҎԼͷ
    ࣠
    ͰධՁ͍ͨ͠ͱࢥ͍·͢ɻ ֤఺Ͱɺ߹ܭ఺ຬ఺Ͱ͢ɻ

24. 1ճઓ
    ֮͑΍͢͞

25. 1ճઓ͸୯७ʹͦͷίϚϯυΛ
    ԿจࣈͰݺͼग़ͤΔ͔Ͱ͢

26. 5จࣈҎԼͳΒ3఺
    15จࣈҎԼͳΒ2఺
    20จࣈҎԼͳΒ1఺
    ͦΕҎ্ͳΒ0఺

27. 1ճઓ
    ֮͑΍͢͞ w QZUIPO
    N
    4JNQMF)5514FSWFS
    w 26จࣈ
    
    1఺
    w MJHIUTFSWFS
    w 11จࣈ
    
    2఺
    w

    CVEP
    w 4จࣈ
    
    3఺
    w TFSWF
    w 5จࣈ
    
    3఺

28. 2ճઓ
    ৮Γ΍͢͞

29. 2ճઓ͸৮Γ΍͢͞Ͱɺ
    ΍Γ͍ͨ͜ͱΛαοͱͰ͖Δ͔Ͱ͢

30. ࠓճ͸

31. ./dist
    Λ
    localhost:3000
    Ͱ
    ϗεςΟϯά͢Δͱ͍͏

32. ͋Γ͕ͪͳγνϡΤʔγϣϯͰ
    ࢼͯ͠Έ͍ͨͱࢥ͍·͢

33. No1.
    python -m SimpleHTTPServer w 42จࣈ΋͔͔Δ
    w ͦ΋ͦ΋
    EJTU
    ΛϕʔεʹϗεςΟϯάΈ͍ͨͳ͜ͱ͕Ͱ͖ ͳ͍ͷͰ
    DE
    ͢Δඞཁ͕͋Δ
    w ͔ͳΓ࣮༻తͰ͸ͳ͍ͷͰ
    0఺

    $ cd dist && python -m SimpleHTTPServer 3000

34. No2.
    light-server w 28จࣈͰ࣮ߦͰ͖Δ
    w Φϓγϣϯ΋௚ײతͰΘ͔Γ΍͍͢
    w 3఺ $ light-server -s

    dist -p 3000

35. No3.
    budo w 20จࣈͰ࣮ߦͰ͖Δ
    w Φϓγϣϯ΋௚ײతͰΘ͔Γ΍͍͢
    ೔ຊਓʹ༏͍͠
    w 3఺ $

    budo -d dist -p 3000

36. No4.
    Terve w 60จࣈͰ࣮ߦͰ͖Δ
    w EJTU
    ΛϕʔεʹϗεςΟϯάΈ͍ͨͳ͜ͱ͕ઃఆϑΝΠϧܦ ༝Ͱ͔͠σΩͳ͍
    w 2ճ໨͔Β͸
    serve -l 3000
    ͷ13จࣈͰ࣮ߦͰ͖Δ
    

    w ͷͰ1఺͸͋͛ͪΌ͏ $ echo {\ public\ : \ dist\ } >> serve.json && serve -l 3000

37. 3ճઓ
    ͦͷଞ

38. ͦͷଞͰ͸ΞϐʔϧͰ͖Δ͜ͱΛ
    όγόγ্͛ͯಠஅͱภݟͰՃ఺͍͖ͯ͠·͢ɻ

39. No1.
    python -m SimpleHTTPServer w ੈͷதͰҰ൪࢖ΘΕ͍ͯΔϩʔΧϧαʔόʔͰ͢ʂʂ
    w ͦ͏ͩͶ
    w 1఺Ճ఺

40. No2.
    light-server w http2
    ʹରԠͰ͖Δ͜ͱΛചΓʹ͍ͯ͠Δʢ͍͢͝Ͷʣ
    w ػೳ໢ཏੑ΋ͳ͔ͳ͔͍͢͝
    w IUUQTHJUIVCDPNUYDIFOMJHIUTFSWFS
    w 2఺Ճ఺

41. No3.
    budo w GitHub Star 1400௒͑Ͱ͢ʂʂʢͦ͏ͩͶʣ
    w ػೳ໢ཏੑ͕͍͢͝Ͱ͢ʂʂʢ͔ͨ͠ʹ͍͢͝ʣ
    w IUUQTHJUIVCDPNNBUUEFTMCVEP
    w

    2఺Ճ఺

42. No4.
    Terve w GitHub Star 3400௒͑Ͱ͢ʂʂʢ͍͢͝Ͷʣ
    w 1఺Ճ఺

43. ݁Ռൃද

44. ճઓ ճઓ ճઓ ߹ܭ QZUIPO ఺ ఺ ఺ ఺ MJHIUTFSWFS

    ఺ ఺ ఺ ఺ CVEP ఺ ఺ ఺ ఺ TFSWF ఺ ఺ ఺ ఺

45. ͱ͍͏Θ͚Ͱ

46. dev server

47. budo

48. ·ͱΊ w ࠓճͷ༏উ͸ɺ৮Γ΍͢͞ɾػೳ໢ཏੑͷ໘͔Β
    budo
    ʹ ܾఆ
    w http2
    Λ࢖༻͍ͨ͠ͱ͖͸
    light-server
    Λ࢖͏ͱྑͦ͞͏
    w ΋ͬͱଞʹྑͦ͞͏ͳͷ͋ΔͰʂΈ͍ͨͳͷ͋Ε͹࣍ճҎ߱ ͷϑϩΧϯͰ
    ୈೋճ
    dev server
    ෢ಓձ
    ΍͍ͬͯͩ͘͞

49. ऴΘΓ