Node.jsでシングルページWebアプリケーション

第2回 HTML5minutes！ 〜triton-js〜 でのLTです。

Transcript

1. ୈճ
   )5.-NJOVUFTʂ
   ʙUSJUPOKTʙ /PEFKTͰ
   γϯάϧϖʔδ8FCΞϓϦέʔγϣϯ ᛹ా༏ 1
2. ᛹ా
   ༏!JTPEFO@
   ·΅Ζ͠ ໊ࣾ ͷϑϩϯτΤϯυΤϯδχΞ
   ࡀɻ8FCαΠτɾ8FCΞϓϦͱ͔ɻ
   ࠷ۙ/PEFKT͕Ξπ͍ɻ ࣗݾ঺հ 2
3. l41"͸ɺϢʔβ͕ΞϓϦέʔγϣϯΛ࢖͍ͬͯ Δؒɺ8FCϖʔδશମΛϩʔυ͢Δ͜ͱ͕ͳ ͘ɺϨεϙϯε͕ߴ଎Ͱ6*69ʹ༏Ε͍ͯΔͱ ͍͏ར఺Λ͍࣋ͬͯ·͢ɻz Š
   γϯάϧϖʔδ8FCΞϓϦέʔγϣϯ
   
   /PEFKTɺ.POHP%#Λ׆༻ͨ͠+BWB4DSJQU
   41" γϯάϧϖʔδ8&#ΞϓϦέʔγϣϯ 41" 3
4. 41"ͰΑ͘ฉ͘࿩ w ϑϩϯτΤϯυ.7 ϑϨʔϜϫʔΫ
   w ,OPDLPVU
   "OHVMBS
   #BDLCPOF
   7VF
   ʜ
   w QVTI4UBUF
   
   IBTI$IBOHF 4
5. ࠓ೔͸͠·ͤΜʂ 41"ͰΑ͘ฉ͘࿩ w ϑϩϯτΤϯυ.7 ϑϨʔϜϫʔΫ
   w ,OPDLPVU
   "OHVMBS
   #BDLCPOF
   7VF
   ʜ
   w QVTI4UBUF
   
   IBTI$IBOHF 5
6. 41"Ͱͷαʔόʔͷ໾ׂ w ೝূͱೝՄ
   ϢʔβʔೝূͳͲ
   w σʔλݕূ
   όϦσʔγϣϯͳͲ
   w σʔλετϨʔδͱಉظ
   σʔλӬଓԽͳͲ 6
7. 4BJMTKT
   IUUQTBJMTKTPSH 7
8. 4BJMTKT w αʔόʔαΠυ+BWB4DSJQU
   .7$ϑϨʔϜϫʔΫ
   w 3VCZ0O3BJMTϥΠΫ
   w $36%ඪ४౥ࡌͳͲͳͲػೳ๛෋
   w Πϯετʔϧ͸
   <
   OQN
   JOTUBMM
   TBJMT
   HMPCBM> 8
9. .PEFMఆٛ 
   TBJMT
   HFOFSBUF
   NPEFM
   .PEFM/BNF
   <BUUSUZQF
   BUUSUZQF
   ʜ>
   /** * UserModel */ module.exports = { attributes: { // Modelͷଐੑఆٛ name : { type: 'string' }, age : { type: 'integer' }, email : { type: 'email' }, gender : { type: 'enum' } } }; 9
10. $POUSPMMFSఆٛ // $ sails generate controller <ControllerName> [action1, action2, …] /** * UserController */ module.exports = { /** * `UserController.index()` Userίϯτϩʔϥʔͷ index ΞΫγϣϯ */ index: function (req, res) { User.find({}).exec(function (err, users) { return res.json(users); }); }, /** * `UserController.add()` Userίϯτϩʔϥʔͷ add ΞΫγϣϯ */ add: function (req, res) { return res.view(); } }; 10
11. ೝূͱೝՄ
    Ϣʔβʔೝূ 11
12. ೝূͱೝՄ w QBTTQPSUKT
    IUUQQBTTQPSUKTPSH
    w 5XJUUFS΍'BDFCPPLͳͲͷ4/4ϩάΠϯॲཧ
    w ৄ͘͠͸ IUUQOBOUPLBXPSLTDPNTBJMTVTFQBTTQPSU 12
13. σʔλݕূ
    όϦσʔγϣϯ 13
14. BGUFS
    
    BMQIB
    
    BMQIBEBTIFE
    
    BMQIBOVNFSJD
    
    BMQIBOVNFSJDEBTIFE
    
    BSSBZ
    
    CFGPSF
    
    CJOBSZ
    
    CPPMFBO
    
    DPOUBJOT
    DSFEJUDBSE
    
    EBUF
    
    EBUFUJNF
    
    EFDJNBM
    
    FNBJM
    
    FNQUZ
    
    FRVBMT
    
    GBMTFZ
    
    pOJUF
    
    qPBU
    
    IFYBEFDJNBM
    
    IFY$PMPS
    
    JO
    
    JOU
    
    JOUFHFS
    
    JQ
    
    JQW
    
    JQW
    
    JT
    
    KTPO
    
    MFO
    
    MPXFSDBTF
    
    NBY
    
    NBY-FOHUI
    
    NJO
    
    NJO-FOHUI
    
    OPU
    
    OPU$POUBJOT
    
    OPU&NQUZ
    
    OPU*O
    
    OPU/VMM
    
    OPU3FHFY
    
    OVMM
    
    OVNCFS
    
    OVNFSJD
    
    PCKFDU
    
    SFHFY
    
    SFRVJSFE
    
    TUSJOH
    
    UFYU
    
    USVUIZ
    
    VOEFpOFE
    
    VOJRVF
    
    VQQFSDBTF
    
    VSM
    
    VSMJTI
    
    VVJE
    
    VVJEW
    VVJEW σʔλݕূ 14
15. /** * UserModel */ module.exports = { attributes: { // Modelͷଐੑఆٛ name : { type: 'string' }, age : { type: 'integer' }, email : { type: 'email' }, gender : { type: 'enum' } } }; σʔλݕূ 15
16. σʔλݕূ /** * UserModel */ module.exports = { attributes: { name: { type: 'string', required: true, unique: true }, age: { type: 'integer', min: 20, }, email: { type: 'email', unique: true } // লུ 16
17. σʔλετϨʔδͱಉظ
    σʔλӬଓԽ 17
18. σʔλετϨʔδͱಉظ 18 /** * UserController ͷ action಺ */ // ৽ن࡞੒ User.create({ name: 'isoden', age: 20, email: 'isoda@maboroshi.biz', gender: 'male' }).exec(function callback(err, created) { // do something! }); ! // ݕࡧ User.find({}).exec(function callback(err, users) { // do something! });
19. ϦΫΤετ
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ॲཧ಺༰
    /user ɹɹɹɹ => ͢΂ͯͷModelΛฦ͢ /user/:id => IDʹϚονͨ͠ModelΛฦ͢ /user?prop1=val1 => Model࡞੒ /user/update/:id?prop1=val1 => IDʹϚονͨ͠Modelͷଐੑߋ৽ /user/destroy/:id => IDʹϚονͨ͠ModelΛ࡟আ ! ! add to / create / destroy / find where / find one / populate where / remove from / update σʔλετϨʔδͱಉظ 19
20. $.get(‘/foo’, callback); Response JSON σʔλετϨʔδͱಉظ 20
21. ৄ͘͠͸ʜ w K2VFSZɺFYQSFTTɺNPOHP%# ౳Λ࢖ͬͯΤϯυπʔΤϯυ ͷ
    +BWB4DSJQUઃܭͷղઆ
    w ͨͬͨϖʔδɺ ԁʜ 21
22. ! ͋Γ͕ͱ͏͍͟͝·ͨ͠! ᛹ా༏ 22 ୈճ
    )5.-NJOVUFTʂ
    ʙUSJUPOKTʙ