Upgrade to Pro — share decks privately, control downloads, hide ads and more …

これからはじめる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
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
Avatar for ternbusty ternbusty
3
260
contribution to astral-sh/uv
Avatar for Shunsuke Tsuchiya shunsock
0
560
Software Architecture
Avatar for Henning Schwentner hschwentner
6
2.4k
EMこそClaude Codeでコード調査しよう
Avatar for shibayu36 shibayu36
0
490
ALL CODE BASE ARE BELONG TO STUDY
Avatar for uzulla uzulla
28
6.8k
퇴근 후 1억이 거래되는 서비스 만들기 | 내가 AI를 사용하는 방법
Avatar for Seungmin 마량 maryang
1
130
Temporal Knowledge Graphで作る！ 時間変化するナレッジを扱うAI Agentの世界
Avatar for po3rin po3rin
5
1k
React Nativeならぬ"Vue Native"が実現するかも？_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
Avatar for Yuto Nagai(Future) yut0naga1_fa
2
1.9k
SODA - FACT BOOK（JP）
Avatar for SODA inc. sodainc
1
9k
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
Avatar for N Akita nakita628
0
330
Pythonに漸進的に型をつける
Avatar for Nealle nealle
1
140
NIKKEI Tech Talk#38
Avatar for cipepser cipepser
0
330

Featured

See All Featured
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.3k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2.2k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Done Done
Avatar for chrislema chrislema
185
16k

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"Λ͸͡ΊΑ͏ʂ