Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
これからはじめるPWA / Let's start PWA from now
Search
masanarih0ri
May 26, 2019
Programming
0
470
これからはじめるPWA / Let's start PWA from now
masanarih0ri
May 26, 2019
Tweet
Share
More Decks by masanarih0ri
See All by masanarih0ri
Glideでサクッとアプリをリリースしよう! / Let's release the app with Glide
masanarih0ri
2
1k
Glideで彼女を諌めた話 / How to use Glide for my Girlfriend
masanarih0ri
1
2.5k
Other Decks in Programming
See All in Programming
🔨 小さなビルドシステムを作る
momeemt
4
690
旅行プランAIエージェント開発の裏側
ippo012
2
920
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
560
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
340
時間軸から考えるTerraformを使う理由と留意点
fufuhu
16
4.8k
より安全で効率的な Go コードへ: Protocol Buffers Opaque API の導入
shwatanap
2
540
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
710
Swift Updates - Learn Languages 2025
koher
2
490
CloudflareのChat Agent Starter Kitで簡単!AIチャットボット構築
syumai
2
510
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
250
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
170
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
2.4k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
460k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Navigating Team Friction
lara
189
15k
Building Applications with DynamoDB
mza
96
6.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Practical Orchestrator
shlominoach
190
11k
A Tale of Four Properties
chriscoyier
160
23k
Rails Girls Zürich Keynote
gr2m
95
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
530
Transcript
͜Ε͔Β͡ΊΔ18" ΦϑϥΠϯରԠΞϓϦͰ"QQ4IFMMͱ4FSWJDF8PSLFSʹ৮ΕΔ ງɹਖ਼੪ !"#$$POGFSFODF
ࣗݾհ ໊લɿງɹਖ਼੪ ྸɿࡀ ৬ۀɿϑϩϯτΤϯυΤϯδχΞʢ࣮ܦݧʣ ݴޠɿ4BTT K2VFSZ 7VFKT ษڧத 3BJMT 5XJUUFS!NBTBOBSJIPSJ
18"GPS#FHJOOFSTʹ͍ͭͯ ɾ18"ॳ৺ऀͷਓܴͷษڧձͰ͢ ɾݱͰͷ࣮ํ๏ɺݸਓ։ൃΞϓϦʹ͍ͭͯͷ-5ͳͲ ɾ·ͩͰ͖ͯͳ͔ͬͨͷͰ݄ʹ։࠵༧ఆʂ ʢޙ΄Ͳฏా͞Μ͔ΒৄࡉΛڞ༗͍͖ͤͯͨͩ͞·͢ʣ ɾऴΘͬͨޙ͋ΔΑ
ຊͷϓϩάϥϜ લఏ ࣝ ࣮ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮ ࠷ޙʹ σϞಈը
ࢀߟจݙ·ͱΊͳͲ
ຊͷϓϩάϥϜ લఏ ࣝ ࣮ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮ ࠷ޙʹ σϞಈը
ࢀߟจݙ·ͱΊͳͲ
1SPHSFTTJWF8FC"QQT ɾ18"1SPHSFTTJWF8FC"QQTͷུ ɾ8FCΞϓϦΛωΟςΟϒΞϓϦԽ͢Δ ɾ8FCΞϓϦͷ69Λ্͛ΔͨΊͷͭͷํ๏ ɾٕज़ͦͷͷࢦ͍ͯ͠ͳ͍
1SPHSFTTJWF8FC"QQT 5XJUUFS ɾηογϣϯ͋ͨΓͷϖʔδ͕ˋ૿Ճ ɾૹ৴πΠʔτͷˋ૿Ճ ɾؼ͕ˋݮগ
1SPHSFTTJWF8FC"QQT 1JOUFSFTU ɾࠂͷ$53͕ˋ૿Ճ ɾࠂऩೖ͕ˋ૿Ճ ɾαΠτࡏ͕࣌ؒˋ૿Ճ
1SPHSFTTJWF8FC"QQT 'PSCFT ɾฏۉϢʔβʔηογϣϯͷ͕͞ഒʹ ɾฏۉදࣔճ͕ˋ૿Ճ ɾͱͱʙඵ͔͔͍ͬͯͨϩʔυ͕ඵʹ
1SPHSFTTJWF8FC"QQT ɾ࣮طଘͷΞϓϦͰͰ͖Δ ɾجຊతʹ+BWBTDSJQUͷ͕ࣝ͋Ε࣮Մೳ ɾJ04ͷରԠ·ͩશͰͳ͍ͷͰɺ͏গ͠զຫʜ
ຊͷϓϩάϥϜ લఏ ࣝ ࣮ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮ ࠷ޙʹ σϞಈը
ࢀߟจݙ·ͱΊ
4FSWJDF8PSLFS"QQ4IFMM 4FSWJDF8PSLFSͱ ɾϒϥβͱαʔόʔͷؒʹೖΔϓϩΩγͷΑ͏ͳͷ ɾωοτϫʔΫͷϦΫΤετΛԣऔΓͯ͠ผͷॲཧ͕Ͱ͖Δ ɾϓϩάϥϜՄೳͳͷͰɺ༷ʑͳॲཧ͕Մೳ ɾϒϥβʹΠϯετʔϧ͞Εͯ༻͞ΕΔ
4FSWJDF8PSLFS"QQ4IFMM 4FSWJDF8PSLFSΛͬͯͰ͖Δ͜ͱ ɾΦϑϥΠϯͰಈ࡞͢ΔΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δ ɾωΠςΟϒΞϓϦͷΑ͏ͳ69Λ࡞Δ͜ͱ͕Ͱ͖Δ ɾϓογϡ௨ΛૹΔ͜ͱ͕Ͱ͖Δ J04Ͱ͖ͳ͍ ɾগֹܾࡁͷ࣮͢Δ͜ͱ͕Ͱ͖Δ ɾΞϓϦͷ༰ྔΛܰྔԽͰ͖Δ
4FSWJDF8PSLFS"QQ4IFMM 4FSWJDF8PSLFSΛͬͯͰ͖Δ͜ͱ ɾΦϑϥΠϯͰಈ࡞͢ΔΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δ ɾωΠςΟϒΞϓϦͷΑ͏ͳ69Λ࡞Δ͜ͱ͕Ͱ͖Δ ɾΞϓϦͷ༰ྔΛܰྔԽͰ͖Δ ɾগֹܾࡁͷ࣮͢Δ͜ͱ͕Ͱ͖Δ ɾϓογϡ௨ΛૹΔ͜ͱ͕Ͱ͖Δ J04Ͱ͖ͳ͍
4FSWJDF8PSLFS"QQ4IFMM ΦϑϥΠϯΞϓϦͰͷ4FSWJDF8PSLFSͷϥΠϑαΠΫϧ SFHJTUFS JOTUBMM BDUJWBUF GFUDI ɾ੩తϑΝΠϧͷΩϟογϡ ɾΩϟογϡͷཧ ɾωοτϫʔΫΩϟογϡͱͷΓͱΓ ɾ4FSWJDF8PSLFSΛར༻Մೳʹ
4FSWJDF8PSLFS"QQ4IFMM "QQ4IFMMͱ ɾΞϓϦέʔγϣϯʹ࠷ݶඞཁͳ੩తίϯςϯπ ɾ)5.-$44+BWBTDSJQUɺҰ෦ͷը૾ͳͲ ɾ41"ͱ૬ੑ͕͍͍
ຊͷϓϩάϥϜ લఏ ࣝ ࣮ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮ ࠷ޙʹ σϞಈը
ࢀߟจݙ·ͱΊ
Լ४උ ͍ͭͱಉ͡Α͏ʹ)5.-Λ࡞Γ·͢ TFSWJDFXPSLFSIUNM
Լ४උ ࠓճNBUFSJBMJ[FΛͬͯɺݟͨΛͦΕͬΆ͘͠·͢ TFSWJDFXPSLFSIUNM
Լ४උ ݟͨͷ֬ೝ ɾ͜Ε͕Ωϟογϡ͞ΕͯɺΦϑϥΠϯͰදࣔ͞ΕΔ ɾͦͯ͠Ωϟογϡͷߋ৽ߦΘΕΔ ͱ͍͏ͷ͕࠷ऴΰʔϧͰ͢ɻ
ຊͷϓϩάϥϜ લఏ ࣝ ࣮ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮ ࠷ޙʹ σϞಈը
ࢀߟจݙ·ͱΊ
4FSWJDF8PSLFS"QQ4IFMM ΦϑϥΠϯΞϓϦͰͷ4FSWJDF8PSLFSͷϥΠϑαΠΫϧ SFHJTUFS JOTUBMM BDUJWBUF GFUDI ɾ੩తϑΝΠϧͷΩϟογϡ ɾΩϟογϡͷཧ ɾωοτϫʔΫΩϟογϡͱͷΓͱΓ ɾ4FSWJDF8PSLFSΛར༻Մೳʹ
SFHJTUFS ɾ4FSWJDF8PSLFSΛ͏ͨΊʹSFHJTUFS ɾ͜ͷॲཧ͕શͯޭ͠ͳ͍ͱɺઌʹਐ·ͳ͍ 4FSWJDF8PSLFSͷ࣮ TFSWJDFXPSLFSIUNM
JOTUBMM ɾ$BDIF4UPSBHFʹΩϟογϡ͢ΔϑΝΠϧͷ༰ΛೖΕΔ ɾXBJU6OUJM ͷॲཧ͕࣮ߦ͞ΕΔ·Ͱ4FSWJDF8PSLFS࣮ߦ͞Εͳ͍ ɾJOTUBMM͕ྃ͠ͳ͍߹ɺGFUDIBDUJWBUFʹਐ·ͳ͍ 4FSWJDF8PSLFSͷ࣮ TXKT
BDUJWBUF ɾBDUJWBUFͷΠϕϯτͰݹ͍ΩϟογϡΛআ͢Δ ɾBDUJWBUF࣌ͷॲཧɺ৽نΠϯετʔϧ࣌Կ͞Εͳ͍ 4FSWJDF8PSLFSͷ࣮ TXKT
GFUDI ɾGFUDIΠϕϯτʹΑΓωοτϫʔΫϦΫΤετΛԣऔΓ͢Δ ɾSFTQPOE8JUI ʹΑͬͯ4FSWJDF8PSLFSͰϨεϙϯεΛฦ͢͜ͱ͕Ͱ͖Δ ɾGFUDI Ͱαʔόʔʹ)551ϦΫΤετΛ͛Δ͜ͱͰ͖Δ 4FSWJDF8PSLFSͷ࣮ TXKT
ຊͷϓϩάϥϜ લఏ ࣝ ࣮ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮ ࠷ޙʹ σϞಈը
ࢀߟจݙ·ͱΊ
σϞಈը
OPDBDIF )5.-ɿNT $44ɿNT +4ɿNT DBDIF )5.-ɿNT $44ɿNT +4ɿNT %0.$POUFOU-PBEFEͷҎԼʹ σϞಈը
ຊͷϓϩάϥϜ લఏ ࣝ ࣮ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮ ࠷ޙʹ σϞಈը
ࢀߟจݙ·ͱΊ
ࢀߟจݙ·ͱΊ ɾ18"69Λ্ͤ͞ΔͨΊͷͭͷख๏ ɾ4FSWJDF8PSLFSͰ؆୯ʹΦϑϥΠϯͷಈ࡞Λ࣮Ͱ͖Δ ɾΩϟογϡϖʔδԠʹྑ͍ӨڹΛ༩͑Δ ɾ(PPHMF͞Μɺ͋Γ͕ͱ͏͍͟͝·͢
ࢀߟจݙ·ͱΊ ɾ+BWBTDSJQU1SPNJTFͷຊɿIUUQTCJUMZ9+01 ɾ͡ΊͯͷϓϩάϨογϒΣϒΞϓϦɿIUUQTCJUMZ+'X1T ɾ"QQ4IFMMϞσϧɿIUUQTCJUMZ:-NYE ɾ5IF0⒐JOF$PPLCPPLɿIUUQTCJUMZ*SU)O ɾ1SPHSFTTJWF8FC"QQͷΦϑϥΠϯετϨʔδɿIUUQTCJUMZ+'Y"D ɾ.%/$BDIFɿIUUQTN[MMB)6[C" ɾαʔϏεϫʔΧʔͰ18"ΛΦϑϥΠϯͰಈ࡞ͤ͞ΔɿIUUQTN[MMB.J'X60
ΈΜͳ18"Λ͡ΊΑ͏ʂ