webアプリを AngularJS × Codeigniterでつくった話

XFCΞϓϦΛ "OHVMBS+4º$PEFJHOJUFSͰͭͬͨ͘࿩ FuelPHPˍCodeIgniter Ϣʔβͷू͍ #8

͜Μͳ͜ͱ஻ΔΑʂ ϑϩϯτΤϯυͱόοΫΤϯυ  օ͞Μ͝ଘ஌ͩͱࢥ͍·͕͢ɺͬ͘͞ͱ͓͞Β͍ "OHVMBS+4Ͱ΍Γ͍ͨ͜ͱɾͰ͖Δ͜ͱ  ΍ͬͯΈ͍ͨ͜ͱͰ࣮૷͢ΔͱɺԌ্Ҋ݅௚ߦίʔεʁʂ εςοϓผ"OHVMBS+4࣮૷ํ๏ (C)
2011 Relation Design Lab.

஻Δͷ͸͜ΜͳਓͰ͢ (C) 2011 Area Innovation Alliance w ΋ͱ΋ͱຊۀ͸ʮ·ͪͮ͘Γʯ w ΠϕϯτӡӦ΍ͬͨΓɺ౷ܭௐࠪ΍ͬͨΓɺ
ಈը੍࡞ͨ͠ΓɺϦϊϕʔγϣϯࣄۀʢෆಈ ࢈ࣄۀʣͨ͠Γɺ/10্ཱͪ͛ࢧԉͨ͠ Γɻ w Ͱ΋ؾ͍ͮͨΒɺϓϩάϥϚʔͷੈքʹย ଍Λͭͬ͜Έɺࢥ͍ฦ͢ͱ࠷ۙίʔυͳ͓ ࢓ࣄ͔͍ͯ͠͠ͳ͍ؾ΋ɻ Ұൠࣾஂ๏ਓ3%୅දཧࣄ Ұൠࣾஂ๏ਓ"*"$50 Ḇݪণ඙

(C) 2011 Area Innovation Alliance HTML CSS JavaScript PHP Perl
Ruby Webٕज़ͷେ·͔ͳ෼ྨ

(C) 2011 Area Innovation Alliance HTML CSS JavaScript PHP Perl
Ruby ϑϩϯτΤϯυ όοΫΤϯυ αʔόɾΠϯϑϥ Webٕज़ͷେ·͔ͳ෼ྨ ※ ࠷ۙ͸JavaScriptͰόοΫΤϯυߏங΋Ͱ͖ΔΒ͍͠Ͱ͢

(C) 2011 Area Innovation Alliance ϑϩϯτΤϯυࠓੲ ʙ೥ͷٕज़  ɹɾɹ֨޷͍͍8FCσβΠϯ͕ɺࢴࣳډͷΑ͏ʹಈ͘  ɹɾɹIUNMͱDTTΛ෼཭͖ͯ͠Ε͍ͳίʔυͰॻ͚Ε͹0,ʂ  ɹɾɹࠓߟ͑Δͱɺຊ౰ָͩͬͨɾɾɾɻ
ʙ೥͋ͨΓ  ɹɾɹK2VFSZ͕Ͱ͖ͯͯɺ͍Ζ͍ΖͳαΠτʹ࢖ΘΕͩ͢  ɹɾɹ8FC͕ʹΎΔʹΎΔಈ͍ͨΓɺͻΎͬͱมΘΔ  ɹɾɹIUNMͱDTTΛ্֮͑ͨͰɺK2VFSZ΋ඞਢٕೳʹ  ɹɾɹ͜͜Β΁ΜͰ୤མ͢Δਓ΋ʌ Чʆ˓  

(C) 2011 Area Innovation Alliance ϑϩϯτΤϯυࠓੲ ࠷ۙ  ɹɾɹதݎXFCΞϓϦͩͱɺK2VFSZ͸ίʔυͷอक͕ͭΒ͍  ɹɾɹͱ͍͏͔ɺ΍ͬͯΒΕΔ͔ʌ ʆЧ
ůz  ɹɾɹૉͷ1)1Λ࢖ͬͯதݎن໛ͷ։ൃΛ΍Δ͕͝ͱ͠  ɹɹɹˠDPEFJHOJUFSGVFM1)1Έ͍ͨͳϑϨʔϜϫʔΫ࢖͍͍ͨ  ɹɾɹͱ͍͏χʔζʹΑΓɺ+BWB4DSJQUϑϨʔϜϫʔΫ஀ੜ

ůz  ɹɾɹૉͷ1)1Λ࢖ͬͯதݎن໛ͷ։ൃΛ΍Δ͕͝ͱ͠  ɹɹɹˠDPEFJHOJUFSGVFM1)1Έ͍ͨͳϑϨʔϜϫʔΫ࢖͍͍ͨ  ɹɾɹͱ͍͏χʔζʹΑΓɺ+BWB4DSJQUϑϨʔϜϫʔΫ஀ੜ AngularJS Ember.js Knockout.js Backbone.js React.js Polymer

ůz  ɹɾɹૉͷ1)1Λ࢖ͬͯதݎن໛ͷ։ൃΛ΍Δ͕͝ͱ͠  ɹɹɹˠDPEFJHOJUFSGVFM1)1Έ͍ͨͳϑϨʔϜϫʔΫ࢖͍͍ͨ  ɹɾɹͱ͍͏χʔζʹΑΓɺ+BWB4DSJQUϑϨʔϜϫʔΫ஀ੜ AngularJS ※ ࠓճ͸ࢲ͕࢖ͬͨͷͰɺAngularJS͚ͩͷ࿩Λ͠·͢ Googleۘ੡ʗ஌Γ߹͍͕࢖ͬͯͨʗϢʔβ͕ଟͦ͏  υΩϡϝϯτ͕ωοτʹͦͦ͋ͬͨ͜͜ʗnote.mu͕࢖ͬͯͨ

(C) 2011 Area Innovation Alliance ͪͳΈʹɺԌ্Ұྫ ɹɾɹ8PSE1SFTTʹ"OHVMBS+4ΛೖΕͯɺϧʔςΟϯά͠Α͏ʂ  ɹɹɹˠ৐Γ੾Γ·͕ͨ͠ɺ։ൃ޻਺͸ഒҎ্ʹ ! !
! ɹɾɹطଘΞϓϦΛશ෦࡞Γସ͑ͯ"OHVMBS+4ΞϓϦʹ͠Α͏  ɹɹɹˠऴΘΔؾ഑͕ͳ͔ͬͨͷͰஅ೦ɻ  ɹɹɹˠ౰࣌ɺߥΕͨπΠʔτΛͯ͠·ͨ͠

(C) 2011 Area Innovation Alliance AngularJS Codeigniter/FuelPHP ajax RestAPI /
no view ʢjsonൃߦ/POSTड͚ʣ ಉ͡Α͏ʹશྗͰAngularJSΛ࢖͏ͱ json Template htmlςϯϓϨʔτ html

(C) 2011 Area Innovation Alliance εςοϓ̍ɿϑΥʔϜόϦσʔγϣϯ ̍ɽIUNMએݴ෦ʹʮOHBQQʯΛ௥Ճ ɹIUNMɹˠɹIUNMOHBQQ ̎ɽBOHVMBSKTϑΝΠϧΛಡΈࠐΈʢHPPHMFBQJΛར༻ʣ ɹTDSJQUTSDIUUQTBKBYHPPHMFBQJTDPNBKBYMJCTBOHVMBSKT
BOHVMBSNJOKTTDSJQU ̏ɽGPSNʹɺʮOBNFʯͱʮOPWBMJEBUFʯΛ௥Ճ ɹGPSNOBNFGPSNOPWBMJEBUFOPWBMJEBUFNFUIPEQPTU

(C) 2011 Area Innovation Alliance εςοϓ̍ɿϑΥʔϜόϦσʔγϣϯ ̐ɽJOQVUʹOBNFͱOHNPEFMΛ௥Ճʢಉ͡஋Λਪ঑ʣ  ̑ɽWBMVFͱಉ͡஋ΛOHJOJUʹ௥ՃʢOHJOJUͷ஋͕ɺzNPEFM໊b`zʹͳ Δ͜ͱʹ஫ҙʣ ɹJOQVUOBNFbFBTF`WBMVFIPHF
ɹɹɹɹɹɹɹɹɹɹɹɹˣ ɹJOQVUOBNFbFBTFOHNPEFMFBTF   " WBMVFbIPHFOHJOJUlFBTFbIPHF

(C) 2011 Area Innovation Alliance εςοϓ̍ɿϑΥʔϜόϦσʔγϣϯ ࣍ʹɺόϦσʔγϣϯύλʔϯΛॻ͖·͢ɻ όϦσʔγϣϯύλʔϯྫ JOQVUʜ 
UZQFlFNBJMzɹɹɹɹɹɹɹɾɾɾϝʔϧܗࣜ  OHNJOMFOHUIɹɹɹɹɹɾɾɾ࠷௿จࣈ਺  OHNBYMFOHUIɹɹɹɹɾɾɾ࠷େจࣈ਺  OHQBUUFSOʢਖ਼نදݱʣɾɾɾਖ਼نදݱ  SFRVJSFEɹɹɹɹɹɹɹɹɾɾɾೖྗඞਢ શͯΛຬ͍ͨͯ͠ͳ͍ͱɺUSVFʹͳΒͳ͍ͷͰɺTVCNJU͸ԡͤͳ͍ɻ

(C) 2011 Area Innovation Alliance εςοϓ̍ɿϑΥʔϜόϦσʔγϣϯ ࠷ޙʹɺόϦσʔγϣϯʹରԠ͢Δܯࠂจͷ࡞੒ɻ  OHTIPX͸ɺTIPX͞ΕΔ࣌ͷύλʔϯ TNBMMOHTIPXGPSNFBTFFSSPSFNBJMϝʔϧΞυϨεΛ͝ೖྗԼ͍͞ TNBMM 
TNBMMOHTIPXGPSNFBTFFSSPSNJOMFOHUIจࣈҎ্͝ೖྗԼ͍͞ TNBMM  TNBMMOHTIPXGPSNFBTFFSSPSNBYMFOHUIจࣈҎ಺Ͱ͝ೖྗԼ͞ ͍TNBMM  TNBMMOHTIPXGPSNFBTFFSSPSQBUUFSOਖ਼نදݱͷ௨Γ͝ೖྗԼ͍͞ TNBMM  TNBMMOHTIPXGPSNFBTFWBMJEೖྗ੒ޭTNBMM

εςοϓ̍ɿϑΥʔϜόϦσʔγϣϯ https://github.com/rdlabo/Ease_crud_CI3 $36%γεςϜ΋ඥ͍ͭͯ"OHVMBS+4ίʔυΛࣗಈੜ੒͢Δ΋ ͷ࡞ͬͨͷͰɺ·ͨݟͯԼ͍͞ɻ

(C) 2011 Area Innovation Alliance εςοϓ̎ɿίϯτϩʔϥʔͰjsΛࢦఆ ɾ"OHVMBS+4ίϯτϩʔϥʔΛࢦఆ͢Δͱɺݺͼग़͢KTΛ੍ݶͰ͖Δ  ɾάϩʔόϧͰؔ਺͕࣮ߦ͞ΕΔͱ͍͏͜ͱΛճආ  ɹɹϓϥάΠϯΛݺͼग़ͯ͠  ɹɹ%0.໊ͰϓϥάΠϯΛ࣮ߦͯ͠ 
ɹɹ%0.͕ଘࡏ͠ͳ͍ϖʔδͰ͸ಈ࡞͠ͳ͍ͱ͔ɺؾ࣋ͪѱ͘ͳ͍ʁ ɾ͜ΕҎ߱ͷεςοϓʹਐΉͨΊʹίϯτϩʔϥʔ͸ඞਢ  ɾͪͳΈʹɺΦϦδφϧͰKTϑΝΠϧΛ༻ҙ͢Δඞཁ͕͋Γ·͢

(C) 2011 Area Innovation Alliance ̍ɽʮOHBQQʯʹ໊લΛ͚ͭΔ ɹIUNMOHBQQɹˠɹIUNMOHBQQl"QQz ̎ɽΦϦδφϧͷKTϑΝΠϧΛಡΈࠐΈ ɹTDSJQUTSDlBQQKTTDSJQU ̏ɽૢ࡞͢ΔEPNͷେ͖͍ൣғʹίϯτϩʔϥʔ໊Λ௥Ճ
ɹEJWɹˠɹEJWOHDPOUSPMMFSb$USM` εςοϓ̎ɿίϯτϩʔϥʔͰjsΛࢦఆ

(C) 2011 Area Innovation Alliance ̐ɽBQQKTΛ࡞੒ WBS"QQBOHVMBSNPEVMF "QQ <>
"QQDPOUSPMMFS $USM GVODUJPO TDPQF   \  ͜͜ʹKTΛॻ͘ͱɺίϯτϩʔϥʔͷ%0.ͷൣғͷΈʹӨڹ  ɹؔ਺܈͚ͩάϩʔόϧʹॻ͍ͯɺ͜͜Ͱ࣮ߦͱ͔ͨ͠Β͍͍Α  ^ " " εςοϓ̎ɿίϯτϩʔϥʔͰjsΛࢦఆ

(C) 2011 Area Innovation Alliance ଓ͖ͱͯ͠͸ εςοϓ̏ɿOHTVCNJUͰGPSNͷૹ৴Λ͠Α͏ʂ εςοϓ̐ɿແݶϩʔυΛBKBYΛར༻ͯ͠΍ͬͯΈΑ͏ 
ʢϖʔδ ωʔγϣϯෆཁԽʣ ͱ͔͋ΔͷͰ͕͢ɺ࣌ؒͷ໰୊Ͱ͜ΕͰऴྃͱ͠·͢ɻ  ͥͻɺϑΥʔϜόϦσʔγϣϯͷΤϥʔදࣔΛָʹͨ͠ΓɺKTίʔυ੔ ཧͷͨΊʹ"OHVMBS+4Λ࢖ͬͯΈ͍ͯͩ͘͞·ͤɻ " " ଓ͖ͷεςοϓ

webアプリを AngularJS × Codeigniterでつくった話

webアプリを AngularJS × Codeigniterでつくった話

More Decks by areaia

Other Decks in Technology

Featured

Transcript