PWAをやってみたよ

Transcript

1. 18"Λ΍ͬͯΈͨ ؠଜ
   ߁ฏ
2. "CPVU
   NF ؠଜ
   ߁ฏ
   ⚪
   ܦྺ
   ɹɾΞΠϦοδ৽ଔೖࣾ
   d
   ɹɾࣗࣾαʔϏεͷ։ൃɾอकӡ༻
   ɹɾސ٬ຬ଍౓ϓϩδΣΫτΛӡ༻
   ⚪
   झຯ
   ɹɾϘΫααΠζ
3. "HFOEB ɾ18"ͱ͸
   ɾൃදཧ༝
   ɾࣄྫ
   ɾϝϦοτσϝϦοτ
   ɾαϯϓϧΞϓϦ঺հ
4. 18" 8IBU
   JT
   1SPHSFTTJWF
   8FC
   "QQ
   
5. 18" ωΠςΟϒΞϓϦͷߴ͍UXΛɺ Webϖʔδ(HTML)Ͱ࣮ݱ͢Δٕज़ ϞόΠϧϢʔβʔͷUX޲্Λ໨తͱ͠ɺ WebͱΞϓϦͷ྆ํͷར఺Λ݉Ͷඋ͑ͨ࢓૊Έ (ྫ) push௨஌, ϗʔϜը໘௥Ճ, Ωϟογϡ etc…
6. XFC@BQQ ΦϑϥΠϯ࣌ͷڪཽ
   
   
   
   
   ίϯςϯπཉ͍͠
7. XFC@BQQ ௿଎ϩʔυΛ܁Γฦ͢
   
   ίϯςϯπཉ͍͠
8. XFC@BQQ
   OBUJWF@BQQ WJTJUFS
   
   
   
   XFC
   
   OBUJWF
   ໿ഒ
9. XFC@BQQ
   OBUJWF@BQQ ଺ࡏ࣌ؒ
   XFC
   
   OBUJWF
   ໿ഒ
10. 18" 18"
    JT
    6TFS
    &YQFSJFODF
    69
    GPS
    UIF
    SFBDI
    PG
    UIF
    XFC
    IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQT
11. 18" 18"
    JT
    6TFS
    &YQFSJFODF
    69
    GPS
    UIF
    SFBDI
    PG
    UIF
    XFC
    ɾReliable Load instantly and never show the downasaur, even in uncertain network conditions. => ෆ҆ఆͳωοτϫʔΫͰ΋ڪཽΛݟͤͣɺૉૣ͘ϩʔυ ɾFast Respond quickly to user interactions with silky smooth animations and no janky scrolling. => εϜʔζͳΞχϝʔγϣϯΛ༻͍ɺεΫϩʔϧΛݟͤͣɺϢʔβʔͷಈ࡞ʹૉૣ͘൓Ԡ ɾEngagement Feel like a natural app on the device, with an immersive user experience. 
    ຅ೖܕͳ69ΛఏڙΛඋ͑ͨɺࣗવͳΞϓϦͷΑ͏ͳײ֮
    IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQT
12. 18"͕Ͱ͖Δ͜ͱ ɾΦϑϥΠϯରԠ
    ɾόοΫάϥϯυରԠ
    ɾQVTI௨஌
    ɾϗʔϜը໘
    ɾશը໘දࣔ
    ɾܾࡁ
    FUD Reliable Fast Fast Engaging Engaging Reliable Fast
13. σϞ
15. ͱ͜ΖͰ
16. ൃදཧ༝ ςʔϚ
    ʮελʔτΞοϓͷ೰ΈΛͿͬͱ͹ͤʯ
17. 
    
    
18. ൃදཧ༝ ฐࣾαʔϏεʮQPQJOGPʯ
    ˣ
    00Λ׆ੑԽ͍ͤͯ͜͞͏
    ͦͷҰ؀ͱͯ͠ɺQVTI௨஌
19. ൃදཧ༝ ˣ
    18"ͷ౸དྷ
    ˣ
20. ൃදཧ༝ 8FCͰ΋1VTI௨஌Մೳ
    ˣ
    ೰Έ
    ˣ
    ৐Γ஗Εͳ͍Α͏ʹௐࠪ
    ˣ
    ೰ΈΛͿͬͱ͹ͤʂ
21. ࠓճͷςʔϚʹ
    Ԋ͍ͬͯΔ
22. ࿩Λ໭ͯ͠
23. ͢Ͱʹ18"Λಋೖ͍ͯ͠ΔΞϓϦ͸
    ͨ͘͞Μଘࡏ͢Δ
24. 5XJUUFS IUUQTUXJUUFSDPN /BUJWF 18"
25. *OTUBHSBN IUUQTXXXJOTUBHSBNDPN /BUJWF 18"
26. 5SJWBHP IUUQTXXXUSJWBHPKQ /BUJWF 18"
27. ೔ܦిࢠ൛ IUUQTXXXOJLLFJDPN /BUJWF 18"
28. Ռͨͯ͠ޮՌ͸ʁ
29. BMJCBCB ɾίϯόʔδϣϯ཰
    㽉
    ɾΞΫςΟϒϢʔβʔ਺
    ɹɾJ04
    㽉
    ɹɾ"OESPJE
    㽉
    ɾ࠶๚໰཰
    ഒ
30. ɾ1VTI௨஌։෧཰
    
    ɾಡΈࠐΈ࣌ؒ
    㽊 TVVNP
31. ϝϦοτ
    σϝϦοτ
32. ϝϦοτ ⚪
    XFCͷ஌ࣝͰͰ͖Δ
    ɾ)5.-
    $44
    +BWBTDSJQU
    ⚪
    ༰ྔগͳ͍
    ɾಛʹ౦ೆΞδΞͰศར
    ɹɾωοτճઢ஗͍
    ɹɾதݹͷεϚϗͷ༰ྔͰ΋ॆ෼ தݹͰ͍͍͔ΒJQIPOF͕ཉ͍͠ਓ͕ଟ͍
    ɹɾ୅͸εϚϗͷΈ͍࣋ͬͯΔεϚϗωΠςΟϒ
    ɹɹɾεϚϗը໘͔Βͷ༠ಋ
33. σϝϦοτ ⚪
    ϒϥ΢βɺ04ʹΑͬͯରԠɾڍಈ͕ҟͳΔ
    ɾHPPHMF
    ͸ɺ18"൛ͷHPPHMFNBQΛJ04ʹެ։͍ͯ͠ͳ͍
    ɾDISPNF
    4BGBSJ
    pSFGPY
    *&ʜ
    ɾ*04ͷQVTIະରԠ
    ⚪
    ΩϟογϡઓུΛߟ͍͑ͯ͘ඞཁ͕͋Δ
    ɾ༰ྔʹ΋੍ݶ͕͋Δ
34. 4UPSF
    1SPCMFN
35. "QQ
    TUPSF
    Λܦ༝͠ͳ͍ ⚪
    ϝϦοτ
    ɾTUPSFͰSFKFDU͞ΕΔ৺഑͕ͳ͍ͷͰɺͲΜͳΞϓϦͰ΋ؾܰʹ࡞ΕΔ
    ⚪
    σϝϦοτ
    ɾͨͩϗʔϜը໘ʹ௥Ճ͢Δ͚ͩͳͷͰɺ18"ͩͱؾ͔ͮͳ͍ɻ
    ɹɾΠϯετʔϧͷϝϦοτΛ஌Βͳ͍
    ɾ৴པ͞Εͳ͍Մೳੑ
    ɹɾTUPSFҎ֎͔ΒΠϯετʔϧ͢ΔͷͰɺո͍͠ҹ৅
    ɾ඼࣭ͷ௿͍ΞϓϦͷ18"Խ
    ɹɾΞμϧτɺεύϜɺΪϟϯϒϧܥ
    ɹɾѱ͍ҹ৅Λ࣋ͨΕΔՄೳੑ
36. ͲΜͳ࣌ʹ࠷దͳͷʁ
37. XIFO
    JT
    HPPE ⚪
    ΞϓϦͷࣦഊΛආ͚͍ͨ
    ɾͱΓ͋͑ͣؾܰʹ؆୯ʹ࡞Δ
    ɾ௿ධՁͷѱ॥؀Λආ͚͍ͨ
    ɾ/BUJWFBQQͷμ΢ϯϩʔυ਺͕ݮগ͍ͯ͠Δ
    ɹɾยखؒͰ࡞ͬͯ΋ແཧͳ࣌୅
    ɾετΞͷ৹ࠪΛඈ͹͢
38. XIFO
    JT
    HPPE ⚪
    XFCʹྗΛೖΕ͍ͨ
    ɾXFCΤϯδχΞ͕࡞Δ͜ͱ͕Ͱ͖Δ
    ɾࣾ಺ॳͷωΠςΟϒΤϯδχΞΛ࠾༻ͮ͠Β͍اۀ
    
39. XIFO
    JT
    HPPE ⚪
    ωΠςΟϒͰ͋Δඞཁ͕ͳ͍
    ɾΤϯυϢʔβʔ͕ࣗൃతʹಈ͘৔໘͕গͳ͍
    
    ɹɾΠϕϯτϖʔδ
    
    
    
    
    ɾύϯϑϨοτ
    ɾϙʔτϑΥϦΦ
    
40. 5FDIOPMPHJFT
    GPS
    
    QSPHSFTTJWF
    XFC
    BQQT
41. UFDIOPMPHJFT ⚪
    TFSWJDF
    XPSLFS
    ⚪
    NBOJGFTUKTPO
42. TFSWJDF
    XPSLFS ⚪
    KBWBTDSJQUͰ࣮૷ՄೳͳϩʔΧϧϓϩΩγ
    ɾ
    ϦΫΤετ΁ͷհೖ΍ॲཧ
    ɹɾΩϟογϡ
    ɹɾϨεϙϯεͷૢ࡞
    ɾXFCͷαΠΫϧͱ͸ผͰىಈ
    ɹɾ1VTI௨஌ड৴
    ɹɾόοΫάϥ΢ϯυಉظ
    ɾ%0.ʹ͸௚઀ΞΫηεͰ͖ͳ͍
    ɹɾίϯςϯπࣗମͷ಺༰ͷૢ࡞͸͠ͳ͍
43. ⚪
    KBWBTDSJQUͰ࣮૷ՄೳͳϩʔΧϧϓϩΩγ
    ɾ
    ϦΫΤετ΁ͷհೖ΍ॲཧ
    ɹɾΩϟογϡ
    ɹɾϨεϙϯεͷૢ࡞
    ɾXFCͷαΠΫϧͱ͸ผͰىಈ
    ɹɾ1VTI௨஌ड৴
    ɹɾόοΫάϥ΢ϯυಉظ
    ɾ%0.ʹ͸௚઀ΞΫηεͰ͖ͳ͍
    ɹɾίϯςϯπࣗମͷ಺༰ͷૢ࡞͸͠ͳ͍ TFSWJDF
    XPSLFS
44. ⚪
    KBWBTDSJQUͰ࣮૷ՄೳͳϩʔΧϧϓϩΩγ
    ɾ
    ϦΫΤετ΁ͷհೖ΍ॲཧ
    ɹɾΩϟογϡ
    ɹɾϨεϙϯεͷૢ࡞
    ɾXFCͷαΠΫϧͱ͸ผͰىಈ
    ɹɾ1VTI௨஌ड৴
    ɹɾόοΫάϥ΢ϯυಉظ
    ɾ%0.ʹ͸௚઀ΞΫηεͰ͖ͳ͍
    ɹɾίϯςϯπࣗମͷ಺༰ͷૢ࡞͸͠ͳ͍ TFSWJDF
    XPSLFS
45. ⚪
    KBWBTDSJQUͰ࣮૷ՄೳͳϩʔΧϧϓϩΩγ
    ɾ
    ϦΫΤετ΁ͷհೖ΍ॲཧ
    ɹɾΩϟογϡ
    ɹɾϨεϙϯεͷૢ࡞
    ɾXFCͷαΠΫϧͱ͸ผͰىಈ
    ɹɾ1VTI௨஌ड৴
    ɹɾόοΫάϥ΢ϯυಉظ
    ɾ%0.ʹ͸௚઀ΞΫηεͰ͖ͳ͍
    ɹɾίϯςϯπࣗମͷ಺༰ͷૢ࡞͸͠ͳ͍ TFSWJDF
    XPSLFS
46. ⚪
    KBWBTDSJQUͰ࣮૷ՄೳͳϩʔΧϧϓϩΩγ
    ɾ
    ϦΫΤετ΁ͷհೖ΍ॲཧ
    ɹɾΩϟογϡ
    ɹɾϨεϙϯεͷૢ࡞
    ɾXFCͷαΠΫϧͱ͸ผͰىಈ
    ɹɾ1VTI௨஌ड৴
    ɹɾόοΫάϥ΢ϯυಉظ
    ɾ%0.ʹ͸௚઀ΞΫηεͰ͖ͳ͍
    ɹɾίϯςϯπࣗମͷ಺༰ͷૢ࡞͸͠ͳ͍ TFSWJDF
    XPSLFS
47. NBOJGFTUKTPO ⚪
    ΞϓϦͷઃఆΛه͢KTPOϑΝΠϧ
    ɹɾϑϧωʔϜ
    ɹɾϗʔϜը໘ͷJDPO
    ɹɾը໘ͷ޲͖
    ɹɾഎܠ৭
    ɹɾFUD
48. 18"ͷ͜Ε͔Β
49. 'SPN
    OPX
    PO
    18" ɾ(PPHMF
    "QQMFͷରԠ TUPSF؅ཧFUD ʹΑΔ
    ɾେਓ਺ͷϢʔβʔ਺Λ࣋ͭΞϓϦ͕18"Λಋೖ
    ɹ
    Ϣʔβʔೝ஌ʹ΋ͭͳ͕Γɺଞͷ18"΋ؾܰʹ%-
    ɹ
    શମతͳීٴʹͭͳ͕Δ
    ɾJ04ͷීٴ͕஗͍ͷͰ͜Ε͔Βʹظ଴
    
    
    
    ݱঢ়
    ɹɾQVTI௨஌ະରԠͳͲɺಈ࡞ʹ੍ݶ͋Γ
    ɹɾผυϝΠϯϖʔδ͸TBGBSJͰ։͍ͯ͠·͏
    ɹɾ18"Πϯετʔϧͷόφʔ͕ͳ͍
    FUDʜ
50. 3FGFSFODFT
51. HPPHMF
    ެࣜ IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTDPEFMBCTZPVSpSTU QXBQQ
52. IUUQTDBOJVTFDPN
    ϒϥ΢β΍όʔδϣϯ͝ͱͷରԠඇରԠ͕෼͔Δ $BO
    *
    VTF
    
53. ͝੩ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠