Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

これからはじめるPWA / Let's start PWA from now

Avatar for masanarih0ri masanarih0ri
May 26, 2019
Programming
0
470

これからはじめるPWA / Let's start PWA from now

Avatar for masanarih0ri

masanarih0ri

May 26, 2019
Tweet

More Decks by masanarih0ri

See All by masanarih0ri
Glideでサクッとアプリをリリースしよう！ / Let's release the app with Glide
Avatar for masanarih0ri masanarih0ri
2
1.1k
Glideで彼女を諌めた話 / How to use Glide for my Girlfriend
Avatar for masanarih0ri masanarih0ri
1
2.5k

Other Decks in Programming

See All in Programming
WebRTC と Rust と 8K 60fps
Avatar for tnoho tnoho
2
2k
Cell-Based Architecture
Avatar for Luram Archanjo larchanjo
0
120
WebRTC、 綺麗に見るか滑らかに見るか
Avatar for sublimer sublimer
1
160
tparseでgo testの出力を見やすくする
Avatar for utagawa kiki utgwkk
2
210
Go コードベースの構成と AI コンテキスト定義
Avatar for ANDPAD inc andpad
0
120
ゲームの物理 剛体編
Avatar for Fadis fadis
0
340
20251127_ぼっちのための懇親会対策会議
Avatar for kokamoto01 kokamoto01_metaps
2
430
Context is King？ 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
Avatar for r-kagaya rkaga
9
1.1k
LLMで複雑な検索条件アセットから脱却する！！ 生成的検索インタフェースの設計論
Avatar for po3rin po3rin
3
710
안드로이드 9년차 개발자, 프론트엔드 주니어로 커리어 리셋하기
Avatar for Seungmin 마량 maryang
1
110
著者と進める！『AIと個人開発したくなったらまずCursorで要件定義だ！』
Avatar for yasuna yasunacoffee
0
130
手軽に積ん読を増やすには？/読みたい本と付き合うには？
Avatar for hideki kinjyo o0h
PRO
1
170

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
720
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
510
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
39k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k

Transcript

  1. ͜Ε͔Β͸͡ΊΔ18" ΦϑϥΠϯରԠΞϓϦͰ"QQ4IFMMͱ4FSWJDF8PSLFSʹ৮ΕΔ ງɹਖ਼੪ !"#$$POGFSFODF

  2. ࣗݾ঺հ ໊લɿງɹਖ਼੪ ೥ྸɿࡀ ৬ۀɿϑϩϯτΤϯυΤϯδχΞʢ࣮຿ܦݧ೥ʣ ݴޠɿ4BTT K2VFSZ 7VFKT ษڧத 3BJMT 5XJUUFS!NBTBOBSJIPSJ

  3. 18"GPS#FHJOOFSTʹ͍ͭͯ ɾ18"ॳ৺ऀͷਓ΋׻ܴͷษڧձͰ͢ ɾݱ৔Ͱͷ࣮૷ํ๏΍ɺݸਓ։ൃΞϓϦʹ͍ͭͯͷ-5ͳͲ ɾ೥͸·ͩͰ͖ͯͳ͔ͬͨͷͰ݄೔ʹ։࠵༧ఆʂ ʢޙ΄Ͳฏా͞Μ͔ΒৄࡉΛڞ༗͍͖ͤͯͨͩ͞·͢ʣ ɾऴΘͬͨޙ͸΋͋ΔΑ

  4. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊͳͲ

  5. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊͳͲ

  6. 1SPHSFTTJWF8FC"QQT ɾ18"1SPHSFTTJWF8FC"QQTͷུ ɾ8FCΞϓϦΛωΟςΟϒΞϓϦԽ͢Δ ɾ8FCΞϓϦͷ69Λ্͛ΔͨΊͷͭͷํ๏ ɾٕज़ͦͷ΋ͷ͸ࢦ͍ͯ͠ͳ͍

  7. 1SPHSFTTJWF8FC"QQT 5XJUUFS ɾηογϣϯ͋ͨΓͷϖʔδ਺͕ˋ૿Ճ ɾૹ৴πΠʔτͷˋ૿Ճ ɾ௚ؼ཰͕ˋݮগ

  8. 1SPHSFTTJWF8FC"QQT 1JOUFSFTU ɾ޿ࠂͷ$53਺͕ˋ૿Ճ ɾ޿ࠂऩೖ͕ˋ૿Ճ ɾαΠτ଺ࡏ͕࣌ؒˋ૿Ճ

  9. 1SPHSFTTJWF8FC"QQT 'PSCFT ɾฏۉϢʔβʔηογϣϯͷ௕͕͞ഒʹ ɾฏۉදࣔճ਺͕ˋ૿Ճ ɾ΋ͱ΋ͱʙඵ͔͔͍ͬͯͨϩʔυ͕ඵʹ

  10. 1SPHSFTTJWF8FC"QQT ɾ࣮૷͸طଘͷΞϓϦͰ΋Ͱ͖Δ ɾجຊతʹ͸+BWBTDSJQUͷ஌͕ࣝ͋Ε͹࣮૷Մೳ ɾJ04ͷରԠ͸·ͩ׬શͰ͸ͳ͍ͷͰɺ΋͏গ͠զຫʜ

  11. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  12. 4FSWJDF8PSLFS"QQ4IFMM 4FSWJDF8PSLFSͱ͸ ɾϒϥ΢βͱαʔόʔͷؒʹೖΔϓϩΩγͷΑ͏ͳ΋ͷ ɾωοτϫʔΫͷϦΫΤετΛԣऔΓͯ͠ผͷॲཧ͕Ͱ͖Δ ɾϓϩάϥϜՄೳͳͷͰɺ༷ʑͳॲཧ͕Մೳ ɾϒϥ΢βʹΠϯετʔϧ͞Εͯ࢖༻͞ΕΔ

  13. 4FSWJDF8PSLFS"QQ4IFMM 4FSWJDF8PSLFSΛ࢖ͬͯͰ͖Δ͜ͱ ɾΦϑϥΠϯͰಈ࡞͢ΔΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δ ɾωΠςΟϒΞϓϦͷΑ͏ͳ69Λ࡞Δ͜ͱ͕Ͱ͖Δ ɾϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ J04͸Ͱ͖ͳ͍  ɾগֹܾࡁͷ࣮૷΋͢Δ͜ͱ͕Ͱ͖Δ ɾΞϓϦͷ༰ྔΛܰྔԽͰ͖Δ

  14. 4FSWJDF8PSLFS"QQ4IFMM 4FSWJDF8PSLFSΛ࢖ͬͯͰ͖Δ͜ͱ ɾΦϑϥΠϯͰಈ࡞͢ΔΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δ ɾωΠςΟϒΞϓϦͷΑ͏ͳ69Λ࡞Δ͜ͱ͕Ͱ͖Δ ɾΞϓϦͷ༰ྔΛܰྔԽͰ͖Δ ɾগֹܾࡁͷ࣮૷΋͢Δ͜ͱ͕Ͱ͖Δ ɾϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ J04͸Ͱ͖ͳ͍

  15. 4FSWJDF8PSLFS"QQ4IFMM ΦϑϥΠϯΞϓϦͰͷ4FSWJDF8PSLFSͷϥΠϑαΠΫϧ SFHJTUFS JOTUBMM BDUJWBUF GFUDI ɾ੩తϑΝΠϧͷΩϟογϡ ɾΩϟογϡͷ؅ཧ ɾωοτϫʔΫ΍Ωϟογϡͱͷ΍ΓͱΓ ɾ4FSWJDF8PSLFSΛར༻Մೳʹ

  16. 4FSWJDF8PSLFS"QQ4IFMM "QQ4IFMMͱ͸ ɾΞϓϦέʔγϣϯʹ࠷௿ݶඞཁͳ੩తίϯςϯπ ɾ)5.-$44+BWBTDSJQUɺҰ෦ͷը૾ͳͲ ɾ41"ͱ૬ੑ͕͍͍

  17. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  18. Լ४උ ͍ͭ΋ͱಉ͡Α͏ʹ)5.-Λ࡞Γ·͢ TFSWJDFXPSLFSIUNM

  19. Լ४උ ࠓճ͸NBUFSJBMJ[FΛ࢖ͬͯɺݟͨ໨ΛͦΕͬΆ͘͠·͢ TFSWJDFXPSLFSIUNM

  20. Լ४උ ݟͨ໨ͷ֬ೝ ɾ͜Ε͕Ωϟογϡ͞ΕͯɺΦϑϥΠϯͰ΋දࣔ͞ΕΔ ɾͦͯ͠Ωϟογϡͷߋ৽΋ߦΘΕΔ ͱ͍͏ͷ͕࠷ऴΰʔϧͰ͢ɻ

  21. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  22. 4FSWJDF8PSLFS"QQ4IFMM ΦϑϥΠϯΞϓϦͰͷ4FSWJDF8PSLFSͷϥΠϑαΠΫϧ SFHJTUFS JOTUBMM BDUJWBUF GFUDI ɾ੩తϑΝΠϧͷΩϟογϡ ɾΩϟογϡͷ؅ཧ ɾωοτϫʔΫ΍Ωϟογϡͱͷ΍ΓͱΓ ɾ4FSWJDF8PSLFSΛར༻Մೳʹ

  23. SFHJTUFS ɾ4FSWJDF8PSLFSΛ࢖͏ͨΊʹSFHJTUFS ɾ͜ͷॲཧ͕શͯ੒ޭ͠ͳ͍ͱɺઌʹ͸ਐ·ͳ͍ 4FSWJDF8PSLFSͷ࣮૷ TFSWJDFXPSLFSIUNM

  24. JOTUBMM ɾ$BDIF4UPSBHFʹΩϟογϡ͢ΔϑΝΠϧͷ಺༰ΛೖΕΔ ɾXBJU6OUJM ಺ͷॲཧ͕࣮ߦ͞ΕΔ·Ͱ͸4FSWJDF8PSLFS͸࣮ߦ͞Εͳ͍ ɾJOTUBMM͕׬ྃ͠ͳ͍৔߹ɺGFUDI΍BDUJWBUFʹਐ·ͳ͍ 4FSWJDF8PSLFSͷ࣮૷ TXKT

  25. BDUJWBUF ɾBDUJWBUFͷΠϕϯτͰ͸ݹ͍ΩϟογϡΛ࡟আ͢Δ ɾBDUJWBUF࣌ͷॲཧ͸ɺ৽نΠϯετʔϧ࣌͸Կ΋͞Εͳ͍ 4FSWJDF8PSLFSͷ࣮૷ TXKT

  26. GFUDI ɾGFUDIΠϕϯτʹΑΓωοτϫʔΫϦΫΤετΛԣऔΓ͢Δ ɾSFTQPOE8JUI ʹΑͬͯ4FSWJDF8PSLFS಺ͰϨεϙϯεΛฦ͢͜ͱ͕Ͱ͖Δ ɾGFUDI Ͱαʔόʔʹ)551ϦΫΤετΛ౤͛Δ͜ͱ΋Ͱ͖Δ 4FSWJDF8PSLFSͷ࣮૷ TXKT

  27. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  28. σϞಈը

  29. OPDBDIF )5.-ɿNT $44ɿNT +4ɿNT DBDIF )5.-ɿNT $44ɿNT +4ɿNT %0.$POUFOU-PBEFE΋෼ͷҎԼʹ σϞಈը

  30. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  31. ࢀߟจݙ·ͱΊ ɾ18"͸69Λ޲্ͤ͞ΔͨΊͷͭͷख๏ ɾ4FSWJDF8PSLFSͰ؆୯ʹΦϑϥΠϯͷಈ࡞Λ࣮૷Ͱ͖Δ ɾΩϟογϡ͸ϖʔδԠ౴଎౓ʹ΋ྑ͍ӨڹΛ༩͑Δ ɾ(PPHMF͞Μɺ͋Γ͕ͱ͏͍͟͝·͢

  32. ࢀߟจݙ·ͱΊ ɾ+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

  33. ΈΜͳ΋18"Λ͸͡ΊΑ͏ʂ