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ΛεϚϗΞϓϦ
Ͳ͏ͬͯͭ͘Ε͍͍ͷʁ
جຊ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ͱ
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 ͜ͷ͋ͱɺฉ͍ͯԼ͍͞ɻ
ฉ͘ɺͰऴΘΒͳ͍ͨΊʹ