Feedeen @feedeen@mstdn.jp

新しいオフラインモードとPWAインストール機能を本日未明に公開しました！SpotlightからFeedeenが起動できる幸せ🤩 https://feedeen.blogspot.com/2020/05/new-offline-mode-and-pwa-support.html

本日の進捗：
サーバーにデプロイしての動作確認を始めるため、準備しています。GW後半あたりの公開を目指してがんばります。

まだ正式サポートではありませんが、Chromium版EdgeでもPWAできました🥳

本日の進捗：
デスクトップPWAのダークモード対応完了。タイトルバーの色もFeedeenの画面に馴染むように調整しました。また、AndroidではPersistent Storageを可能なら有効化して、オフラインモードがより安定するようにしました。

本日の進捗：
デスクトップでのPWAのインストールフローを忘れていたので、急ぎ実装しています。インストールできる場合のみ設定メニューに項目を表示するようにしました。タイトルバーの色味もそれっぽく調整。ダークモード対応もできそうです。

人流の減少率のフィードが更新されなくなっていたので（カジュアルにJSONのURL変えるのやめてほしい😭）、修正ついでに都道府県別や主要駅・繁華街などのデータを追加しました。全国の傾向が毎日確認できます！

政府・自治体のコロナウイルス情報RSSフィード
http://covid19.feedeen.com/

本日の進捗：
iPadでホーム画面に追加する方法を説明するSVGも完成しました。SVGなら、HTMLと同じ方法でダークモード対応もできるんです v(^ ^)

本日の進捗：
iPhoneでホーム画面に追加する手順をアニメーションで説明するSVGを作り、ダイアログに組み込みました。

ちなみにこのSVG画像はテキストエディタで(描|書)きました🤯

コロナウイルス情報RSSの「緊急事態宣言の成果～人流の減少率～」で実データが抽出できなくなっていたので、修正して表示内容も改善しました。JS/CSSが使えないので限界はありますが、だいぶ見やすくなりました👍

政府・自治体のコロナウイルス情報RSSフィード
http://covid19.feedeen.com/

本日の進捗：
引き続きPWAのインストールフローを実装中です。Androidでは画像のようなダイアログを表示する予定。iOSはSafariの「ホーム画面に追加」を使うので、手順を説明する画像でも表示しようと考えています。

本日の進捗：
PWAのインストールフローを実装中です。デフォルトのバナーが毎回出るのはウザいので、設定パネルに「ホーム画面に追加」ボタンを設置する方向で考えています。

本日の進捗：
雑にPWA化（ネイティブアプリっぽくインストールできる機能）してみたのですが、意外にもいい感じでした。専用のウインドウで動くモードでもそこそこ自然にブラウザと連携できて、実用レベルで使えます。ちょっと真面目に検討してみます。

北海道コロナ対策サイトのこのグラフ、圧倒的にわかりやすい。ここを見るだけで道内の傾向がほぼ把握できる。すごい。

それだけに、最近の増加傾向もひと目でわかってしまうけど...

内閣官房公開の人流の減少率（画像のもの）の更新をお知らせするRSSフィードを追加しました。

政府・自治体のコロナウイルス情報RSSフィード
covid19.feedeen.com

本文にデータが埋め込まれますので（表示スタイルは剥がれますが）、日毎のデータを保存できます。ぜひご利用ください！

本日の進捗：
ServiceWorkerが更新された際に、ダイアログを表示し、更新を適用できるようにしました。これでオフラインモードの機能自体は完成...のはず。

本日の進捗：
オフライン周りのダイアログの表示内容を整理し、進捗をバーで表示するようにしました。その他、長時間オフラインなときの警告表示や画像取得時が途中で止まってしまうバグの修正など、いろいろやりました。

本日の進捗：
オフライン状態を解除するダイアログを実装しました。オフライン中に行った変更をサーバーに反映するかどうかを選択できるようになります。

本日の進捗：
表示内容は仮ですが、オフライン移行時のフローが概ね実装できました。画像のダウンロードを中断した場合、取得済みの分はオフラインで表示、未取得分は通常通りネットワーク経由で取得を試みる予定です。

N+1問題を発見したときの私。

本日の進捗：
モバイル版のダークモードにおいて未読・既読が判別しづらいというご意見をいただき、改善のために未読状態のアイコンを表示するようにしてみました。スターなどは付けたときのみ表示する仕様に。
※ 画面は開発中のものです

告知が大きく遅れてしまい、申し訳ありません。ブラウザ拡張の新バージョンに関する説明をブログに投稿しました（アプリ上の What's new で表示されるものと同じです） https://feedeen.blogspot.com/2019/10/new-browser-extension-is-available.html