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

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