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
1k
Glideで彼女を諌めた話 / How to use Glide for my Girlfriend
Avatar for masanarih0ri masanarih0ri
1
2.5k

Other Decks in Programming

See All in Programming
AI時代のUIはどこへ行く？
Avatar for Yusuke Wada yusukebe
18
8.9k
1から理解するWeb Push
Avatar for Minoru Takeuchi dora1998
7
1.9k
開発チーム・開発組織の設計改善スキルの向上
Avatar for 増田 亨 masuda220
PRO
20
11k
Kiroで始めるAI-DLC
Avatar for kaonash kaonash
2
590
Azure SRE Agentで運用は楽になるのか？
Avatar for KAMEGAWA Kazushi kkamegawa
0
2.2k
RDoc meets YARD
Avatar for Masafumi Okura okuramasafumi
4
170
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
Avatar for Andrey Chernov inetand
0
150
はじめてのMaterial3 Expressive
Avatar for yume ym223
2
350
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
Avatar for Tomoki Kobayashi temoki
0
300
OSS開発者という働き方
Avatar for ANDPAD inc andpad
5
1.7k
そのAPI、誰のため？ Androidライブラリ設計における利用者目線の実践テクニック
Avatar for mkeeda mkeeda
2
300
為你自己學 Python - 冷知識篇
Avatar for 高見龍 eddie
1
350

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
30
9.7k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
74
5k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.9k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
55
6.5k

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