Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −

2015-02-17に行われた社内勉強会の内容です。

Transcript

1. ͱϑϩϯτΤϯυ ஌͓͔ͬͯͳ͚Ε͹ͳΒͳ͍ɺࠓͱະདྷͷ࿩ @axross
2. ࿩͢ਓ ,PIFJ
   "TBJ
   !BYSPTT
   5SJGPSU
   *OD
   6*69
   EFTJHO
   EJWJTJPO
   $MJFOUTJEF
   +4
   /PEF
   3FBDU
   "OHVMBS+4
   FYQSFTT
   FUD
3. Nodeͱ͸
4. Α͋͘Δצҧ͍ 'Node.js' === 'ϦΞϧλΠϜʹڧ͍JavascriptαʔόαΠυॲཧܥ' // false ·ͩ͜Μͳஏ͔͍ͣ͠צҧ͍ͯ͠Δਓɺ͍·ͤΜΑͶʁ
5. (ͦΕͳΓʹ) ਖ਼͍͠ೝࣝ 'Node.js' === ‘ϊϯϒϩοΩϯάI/OΛ࣋ͭJavascript CLI࣮ߦ؀ڥ' w $-*ɺ(PPHMF
   7
   w γϯάϧεϨου Πϕϯτϧʔϓ
   w ϊϯϒϩοΩϯά*0
   w ߴ͍࣍ݩͰͷϞδϡʔϥϏϦςΟ
   w ϦΞϧλΠϜ
   ؔ܎ͳ͍
6. Ͳ͏Ͱ΋͍͍஌ࣝ ਖ਼໊ࣜশ͸ʮ/PEFʯͰ͢
   When referring to the software or the project in general, it's Node.js or simply Node. It is a proper noun, so capitalize it. The .js appears with the first use, to disambiguate from other things called "Node", and Node (without the .js) afterwards. One way to think of this is that Node.js is the full name, and Node is the more familiar first name.
7. ͳͥ ϑϩϯτΤϯυΤϯδχΞͰ΋ Nodeͳͷ͔
8. ͳͥ ϑϩϯτΤϯυΤϯδχΞͰ΋ Nodeͳͷ͔ w /PEFͷ"1*΍ΤίγεςϜ͕ΫϥΠΞϯταΠυ+4Ͱ ΋ར༻Ͱ͖Δ Α͏ʹͳΔ έʔε૿͖͑ͯͨ
   w +BWBTDSJQUͱ͍͏ط஌ͷݴޠʹΑΔ--ͱͯ͠ͷར༻
   w *TPNPSQIJD
   +BWBTDSJQUͱ͍͏ະདྷ
9. Nodeͷϊ΢ϋ΢͕ ΫϥΠΞϯταΠυJSͰ΋ ར༻Ͱ͖ΔΑ͏ʹͳΔ
10. require()ͱ͔ɺ ΋͏࢖ͬͯΔͰ͠ΐʁ $PNNPO+4ελΠϧͷϞδϡʔϧͷ࢓૊Έ
11. npmͰ΋ OQNʹެ։͞Ε͍ͯΔύοέʔδͷதʹ͸ɺ
    /PEFͰ΋ΫϥΠΞϯταΠυ+4Ͱ΋
    ಉ͡Α͏ʹ࢖͑Δ΋ͷ͕૿͖͑ͯͨ
12. ωΠςΟϒAPI͢Β΋ 4USFBN
    "1*
    /PEFͰϑΝΠϧͷྲྀΕΛѻ͏
    ΫϥΠΞϯταΠυ+4ʹ΋࣮૷͢΂͘ɺ
    ࢓༷ࡦఆதͱͷ͜ͱɻ
    ৄ͍͠࿩͸·ͨࠓ౓
13. LLͱͯ͠ͷར༻
14. JavascriptɺಘҙͰ͠ΐʁ զʑ͸+BWBTDSJQUͱͱ΋ʹۤ͠Έɺ
    ࣌ʹ͸.JDSPT˔GUΛഃΓɺ
    ͍ΖΜͳۤ೰ͷ຤ʹ΍͖ͬͯͨ͸ͣ
    ΋͸΍+BWBTDSJQU͸ɺࣗ෼ͷख଍ͷΑ͏ʹಈ͔ͤΔ
15. ࣗಈԽ͍ͨ͜͠ͱ͸ ͨ͘͞Μ͋Δ w "1*ୟ͖·ͬͯ͘σʔλΛऔΔ
    w 8FCεΫϨΠϐϯάɺαϯϓϧσʔλͷ࡞੒
    w ઃఆͷ੔උͱ͔
    w ։ൃ؀ڥΛΑ͠ͳʹ
16. ๻Βʹ΋Ͱ͖Δʂ 3VCZJTU΍1ZUIPOJTUBɺ
    ൴Β͸ͦ͏͍͏λεΫΛίʔυͰߦ͍ͬͯΔ
    ԿͰ๻ͨͪ͸Ͱ͖ͳ͍ͷ͔ʁͰ͖ΔͩΖʁʂ
    ͦ͏ɺ/PEF͕͋Δʂ
17. Isomorphic Javascript
18. Javascript Lv.999 +BWBTDSJQU͸΋͸΍ɺ
    ʮ૷০ͷͨΊͷεΫϦϓτʯͰ͸ͳ͍
    "KBYͷྲྀߦΛڥʹɺ%0.Λಈཱ͔͢৔ʹ
    ͦͯ͠΋͸΍ɺ%0.ͷੈքͷࢧ഑ऀͱ΋ݴ͑Δ
19. MVWͳ ΫϥΠΞϯταΠυWAFͷོ੝ #BLDCPOFKT
    ,OPDLPVUKT
    &NCFSKT
    "OHVMBS+4
    
    7VFKT
    
    "VSFMJB
    3FBDUKT ͪΐͬͱҧ͏͚Ͳ
    
    3JPUKT ͪΐͬͱҧ͏͚Ͳ
    
20. Javascript Application ͦΕ͸ɺ
    ͢΂ͯͷ%0.ૢ࡞
    )551ϦΫΤετͷऔΓѻ͍
    ͢΂ͯΛ+BWBTDSJQU͕ߦ͍ɺ
    ΞϓϦέʔγϣϯΛߏ੒͢Δະདྷ
21. αʔόαΠυ΋NodeͩͬͨΒ ΫϥΠΞϯταΠυͱαʔόαΠυͷ֞ࠜΛഉআ
    ͍·ͭʹ෼͔Εͯ͠·͍ͬͯΔ
    ϏδωεϩδοΫΛͭʹͰ͖Δ
    ࠶ར༻ੑʂ
    อकੑʂ
    εέʔϥϏϦςΟΟΟʂʂʂ
    ๻ͨͪͷ8FC͸ݩདྷɺͦ͏͍͏΋ͷͩͬͨ͸ͣͩʂ
22. Isomorphicͳྫ w 7BMJEBUPS΍4FSWJDFͷ࢖͍ճ͠
    w ಉ͡΋ͷΛSFRVJSF ͢Δ͚ͩ
    w ಉ͡ϩδοΫ͕ผͷ࣮૷Ͱͭ͋Δͬͯͦ΋ͦ΋ ͓͔͍͠ͷͰ͸
    w .PEFM૚ͷڞ௨Խ
    w αʔόʔͱΫϥΠΞϯτͰΠϯλʔϑΣʔε͕
    ౷Ұ͞ΕΔ
    w 4&0తͳΞϨ
    w +4
    "QQMJDBUJPOͷαʔόʔαΠυϨϯμϦϯά
23. ະདྷͩʂʂʂʂʂʂʂ1111
24. ΋͸΍ݴ͍༁͸ڐ͞Εͳ͍
25. ಀ͍͛ͯͨΒɺࢮ͵͚ͩ
26. GitHubͷσβΠφʔͷ࿩ l
    σβΠφʔͱσϕϩούʔ͕
    ෼͔Ε͍ͯΔ࣌୅͸
    ͍ͣΕऴΘΔ
    z
27. GitHubͷσβΠφʔͷ࿩ (2) ๻ͷதͰ͸
    উखʹ
    ༗໊ͳ࿩
    ͢΂ͯΛͰ͖Ζɺͱ͸ݴΘͳ͍
    ΫϥΠΞϯταΠυɺαʔόαΠυͰ΋͍͍
    ͓ޓ͍ͷ෼໺Λ஌Γ߹͏͜ͱ͕େࣄ
28. GitHubͷσβΠφʔͷ࿩ (3) ΋ͬͱίϛϡχέʔγϣϯ͸͠΍͘͢ͳΔɺ
    ΋ͬͱ଎͘࡞ΕΔΑ͏ʹͳΔ
    ΋ͬͱνϟϨϯδϯάͰ
    ΋ͬͱΤΩαΠςΟϯάͰ
    Ձ஋͋ΔϓϩμΫτʹऔΓ૊ΊΔΑ͏ʹͳΔ
29. ͋͞ɺNodeΛ͸͡ΊΑ͏
30. ͱ͸͍͑ɺ ٸʹͦΜͳ͜ͱ ݴΘΕͯ΋ࠔΔ..
31. Node ϫʔΫγϣοϓ ΍Γ·͢ʂʂʂʂʂʂ ద౰ͳπʔϧ࡞ͬͯ/PEFͷجૅΛֶͿ
    ۙ೔༧ఆɺৄࡉະఆɺଞσΟϰΟδϣϯ׻ܴ
    ڵຯͷ͋Δਓ͸͝Ұใ͍ͩ͘͞
    
    6*69
    EJW
    ๻
    ·Ͱ
32. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠