$30 off During Our Annual Pro Sale. View Details »

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

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

第1回ELT

ij_spitz

June 25, 2015
Tweet

More Decks by ij_spitz

Other Decks in Technology

Transcript

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

    Ϗϧυπʔϧ ςετ assetsͷѹॖ • bower ϑϩϯτΤϯυ༻ ύοέʔδϚωʔ δϟʔ npmͷϑϩϯτ όʔδϣϯ
  2. େྔੜ࢈ΛՄೳʹ͢Δͻͳܗ࡞੒ • npm install -g yo grunt-cli bower • npm

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

    AngularJS for Java developers • gulp-angular – gulp not grunt • express • angular-express-sequelize • flux – react 14
  4. Node.jsͱ͸ • എܠ – C10K໰୊ • جຊઃܭ – γϯάϧεϨου •

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

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

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