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

家庭で使えるPWA / PWA Night Vol.2 LT

06753262e041911692e9a771b1877036?s=47 Chinen
March 20, 2019
Programming
0
1.7k

家庭で使えるPWA / PWA Night Vol.2 LT

06753262e041911692e9a771b1877036?s=128

Chinen

March 20, 2019
Tweet

More Decks by Chinen

See All by Chinen
個人開発から学ぶVue.js開発環境 / v-okinawa Meetup #5
06753262e041911692e9a771b1877036?s=48 chinen
0
39
エンジニア目線でのShifter / Shifter Meetup 2021-09-08
06753262e041911692e9a771b1877036?s=48 chinen
1
200
Shifter Staticのサイトを PWAにしよう / PWA Night Conference 2021
06753262e041911692e9a771b1877036?s=48 chinen
0
810
Shifter staticで REST APIしたい / Shifter Meetup 2020-12-02
06753262e041911692e9a771b1877036?s=48 chinen
0
480
実践PWA 2020 / charitycon_oki2020
06753262e041911692e9a771b1877036?s=48 chinen
0
400
Shifterを選定するまでに検討したこと / shifter-meetup0603
06753262e041911692e9a771b1877036?s=48 chinen
0
540
FirebaseとVue.jsでWebアプリモック速攻開発 / v-okinawa #4
06753262e041911692e9a771b1877036?s=48 chinen
1
360
ポートフォリオ作る話 / PWA Night vol.12
06753262e041911692e9a771b1877036?s=48 chinen
0
56
Vue.jsの基礎 / v-okinawa meetup #2
06753262e041911692e9a771b1877036?s=48 chinen
0
110

Other Decks in Programming

See All in Programming
設計の考え方とやり方
8f84b7d8869ef6005d89b378e8661f7c?s=48 masuda220
PRO
48
26k
Regular expressions basics/正規表現の基本
9bf923e39671cde83584e3e926296c13?s=48 kishikawakatsumi
6
260
FutureCon 2022 FlutterアプリのPerformance測定
4affdb6a9878e509da7ca41a87051352?s=48 harukafujita
0
130
読みやすいコード クラスメソッド 2022 年度新卒研修
E86b46be0f4e61db6b28becc5493bbab?s=48 januswel
0
2.9k
Untangling Coroutine Testing (Droidcon Berlin 2022)
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
1
480
実践 SpiceDB - クライドネイティブ時代をサバイブできるパーミッション管理の実装を目指して / Practical SpiceDB
B1bddcb899ec3060fe9913f3cb70dbb6?s=48 lmt_swallow
0
120
OSS貢献を気軽にしたい Let's Go Talk #1
Aa0368c69701536321af9db1ae552b45?s=48 yuyaabo
2
230
Google I/O 2022 Android関連概要 / Google I/O 2022 Android summary
Ad855122c2c5b24640cc8798eb103e4b?s=48 phicdy
0
370
How GitHub Supports Vim License Detection, The Five Years Journey
C4ce16f549c450f4759eb37f5d5d1a63?s=48 othree
1
340
테라폼으로 ECR 관리하기 (How to Manage ECR with Terraform)
330c5e37fb238d6b319ae6e18770f44b?s=48 posquit0
0
520
ストア評価「2.4」だったCOCOARアプリを1年で「4.4」になんとかした方法@Cloud CIRCUS Meetup #2
3518f5ec9ebb241abc3569eb5cfc7d2a?s=48 1901drama
0
180
Rust on Lambda 大きめCSV生成
Bfcda4dca8fd6a07980ed8d5b21a572b?s=48 atsuyokota
1
390

Featured

See All Featured
Bash Introduction
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
598
210k
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
13k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
373
44k
Java REST API Framework Comparison - PWX 2021
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
11
4.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
Imperfection Machines: The Place of Print at Facebook
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
12k
Designing for Performance
245cee81a9c424266e5e401d844ea881?s=48 lara
597
63k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
212
20k
Designing Dashboards & Data Visualisations in Web Apps
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
224
49k
Automating Front-end Workflow
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1351
200k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
39
13k

Transcript

  1. 家庭で使える PWA 知念昌史 2019/03/20

  2. 知念 昌史（Masashi Chinen） 株式会社TAM：フロントエンドエンジニア 沖縄出身・元美容師 ・得意なもの HTML / CSS・CSS設計 /

    JavaScript / Vue.js / PWA / Movable Type / WordPress ・すきなもの CSS、甘いもの、ゲーム、邦楽ロック、フィクション

  3. 週末の出来事

  4. 買い物をしていると 「特売」「大容量」って気になるよね

  5. さて問題です

  6. コスパが良いのはどっち？ 398円の マヨネーズ 内容量：450g 298円の マヨネーズ 内容量：350g A　　　　　　　　　B

  7. 計算めんどくさい

  8. Webアプリつくった https://chi-memo-app.firebaseapp.com/whicheaper/

  9. こんなやつ

  10. やってみよう 398円の マヨネーズ 内容量：450g 298円の マヨネーズ 内容量：350g A　　　　　　　　　B

  11. PWA対応

  12. 1. アプリ化（ホーム画面に追加） ・・・manifest.jsonの設定 2. オフライン実行（調整中） ・・・Service Workerでキャッシュコントロール バグがあったらツイートで教えてね！（あるよ！）

  13. iOSの人 Androidの人

  14. 伝えたかったこと • PWAは、身近なWebから作ることができ る、最初から難しく考えないで！ • PWAよくわからなくてもまずは触ってみ よう！

  15. お買い物で使ってみてね！！！

  16. twitter @chocodogmagic 　　　　技術書展6 き05 ありがとうございました！