Upgrade to Pro — share decks privately, control downloads, hide ads and more …

設計ポイントの 比較で知る Backbone.js

設計ポイントの 比較で知る Backbone.js

第1回JS-App勉強会 〜破綻しないWebアプリ開発のためのツール勉強会〜 でのLT資料。Backbone.jsとRuby on Railsの比較によりBackboneの特徴を知るという内容になります。

Atsushi Uchida (utwang)

April 28, 2013
Tweet

More Decks by Atsushi Uchida (utwang)

Other Decks in Programming

Transcript

  1. #BDLCPOFͷΞʔΩςΫνϟ       %+.) <; 6:

    87 %+.) <; 5134  29 / / &-(& #" !  '0* &,%$.)     w 3PVUFS 7JFX .PEFM $PMMFDUJPOͰߏ੒͞ΕΔ w 7JFX͕ίϯτϩʔϥͷΑ͏ͳ໾ׂΛ࣋ͭ
  2. 8FCͬΆ͍ϒϥοΫϘοΫε y = f(x) y x   γεςϜ 

               Կ͕͍͍͍͔ͨɾɾɾ γεςϜͷ*OQVUͱ0VUQVU͕໌֬ʹͳΕ͹ɺ γεςϜͷৼΔ෣͍Λݕ౼Ͱ͖Δ
  3. 3BJMTͷઃܭϙΠϯτ .PEFMͷΞʔΩςΫνϟ *OQVU0VUQVU͸Ͳ͔͜ʁ    $!   

               %  "# 63- SFRVFTUύϥϝʔλ )5.- ςʔϒϧϨΠΞ΢τɺ ςʔϒϧؒͷؔ࿈ɺ ςʔϒϧͷ*0
  4. #BDLCPOFͷઃܭϙΠϯτ #BDLCPOFͷΞʔΩςΫνϟ *OQVU0VUQVU͸Ͳ͔͜ʁ       %+.)

    <; 6: 87 %+.) <; 5134  29 / / &-(& #" !  '0* &,%$.)     63-ʢϑϥάϝϯτPSQVTI4UBUFͷύεʣ )5.- BKBY௨৴࣌ͷ63-  +40/σʔλͷϨΠΞ΢τ
  5. 3PVUFSઃܭ 3PVUFSͷҧ͍       %+.) <;

    6: 87 %+.) <; 5134  29 / / &-(& #" !  '0* &,%$.)     63-ʢϑϥάϝϯτPSQVTI4UBUFͷύεʣ    $!               %  "# 63- SFRVFTUύϥϝʔλ 3PVUFSͰ%0.ͷ ɹɹIBTI$IBOHF QVTI4UBUF ΠϕϯτΛݕ஌ͯ͠ɺίʔϧ όοΫΛ࣮ߦɻίʔϧόοΫ಺ Ͱϖʔδ੾ସͷॲཧΛߦ͏ɻ 3PVUFS͸ϦΫΤετ Λద੾ͳίϯτϩʔϥ ʹৼΓ෼͚Δɻ )5.-Λฦ͢͜ͱ ͰϖʔδΛ੾Γସ͑Δɻ
  6. 3PVUFSઃܭ 63-ઃܭ ΞϓϦέʔγϣϯͷΤϯτϦϙΠϯτͷఆٛ w Ͳ͏͍͏$POUSPMMFSʹͲ͏͍͏ΞΫγϣϯ͕ඞཁ͔ Λ໌֬ʹ͢Δ w ը໘ͷϦϯΫઌɺϑΥʔϜͷΞΫγϣϯʹࢦఆ͢Δ 63-΋໌֬ʹͳΔ ը໘໊

    ϝιου 63- ίϯτϩʔϥΞΫγϣϯ πΠʔτҰཡ (&5 UXFFUT 5XFFUT$POUSPMMFSJOEFY ৽نπΠʔτ (&5 UXFFUTOFX 5XFFUT$POUSPMMFSOFX ৽نπΠʔτొ࿥ 1045 UXFFUT 5XFFUT$POUSPMMFSDSFBUF πΠʔτৄࡉ (&5 UXFFUTJE 5XFFUT$POUSPMMFSTIPX ྫʣ
  7. 3PVUFSઃܭ 63-ઃܭ ΞϓϦέʔγϣϯͷΤϯτϦϙΠϯτͷఆٛ w 63-͕੾Γସͬͨͱ͖ʹͲͷίʔϧόοΫΛ࣮ߦ͢Δ ͔Λ໌֬ʹ͢Δɻ w ը໘ͷϦϯΫઌ63-΋໌֬ʹͳΔɻ ը໘໊ 63-

    3PVUFSίʔϧόοΫ πΠʔτҰཡ UXFFUT "QQ3PVUFSJOEFY πΠʔτৄࡉ UXFFUTJE "QQ3PVUFSTIPX ৽نπΠʔτ UXFFUTOFX "QQ3PVUFSOFX ྫʣ
  8. 7JFXઃܭ 7JFXͷҧ͍       %+.) <;

    6: 87 %+.) <; 5134  29 / / &-(& #" !  '0* &,%$.)        $!               %  "# ରԠ͢Δ%0.ཁૉ಺Ͱ ൃੜ͢ΔΠϕϯτͷ؂ࢹɺ %0.ૢ࡞ʹΑΓ)5.-ͷϨϯ μϦϯάɺ$44ͷ੾ସΛߦ͏ɻ .PEFMͷΠϕϯτ΋؂ࢹ 7JFX͸$POUSPMMFS ͔Β౉͞ΕΔσʔλΛ 5FNQMBUFʹຒΊࠐΈɺ )5.-ΛϨϯμϦϯά͢ Δɻ )5.- )5.-
  9. .PEFMઃܭ .PEFMͷҧ͍       %+.) <;

    6: 87 %+.) <; 5134  29 / / &-(& #" !  '0* &,%$.)        $!               %  "# #BDLCPOFͷ.PEFM͸ ରԠ͢Δ3&45"1* ΛϦιʔεͱͯ͠ѻ͏͜ͱ͕ Ͱ͖Δɻ ϞσϧϦιʔε<3&45"1*> .PEFM͸%#ͷͻͱͭ ͷςʔϒϧΛͻͱͭͷ Ϋϥεͱͯ͠ѻ͏͜ͱ͕ Ͱ͖ΔɻʢϞσϧςʔ ϒϧͷ03Ϛοϐϯάʣ BKBY௨৴࣌ͷ63-  +40/σʔλͷϨΠΞ΢τ ςʔϒϧϨΠΞ΢τɺ ςʔϒϧؒͷؔ࿈ɺ ςʔϒϧͷ*0
  10. .PEFMઃܭ ߲໨໊ λΠϓ ิ଍ VTFS@JE JOUFHFS DPOUFOU TUSJOH πΠʔτ಺༰ EBUF

    EBUF ೔෇ ྫʣ5XFFUϞσϧ WBMJEBUJPO wDPOUFOUจࣈҎ಺ ඞਢ wEBUFඞਢ wςʔϒϧϨΠΞ΢τΛܾΊΔ w.PEFMؒͷϦϨʔγϣϯΛܾΊΔ w੍໿ʢόϦσʔγϣϯʣΛݕ౼͢Δ ˞΄ͱΜͲςʔϒϧઃܭ
  11. .PEFMઃܭ  w.PEFM͕΍ΓͱΓ͢Δ"1*ΤϯυϙΠϯτΛܾΊΔ w੍໿ʢόϦσʔγϣϯʣΛܾΊΔ ΦϒδΣΫτͷૢ࡞ ϝιου 63- UXFFUGFUDI (&5 BQJUXFFUT<JE>

    UXFFUTBWF 1045 BQJUXFFUT UXFFUTBWF 165 BQJUXFFUTJE UXFFUEFTUSPZ %&-&5& BQJUXFFUTJE 5XFFUϞσϧͷઃܭ ɹɾVSMBQJUXFFUT ɹɾόϦσʔγϣϯ ɹɹDPOUFOUจࣈҎ಺ ඞਢ ɹɹEBUFඞਢ .PEFMʹ"1*ΤϯυϙΠϯτ Λઃఆ͢Δͱɺ.PEFM͸ 3&45ΫϥΠΞϯτ "KBY ͱ ͯ͠ৼΔ෣͏͜ͱ͕Ͱ͖Δɻ .PEFMͷWBMJEBUFϝιου ΛΦʔόʔϥΠυͯ͠ఆٛ ͢Δɻ WBSUXFFUOFXUXFFU.PEFM 
  12. 5XFFUϞσϧͷઃܭʢଓ͖ʣ "1*͔Βฦ͞ΕΔ+40/͸ ඞͣ͠΋.PEFMͰѻ͍͍ͨ ϑΥʔϚοτͱ͸ݶΒͳ͍ ɾ"1*Ϩεϙϯε \UXFFU@EBUB \UXFFU@JE VTFS@JE DPOUFOUbηϛίϩϯ͚ͭ๨Εͯͨʔ` DSFBUFE@BUb`

    ^ VTFS@EBUB \VTFS@JE OBNFb5:BNBEB` FNBJMbUZ!FYBNQMFDPN` ^ ^ ɾϓϩύςΟఆٛ ɹɹ\OBNFb5:BNBEB` DPOUFOUbηϛίϩϯ͚ͭ๨Εͯͨʔ` DSFBUFE@BUb` ^ .PEFMઃܭ  w"1*͔Βड͚औΔ+40/Λ΋ͱʹɺ .PEFMʹඞཁͱͳΔϓϩύςΟΛܾΊΔ
  13. #BDLCPOFͳΒͰ͸ͷ໰୊఺ w%0.ཁૉ୯ҐͰ7JFXΫϥεΛׂΓ౰ͯ ɹ㱺7JFXͷωετߏ଄͕ෳࡶʹͳΔ wن໛͕େ͖͘ͳΔͱ#BDLCPOFͰ؅ཧ͢ΔϑΝΠ ϧ਺͕ଟ͘ͳΓɺߏ੒ͷ೺Ѳ͕೉͘͠ͳΔ     

     #),' :9 48 65 #),' :9 3/12 07 - - $+&$ !       %.( $*#",' %0.ͱ7*FXͱ .PEFMͷؔ࿈Λ ໌֬ʹ͢Δ͜ͱ Ͱɺ؇࿨Ͱ͖ͦ ͏ɻ
  14. %0.7JFX.PEFMͷؔ࿈         

                             ͜ͷΑ͏ͳਤͰߏ੒͕೺ѲͰ͖ΔͱΑ͍ Ͱ΋ɺ͜ͷਤΛඳ͘ͷ΋݁ߏେมɻ