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

第1回ELT

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