Slide 1

Slide 1 text

Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ
 ୅දཧࣄɹࡗݪণ඙ *POJDͰ͸͡ΊΔ࣍ੈ୅ΞϓϦ։ൃ

Slide 2

Slide 2 text

ࣗݾ঺հ ࡗݪণ඙ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ
 ݚڀॴ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ
 ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 ञॲ͔͖͞
 ళओ ຊ೔ͷϋογϡλά
 #builderscon

Slide 3

Slide 3 text

ঁ༑ͩͪΛ୳͢ঁੑઐ༻ΞϓϦ 8FCJ04"OESPJEΞϓϦͰల։ ग़ձ͍ܥΞϓϦιʔγϟϧαʔϏε IUUQTUJQTZTNF <1SPEVDU>UJQTZT

Slide 4

Slide 4 text

<1SPEVDU>"SFB*OOPWBUJPO3FWJFX ੍ֹ݄ͷ·ͪͮ͘Γ8FCϚΨδϯ J04"OESPJEΞϓϦ΋ϦϦʔε༧ఆ IUUQTBJSBSFBJBKQ

Slide 5

Slide 5 text

ࠓ೔͢Δ͓࿩ 8FCͷະདྷΛม͑Δ1SPHSFTTJWF8FC"QQMJDBUJPO )5.-ΞϓϦͱ͸ *POJD'SBNFXPSLͷ֓ཁͱͦͷັྗ 8FC੍࡞ऀͷকདྷઓུ ʮ஌Βͳ͔ͬͨɺΛฉ͘ʯ

Slide 6

Slide 6 text

w (PPHMFݕࡧʮϞόΠϧϑϨϯυϦʔ ΛධՁ͢Δʯʢ೥ʣ w "EPCF"DSPCBUʮ3FJNBHJOJOH "EPCF"DSPCBUGPSBNPCJMFpSTU XPSMEʯ ೥ w "EPCF9%ͷॳظΞʔτϘʔυ͸Ϟ όΠϧʢ೥ʣ w σεΫτοϓͱϞόΠϧͷγΣΞٯ సʢ೥ʣ ϞόΠϧରԠਐΜͰ͍·͔͢ʁ γΣΞ֦େʹ௥ਵͯ͠૿͑ΔʮϞόΠϧͰग़དྷΔ͜ͱʯ

Slide 7

Slide 7 text

8FCʹ͓͚ΔϞόΠϧରԠ Ұ࣌୅લ ϞόΠϧͰ΋දࣔͰ͖ΔΑ͏ʹ Responsive Web Design Information Web දࣔΛ΋ͬͱ଎͘ɻ3GͰ΋շదʹɻ AMP
 ʢAccelerated Mobile Pages Application Web WebͰ΋ΞϓϦέʔγϣϯͱͯ͠ͷ
 UXΛ PWA
 ʢProgressive Web Applicationʣ

Slide 8

Slide 8 text

ΦϑϥΠϯͰͷදࣔʢΩϟογϡදࣔʣ w ࣗ୐ͰνΣοΫ͓ͯ͠ؾʹೖΓʹೖΕ͓ͨ ళ৘ใΛग़ઌͰݟ௚͢ w ిंͷதͰϒϥ΢βόοΫͨ͠ॠؒʹτϯ ωϧʹೖͬͨ w ʰΠϯλʔωοτ઀ଓ͕͋Γ·ͤΜʱ͸౰ ͨΓલʁ σϞ
 IUUQTBJSBSFBJBKQ 18"Ͱ8FCΛΞϓϦԽ

Slide 9

Slide 9 text

18"Ͱ8FCΛΞϓϦԽ ௿଎ɾߴ଎ͷ૪͍ΛߴΈͷݟ෺͠Α͏ɻ

Slide 10

Slide 10 text

1VTI௨஌ ࢈ܦ৽ฉΛ͸͡Ίͱͯ͠ଟ͘ͷେखϝσΟ Ξ΍'BDFCPPL5XJUUFSͳͲ͕͢Ͱʹ࣮ ૷ɻϒϥ΢βͰ1VTI௨஌͕ૹΕ·͢ɻ ͦͷଞ w ΞϓϦͱͯ͠Πϯετʔϧ ʢ5XJUUFS-JUF.#ҎԼͰىಈ ࣌ؒ͸Ξοϓʣ w (14ͷߴਫ਼౓ิ଍ 18"Ͱ8FCΛΞϓϦԽ

Slide 11

Slide 11 text

͞Βʹ$PSEPWBΛ࢖ͬͯߦͷίʔ υͰίϯύΠϧ͢Δͱ w εϚϗΞϓϦͱͯ͠഑෍Մೳ w ϦιʔεͰෳ਺ΞϓϦϦϦʔ ε w J5VOFT4UPSF(PPHMF1MBZ 8JOEPXT1IPOF w &MFDUSPOͰίϯύΠϧ͢Δͱ σεΫτοϓΞϓϦ΋ɻ $PSEPWBͰ8FCΛεϚϗΞϓϦ

Slide 12

Slide 12 text

͍ͭ೥લͷ8FCͱΞϓϦέʔγϣϯ WebαΠτ HTML,CSS,JavaScriptʢ੩తαΠτʣ WebΞϓϦ PHP, RubyʢಈతαΠτʣ iOSΞϓϦ Object-C AndroidΞϓϦ Java σεΫτοϓΞϓϦ C++ )5.-ʹͰ͖Δ͜ͱ͸ݶఆతͩͬͨ

Slide 13

Slide 13 text

ࠓͷ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ʣ

Slide 14

Slide 14 text

Ͳ͏΍ͬͯͭ͘Ε͹͍͍ͷʁ جຊ͸4JOHMF1BHF"QQMJDBUJPO w )5.-ϑΝΠϧ͸JOEFYIUNM ͻͱͭ w +BWB4DSJQUͰJOEFYIUNMͷத ਎Λॻ͖׵͑ w ϧʔςΟϯά͸ɺ+BWB4DSJQU ͷIJTUPSZ"1* w )5.-ͷ஌͚ࣝͩͰͭ͘Ε ͯ͠·͏ʂ ͦΕͬͯɺ͋ΕɻΊͪΌͪ͘Ό೉͍͠ͷͰ͸ʁ

Slide 15

Slide 15 text

)5.-ΞϓϦΛͭ͘ΔͨΊͷશ෦ ೖΓϑϨʔϜϫʔΫ w "OHVMBSʢ(PPHMFʣ͕౔୆ w #PPUTUSBQͷΑ͏ͳ6*ίϯϙʔω ϯτΛ࣋ͪ w λεΫϥϯφʔɺϥΠϒϦϩʔυ ͳͲͷ૯߹։ൃ؀ڥ͕σϑΥϧτ Ͱ༻ҙ͞Ε͍ͯͯ w $PSEPWBɺ18"ʹσϑΥϧτରԠ *POJD'SBNFXPSLͱ͸

Slide 16

Slide 16 text

ςοΫϑΟʔυʢ0QFO8FC5FDIOPMPHZ$PSQʣ

Slide 17

Slide 17 text

)JCFFʢ&YDJUF+BQBO$P -UEʣ

Slide 18

Slide 18 text

.D%POBMET5ÛSLJZFʢ"OBEPMVʜ-UEŞUJʣ

Slide 19

Slide 19 text

$ npm install -g ionic cordova <= Ionicをはじめる準備(CLI) $ ionic start ProjectName <= プロジェクトを作成
 
 $ ionic serve <= 開発開始 ͸͡Ίํ

Slide 20

Slide 20 text

ॻ͍͍ͯΔ)5.-

Slide 21

Slide 21 text

ωΠςΟϒʹدΓఴͬͨ6*σβΠϯ

Slide 22

Slide 22 text

<؆୯ཧղ>$PNQPOFOUT΍"1*ΛͲ͏΍ͬͯ࢖͏͔ IUUQJPOJDGSBNFXPSLDPNEPDTDPNQPOFOUT

Slide 23

Slide 23 text

<؆୯ཧղ>VTFDBTF͔ΒֶͿ$POQPOFOUT IUUQJPOJDUFBNHJUIVCJPJPOJDDPOGFSFODFBQQXXX

Slide 24

Slide 24 text

ΠϯετʔϧෆཁͰମݧͰ͖Δ4UBDL#MJU[ IUUQTTUBDLCMJU[DPN

Slide 25

Slide 25 text

<؆୯ཧղ>࠷୹ͰΞϓϦΛϦϦʔε͢Δ044 IUUQJPOJDXQDPN

Slide 26

Slide 26 text

ʮԶͷՇ͕ՄѪ͍ʯͷJ04"OESPJEΞϓϦ͸਺࣌ؒͰϦϦʔε ެ։ॳ೔ʹόζͬͯ೔ؒͰສ17ɻઌिɺ/),ʹͱΓ͋͛ΒΕͨʮԶՇʯ

Slide 27

Slide 27 text

<؆୯ཧղ>*POJD81DPNΛࢼ͢ΞϓϦXQQPDLFUz IUUQTQPDLFUJPOJDXQDPN

Slide 28

Slide 28 text

w (PPHMFݕࡧ0(15XJUUFSΧʔυʹରԠͰ͖ͳ͍Ͱ͠ΐʁ
 Ͱ͖·͢ w 18"ͬͯ4BGBSJͱ͔J1IPOFͱ͔ʹରԠͯ͠ͳ͍͔Β(PPHMF͚ͩͷ΋ ͷͰ͠ΐʁ
 ໨Լ։ൃதɻདྷय़ϓϨϏϡʔ༧ఆ͔ͩΒ೥΋ͳ͍Αʁ w )5.-ΞϓϦͬͯىಈ஗͍ΜͰ͠ΐʁ
 *POJD͔Β.PEVMF෼ׂͰ͖ΔΑ͏ʹͳͬͯߋʹߴ଎ʹ w $PSEPWBΞϓϦͬͯॲཧ஗͍ΜͰ͠ΐʁ
 ͍ͭͷ࿩ͩΖ͏ɻ'14ͰεΫϩʔϧΠϕϯτͰ͖·͢Αɻ w ෆཁͳ6*͕͋ͬͨΒॏ͍Ͱ͠ΐʁ#PPUTUSBQ͔ͭ͏Αɻ ؒҧͬͨʮ΍Ί͓͍ͯͨํ͕͍͍ཧ༝ʯ

Slide 29

Slide 29 text

ؒҧͬͨʮ΍Ί͓͍ͯͨํ͕͍͍ཧ༝ʯ

Slide 30

Slide 30 text

w ೥લɺ8PSE1SFTTΛ֮͑Δ͚ͩͰ Ҋ݅୯Ձ͸ສҎ্େ͖͘ͳͬͨ w ֶशίετ͕ʂͱ͍ͬͯͨ)5.-ίʔ μʔ͕Ͳ͏ͳ͔ͬͨ͸͝ଘ஌ͷ௨Γ w 8FCΞϓϦɺJ04ΞϓϦɺ"OESPJEΞ ϓϦΛผʑʹͭͬͨ͘৔߹ͷίετ ͸ʁ"MMJO0OFͰͭͬͨ͘ΒҊ݅୯ Ձ͸ʁ w ʮ৽͍ٕ͠ज़ʯͰ͸ͳ͘ʮ໥͔Δٕज़ʯ Ͱ͋ΔՄೳੑ ୈೋͷ8PSE1SFTTʹͳΔ͔΋

Slide 31

Slide 31 text

w ͜ͷ೥ؒͰωΠςΟϒ։ൃ͸ ͔Β΁ݮগ w εϚʔτ΢Υονͷ։ൃऀ͕ ͍ΔΒ͍͠ w "84ΑΓ΋'JSFCBTFͷํ͕Α͘ ࢖ΘΕ͍ͯΔʢϓογϡ௨஌Ͱ ͸ɺͱʣ w .JDSPTPGUͷ։ൃͨ͠7JTVBM 4UVEJP$PEF͕τοϓγΣΞ w *POJDΛબΜͩਓ͸ɺ6*ίϯϙʔ ωϯτͷσβΠϯ͕ؾʹೖͬͯ Δ w 8FC։ൃऀ͕ϞόΠϧΞϓϦ։ ൃऀ΁ͱҠߦͯ͠Δ *POJD%FWFMPQFS4FSWFZ ϑΥʔϥϜͰ$44ͷ࣭໰Λ͢Δ૚΋࢖ͬͯΔɻ

Slide 32

Slide 32 text

w TMBDLͷΦʔϓϯνϟϯωϧʢIUUQT JPOJDTMBDLDPNʣ͋ΔͷͰɺ࢖͍࢝ΊͯΘ ͔Βͳ͍͜ͱ͋ͬͨΒϔϧϓٻΊΒΕ·͢ w ໌೔೔༵೔ɺ೔ຊڮαΠϘ΢ζΦϑΟεͰ *POJD.FFUVQ5PLZP։࠵͠·͢ɻࠓ೔ΑΓ σΟʔϓͰ࣮ફతͳηογϣϯʂ w ฐࣾͰ*POJDTVQQPSUQSPHSBN͸͡Ί·͢ɻ ϦϑΝΫλϯάΦϓγϣϯ΋͢Δ༧ఆɻಋೖ ೰ΜͰΔํ͸໰͍߹ΘͤԼ͍͞ɻ w ͜ͷ͋ͱɺ௚઀ฉ͍ͯԼ͍͞ɻ ฉ͘ɺͰऴΘΒͳ͍ͨΊʹ

Slide 33

Slide 33 text

No content