builderscon_ionic3.pdf

Transcript

1. Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ
 ୅දཧࣄɹࡗݪণ඙ *POJD
    Ͱ͸͡ΊΔ࣍ੈ୅ΞϓϦ։ൃ
2. ࣗݾ঺հ ࡗݪণ඙ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ
 ݚڀॴ
   ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ
 ΠϊϕʔγϣϯɾΞϥΠΞϯε
   $50 ञॲ͔͖͞
 ళओ ຊ೔ͷϋογϡλά
 #builderscon
3.  ঁ༑ͩͪΛ୳͢ঁੑઐ༻ΞϓϦ
    8FCJ04"OESPJEΞϓϦͰల։
    ग़ձ͍ܥΞϓϦιʔγϟϧαʔϏε
    IUUQTUJQTZTNF <1SPEVDU>
   UJQTZT
4. <1SPEVDU>
   "SFB*OOPWBUJPO3FWJFX  ੍ֹ݄ͷ·ͪͮ͘Γ8FCϚΨδϯ
    J04"OESPJEΞϓϦ΋ϦϦʔε༧ఆ
    IUUQTBJSBSFBJBKQ
5. ࠓ೔͢Δ͓࿩  8FCͷະདྷΛม͑Δ1SPHSFTTJWF
   8FC
   "QQMJDBUJPO
    )5.-ΞϓϦͱ͸
    *POJD
   'SBNFXPSLͷ֓ཁͱͦͷັྗ
    8FC੍࡞ऀͷকདྷઓུ ʮ஌Βͳ͔ͬͨɺΛฉ͘ʯ
6. w (PPHMFݕࡧʮϞόΠϧϑϨϯυϦʔ ΛධՁ͢Δʯʢ೥ʣ
   w "EPCF
   "DSPCBUʮ3FJNBHJOJOH
   "EPCF
   "DSPCBU
   GPS
   B
   NPCJMFpSTU
   XPSMEʯ ೥
   w "EPCF
   9%ͷॳظΞʔτϘʔυ͸Ϟ όΠϧʢ೥ʣ
   w σεΫτοϓͱϞόΠϧͷγΣΞٯ సʢ೥ʣ ϞόΠϧରԠਐΜͰ͍·͔͢ʁ γΣΞ֦େʹ௥ਵͯ͠૿͑ΔʮϞόΠϧͰग़དྷΔ͜ͱʯ
7. 8FCʹ͓͚ΔϞόΠϧରԠ Ұ࣌୅લ ϞόΠϧͰ΋දࣔͰ͖ΔΑ͏ʹ Responsive Web Design Information Web දࣔΛ΋ͬͱ଎͘ɻ3GͰ΋շదʹɻ AMP
 ʢAccelerated Mobile Pages Application Web WebͰ΋ΞϓϦέʔγϣϯͱͯ͠ͷ
 UXΛ PWA
 ʢProgressive Web Applicationʣ
8. ΦϑϥΠϯͰͷදࣔʢΩϟογϡදࣔʣ
   w ࣗ୐ͰνΣοΫ͓ͯ͠ؾʹೖΓʹೖΕ͓ͨ ళ৘ใΛग़ઌͰݟ௚͢
   w ిंͷதͰϒϥ΢βόοΫͨ͠ॠؒʹτϯ ωϧʹೖͬͨ
   w ʰΠϯλʔωοτ઀ଓ͕͋Γ·ͤΜʱ͸౰ ͨΓલʁ
   σϞ
 IUUQTBJSBSFBJBKQ 18"Ͱ8FCΛΞϓϦԽ
9. 18"Ͱ8FCΛΞϓϦԽ ௿଎ɾߴ଎ͷ૪͍ΛߴΈͷݟ෺͠Α͏ɻ
10. 1VTI௨஌
    ࢈ܦ৽ฉΛ͸͡Ίͱͯ͠ଟ͘ͷେखϝσΟ Ξ΍'BDFCPPL5XJUUFSͳͲ͕͢Ͱʹ࣮ ૷ɻϒϥ΢βͰ1VTI௨஌͕ૹΕ·͢ɻ
    ͦͷଞ
    w ΞϓϦͱͯ͠Πϯετʔϧ ʢ5XJUUFS
    -JUF
    
    .#ҎԼͰىಈ ࣌ؒ͸Ξοϓʣ
    w (14ͷߴਫ਼౓ิ଍ 18"Ͱ8FCΛΞϓϦԽ
11. ͞Βʹ$PSEPWBΛ࢖ͬͯߦͷίʔ υͰίϯύΠϧ͢Δͱ
    w εϚϗΞϓϦͱͯ͠഑෍Մೳ
    w ϦιʔεͰෳ਺ΞϓϦϦϦʔ ε
    w J5VOFT
    4UPSF
    
    (PPHMF
    1MBZ
    
    8JOEPXT
    1IPOF
    w &MFDUSPOͰίϯύΠϧ͢Δͱ σεΫτοϓΞϓϦ΋ɻ $PSEPWBͰ8FCΛεϚϗΞϓϦ
12. ͍ͭ೥લͷ8FCͱΞϓϦέʔγϣϯ WebαΠτ HTML,CSS,JavaScriptʢ੩తαΠτʣ WebΞϓϦ PHP, RubyʢಈతαΠτʣ iOSΞϓϦ Object-C AndroidΞϓϦ Java σεΫτοϓΞϓϦ C++ )5.-ʹͰ͖Δ͜ͱ͸ݶఆతͩͬͨ
13. ࠓͷ8FCͱΞϓϦέʔγϣϯ WebαΠτ HTML5ʢHTML,CSS,JavaScriptʣ WebΞϓϦ HTML5ʢHTML,CSS,JavaScriptʣ iOSΞϓϦ HTML5ʢHTML,CSS,JavaScriptʣ AndroidΞϓϦ HTML5ʢHTML,CSS,JavaScriptʣ σεΫτοϓΞϓϦ HTML5ʢHTML,CSS,JavaScriptʣ
14. Ͳ͏΍ͬͯͭ͘Ε͹͍͍ͷʁ جຊ͸4JOHMF
    1BHF
    "QQMJDBUJPO
    w )5.-ϑΝΠϧ͸JOEFYIUNM ͻͱͭ
    w +BWB4DSJQUͰJOEFYIUNMͷத ਎Λॻ͖׵͑
    w ϧʔςΟϯά͸ɺ+BWB4DSJQU ͷIJTUPSZ
    "1*
    w )5.-ͷ஌͚ࣝͩͰͭ͘Ε ͯ͠·͏ʂ ͦΕͬͯɺ͋ΕɻΊͪΌͪ͘Ό೉͍͠ͷͰ͸ʁ
15. )5.-ΞϓϦΛͭ͘ΔͨΊͷશ෦ ೖΓϑϨʔϜϫʔΫ
    w "OHVMBSʢ(PPHMFʣ͕౔୆
    w #PPUTUSBQͷΑ͏ͳ6*ίϯϙʔω ϯτΛ࣋ͪ
    w λεΫϥϯφʔɺϥΠϒϦϩʔυ ͳͲͷ૯߹։ൃ؀ڥ͕σϑΥϧτ Ͱ༻ҙ͞Ε͍ͯͯ
    w $PSEPWBɺ18"ʹσϑΥϧτରԠ *POJD
    'SBNFXPSLͱ͸
16. ςοΫϑΟʔυʢ0QFO8FC
    5FDIOPMPHZ
    $PSQʣ
17. )JCFFʢ&YDJUF
    +BQBO
    $P -UEʣ
18. .D%POBMET
    5ÛSLJZFʢ"OBEPMVʜ-UE
    ŞUJʣ
    
19. $ npm install -g ionic cordova <= Ionicをはじめる準備（CLI） $ ionic start ProjectName <= プロジェクトを作成
 
 $ ionic serve <= 開発開始 ͸͡Ίํ
20. ॻ͍͍ͯΔ)5.-
21. ωΠςΟϒʹدΓఴͬͨ6*σβΠϯ
22. <؆୯ཧղ>
    $PNQPOFOUT΍"1*ΛͲ͏΍ͬͯ࢖͏͔ IUUQJPOJDGSBNFXPSLDPNEPDTDPNQPOFOUT
23. <؆୯ཧղ>
    VTFDBTF͔ΒֶͿ$POQPOFOUT IUUQJPOJDUFBNHJUIVCJPJPOJDDPOGFSFODFBQQXXX
24. ΠϯετʔϧෆཁͰମݧͰ͖Δ4UBDL#MJU[
    
    IUUQTTUBDLCMJU[DPN
25. <؆୯ཧղ>࠷୹ͰΞϓϦΛϦϦʔε͢Δ044 IUUQJPOJDXQDPN
26. ʮԶͷՇ͕ՄѪ͍ʯͷJ04"OESPJEΞϓϦ͸਺࣌ؒͰϦϦʔε
    ެ։ॳ೔ʹόζͬͯ೔ؒͰສ17ɻઌिɺ/),ʹͱΓ͋͛ΒΕͨʮԶՇʯ
27. <؆୯ཧղ>*POJD81DPNΛࢼ͢ΞϓϦXQ
    QPDLFUz IUUQTQPDLFUJPOJDXQDPN
28. w (PPHMFݕࡧ
    
    0(1
    
    5XJUUFSΧʔυ
    ʹରԠͰ͖ͳ͍Ͱ͠ΐʁ
 
    Ͱ͖·͢
    w 18"ͬͯ4BGBSJͱ͔J1IPOFͱ͔ʹରԠͯ͠ͳ͍͔Β(PPHMF͚ͩͷ΋ ͷͰ͠ΐʁ
 
    ໨Լ։ൃதɻདྷय़ϓϨϏϡʔ༧ఆ͔ͩΒ೥΋ͳ͍Αʁ
    w )5.-ΞϓϦͬͯىಈ஗͍ΜͰ͠ΐʁ
 
    *POJD
    ͔Β.PEVMF෼ׂͰ͖ΔΑ͏ʹͳͬͯߋʹߴ଎ʹ
    w $PSEPWBΞϓϦͬͯॲཧ஗͍ΜͰ͠ΐʁ
 
    ͍ͭͷ࿩ͩΖ͏ɻ'14ͰεΫϩʔϧΠϕϯτͰ͖·͢Αɻ
    w ෆཁͳ6*͕͋ͬͨΒॏ͍Ͱ͠ΐʁ#PPUTUSBQ͔ͭ͏Αɻ ؒҧͬͨʮ΍Ί͓͍ͯͨํ͕͍͍ཧ༝ʯ
29. ؒҧͬͨʮ΍Ί͓͍ͯͨํ͕͍͍ཧ༝ʯ
30. w ೥લɺ8PSE1SFTTΛ֮͑Δ͚ͩͰ Ҋ݅୯Ձ͸ສҎ্େ͖͘ͳͬͨ
    w ֶशίετ͕ʂͱ͍ͬͯͨ)5.-ίʔ μʔ͕Ͳ͏ͳ͔ͬͨ͸͝ଘ஌ͷ௨Γ
    w 8FCΞϓϦɺJ04ΞϓϦɺ"OESPJEΞ ϓϦΛผʑʹͭͬͨ͘৔߹ͷίετ ͸ʁ
    
    "MM
    JO
    0OFͰͭͬͨ͘ΒҊ݅୯ Ձ͸ʁ
    w ʮ৽͍ٕ͠ज़ʯͰ͸ͳ͘ʮ໥͔Δٕज़ʯ Ͱ͋ΔՄೳੑ ୈೋͷ8PSE1SFTTʹͳΔ͔΋
31. w ͜ͷ೥ؒͰωΠςΟϒ։ൃ͸ ͔Β΁ݮগ
    w εϚʔτ΢Υονͷ։ൃऀ͕ ͍ΔΒ͍͠
    w "84ΑΓ΋'JSFCBTFͷํ͕Α͘ ࢖ΘΕ͍ͯΔʢϓογϡ௨஌Ͱ ͸ɺ
    ͱ
    ʣ
    
    w .JDSPTPGUͷ։ൃͨ͠7JTVBM
    4UVEJP
    $PEF͕τοϓγΣΞ
    w *POJDΛબΜͩਓ͸ɺ6*ίϯϙʔ ωϯτͷσβΠϯ͕ؾʹೖͬͯ Δ
    w 8FC։ൃऀ͕ϞόΠϧΞϓϦ։ ൃऀ΁ͱҠߦͯ͠Δ *POJD
    %FWFMPQFS
    4FSWFZ ϑΥʔϥϜͰ$44ͷ࣭໰Λ͢Δ૚΋࢖ͬͯΔɻ
32. w TMBDLͷΦʔϓϯνϟϯωϧʢIUUQT JPOJDTMBDLDPNʣ͋ΔͷͰɺ࢖͍࢝ΊͯΘ ͔Βͳ͍͜ͱ͋ͬͨΒϔϧϓٻΊΒΕ·͢
    w ໌೔೔༵೔ɺ೔ຊڮαΠϘ΢ζΦϑΟεͰ *POJD
    .FFUVQ
    5PLZP։࠵͠·͢ɻࠓ೔ΑΓ σΟʔϓͰ࣮ફతͳηογϣϯʂ
    w ฐࣾͰ*POJD
    TVQQPSU
    QSPHSBN͸͡Ί·͢ɻ ϦϑΝΫλϯάΦϓγϣϯ΋͢Δ༧ఆɻಋೖ ೰ΜͰΔํ͸໰͍߹ΘͤԼ͍͞ɻ
    w ͜ͷ͋ͱɺ௚઀ฉ͍ͯԼ͍͞ɻ ฉ͘ɺͰऴΘΒͳ͍ͨΊʹ