Save 37% off PRO during our Black Friday Sale! »

紳士なおじさんYeomanに学ぶ異性を落とす3つのテクニック

 紳士なおじさんYeomanに学ぶ異性を落とす3つのテクニック

第1回ELT

24a9590ddc0cd89f41a902f87c024eaf?s=128

ij_spitz

June 25, 2015
Tweet

Transcript

  1. 1 2015.06.25 ਈ࢜ͳ͓͡͞Μ YeomanʹֶͿҟੑΛ མͱ̏ͭ͢ͷςΫχοΫ ! ੴ௩ ३


  2. ಥવͰ͕͢ɺɺɺ 2

  3. օ͞Μ࿀ਓ͍·͔͢ʁ 3

  4. ຊ೔ͷ໨త • What – ΠέͯΔϕϯνϟʔاۀͷࣾһͷօ͞Μʹɺ ࿀ਓΛ࡞ͬͯ΋Β͏ • How – ਈ࢜ͳ͓͡͞ΜYeoman͞Μ͔Β

    – ҟੑʢ։ൃऀʣΛམͱ͢ςΫχοΫΛֶͿ 4 ΈΜͳʹ൴ঁ͕Ͱ͖Δ
  5. ςΫχοΫͦͷ̍ ҟੑ͕ऑ͍ͬͯΔॠؒΛૂ͑ 5

  6. ग़ࣾ౰೔ • mongoDB • Express • AngularJS • Nodejs 6

    MEANͰ࡞ͬͯʂ ๻ʮMEANͱ͸…?ʯ
  7. ExpressʹΑΔͻͳܗ࡞੒ ͱΓ͋͑ͣ࢖ͬͯΈΑ͏ʂ 7

  8. ExpressͷσΟϨΫτϦߏ੒ 8 ɾϝΠϯεΫϦϓτ ɾαʔόʔىಈεΫϦϓτ ɾϞδϡʔϧ ɾϞδϡʔϧ؅ཧϑΝΠϧ ɾ੩తϑΝΠϧ ɾίϯτϩʔϥʔ ɾςϯϓϨʔτʢejs, jadeʣ

  9. Expressʹ్ํʹ฻ΕΔ։ൃऀ 9 • ܰྔͱ͸ฉ͍͍͚ͯͨͲ͜ ͜·Ͱࣗ༝౓ߴ͍ͷ͔ • ݸਓ։ൃ͚ͩͲNodeॳΊͯ ͩ͠ɺΦϥΦϥ࣮૷ʹͳͬ ͨΒݏͩͳ •

    Ϟσϧ͸…ʁ
  10. Yeoman Yeoman ! ! ! ! ! ͜ͷ͓͡͞Μ͕ղܾ͠·͢ 10

  11. Yeomanͷߏ੒ • Yo scaffoldingπʔϧ ๛෋ͳGenerator ͕Web্ʹଘࡏ ࣗ࡞΋Ͱ͖Δ 11 • Grunt

    Ϗϧυπʔϧ ςετ assetsͷѹॖ • bower ϑϩϯτΤϯυ༻ ύοέʔδϚωʔ δϟʔ npmͷϑϩϯτ όʔδϣϯ
  12. ςΫχοΫͦͷ̎ ! ! ! ਺ܸͪΌ౰ͨΔ 12

  13. େྔੜ࢈ΛՄೳʹ͢Δͻͳܗ࡞੒ • npm install -g yo grunt-cli bower • npm

    install -g generator-angular-fullstack • yo angular-fullstack • grunt serve ! ! ͨͬͨ͜Ε͚ͩͰαʔόʔىಈ·ͰͰ͖Δʂ ͦͷଞίϯτϩʔϥʔ΍Ϟσϧͷ ͻͳܗΛ࡞੒͢ΔίϚϯυ΋ଘࡏ 13
  14. ๛෋ͳGenerator • angular • angular-fullstack • jhipster – Spring +

    AngularJS for Java developers • gulp-angular – gulp not grunt • express • angular-express-sequelize • flux – react 14
  15. ςΫχοΫͦͷ̏ ! ! ! ऴΘΓྑ͚Ε͹શͯྑ͠ 15

  16. ϏϧυπʔϧGrunt • Ϗϧυ࣌ͷλεΫΛίʔυͰࣗಈԽͰ͖Δ – assetsͷѹॖ – ςετ࣮ߦ – ߏจνΣοΫʢJSLintʣ •

    ؾ࣋Α͘։ൃΛऴ͑ΒΕΔ – ·ͨ࢖͓͏ͱ͍͏ؾ࣋ͪʹͳΔ 16
  17. Yeoman·ͱΊ • Yo ΞϓϦέʔγϣϯͷͻͳܗ࡞੒ • Grunt ςετ/Ϗϧυπʔϧ • bower ϑϩϯτΤϯυ༻ύοέʔδϚωʔδϟʔ

    17
  18. Yeoman͞Μ͔ΒͷςΫχοΫ·ͱΊ • ҟੑ͕ऑ͍ͬͯΔॠؒΛૂ͑ – ͩΕ͠΋ͦΜͳ͕࣌͋Δ͸ͣͰ͢ɻ • ਺ܸͪΌ౰ͨΔ – ετϥΠΫκʔϯΛ޿͛·͠ΐ͏ɻ •

    ऴΘΓྑ͚Ε͹શͯྑ͠ – ॳσʔτ͸ऴΘΓ͕؊৺Ͱ͢ɻ – ·ͨձ͍͍ͨͱࢥΘͤ·͠ΐ͏ɻ 18
  19. ࠷ޙʹɺɺɺ 19

  20. ൴ঁ͍·ͤΜʂʂ 20 ͞Μ͟ΜҒͦ͏ͳ͜ͱ ݴ͖ͬͯͨ๻Ͱ͕͢ɺ

  21. 21 ߹ίϯɾঁͷࢠͷ঺հ ઈࢍड෇தͰ͢ʂ

  22. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Enjoy Yeoman! 22

  23. Node.jsͱ͸ • എܠ – C10K໰୊ • جຊઃܭ – γϯάϧεϨου •

    ϝϞϦফඅྔ͕গͳ͍ – ϊϯϒϩοΩϯάI/O – Πϕϯτϧʔϓ • ApacheͱNginx • ΫϥΠϯτͷϦΫΤετ͝ͱʹεϨουΛ࡞੒ 23
  24. Node.js·ͱΊ • ίʔϧόοΫͰωετ͕ਂ͘ͳΔ → asyncϞδϡʔϧ • ಈతܕ෇͚ • Ϋϥεͷ֓೦͕ಛघʢObject, prototypeʣ

    → altJS Alternative JavaScriptͷུ ιʔεΛJavaScriptʹίϯύΠϧͯ͠࢖͏ ࠷ۙͩͱMS੡ͷTypeScript͕ྲྀߦ 24
  25. YeomanΛ࢖͏ར఺ • جຊ͸ExpressͳͷͰܰྔ • npm, bowerͰύοέʔδ͕؅ཧ͞Ε͍ͯΔͷͰෳ਺ ਓ։ൃ͕͠΍͍͢ • σϑΥϧτͰ͋Δఔ౓ͷύοέʔδ͕௥ՃࡁΈ –

    ೝূܥ, ORϚούʔ, jQuery, bootstrap • δΣωϨʔλ͕બ΂Δ and ࣗ࡞Ͱ͖Δ • ςετ, Ϗϧυ΋ࣗಈԽ – assetsͷѹॖ, ίϯύΠϧʢCoffeeͱ͔ʣ • ͳʹΑΓ։ൃεϐʔυ 25