結城浩のブログ
Author
About
Feedback
Search
2019-12-21
web
pwa
chrome
javascript
write.hyuki.netをPWA(Progressive Web Application)対応したときにやったことのメモ
メモ
write.hyuki.net
はHTTPSなWebサイトとしてすでにできている状態からスタートした。
モバイルフレンドリーかどうかを調べた。
Chrome拡張でLighthouseを入れた。
はじめてのプログレッシブウェブアプリ
を読んだ。
The Web App Manifest
を参考にして
manifest.json
を書いた。
Lighthouseがwrite.hyuki.netに対して生成するレポートを読んで対応した。
manifest.json
書いたけどWebからリンクしてなかったことに気付いて直した(などいろいろ)。
Chromeを使ってwrite.hyuki.netが実際に使っているファイル一覧を作成して、それをもとに
service-worker.js
を書いた。
Chromeでwrite.hyuki.netを開くとアドレスバーに「インストール」ボタンが表示されたのでインストールした。
アプリとして表示するとこんな画面になる。
iPhoneでホーム画面に登録するとアドレスバーが消えてネイティブアプリっぽさが出る。
ツイート
write.hyuki.netを作るスレッド
ブランチ切る話
PWAに対応したよスレッド
リンク
あとでチェックしたい(画像チェックサイト)
https://realfavicongenerator.net/
2019-12-21
web
pwa
chrome
javascript