---
Title: PWAを作るときに考えること
Author: hiro_y
Web: 'https://mimemo.io/m/XpEgPoA98MomkjW'
---

- デザイン
    - モバイル/タブレット/PC
    - 普通にレスポンシブ対応すること
    - ベースのwebのインターフェイスから極端に変えないこと
    - ただし、アプリ的に使えることが直感的にわかるようにすること
- キャッシュを使って表示を早くする
    - オフラインでもレイアウトの枠の表示はできた方がよい
    - コアのデータはオフラインでは非表示でもよい
    - オフラインだからデータが取得できないことが伝わるデザイン
- 画像がわりのwebフォントもキャッシュすること
    - もしくはSVGで必要なリソースのみキャッシュ
- 表示の確認を
    - Android/iOS/Windowsで行うこと
    - Microsoft Storeに出す方法を調べること
- ナビゲーションの位置
    - モバイルだと下タブとかしたくなる
    - ただ、PCだと使いづらそう
    - むしろ普通のグロナビみたいに付けた方がよいか？
    - 上タブに近いかもだけど
- ネイティブアプリと比べて
    - iOSの制約としてpush送れない
    - インストール方法がわかりづらい、というか経験としてほぼない
    - 導入をできる限りわかりやすくするべき
    - マシュマロの説明がすごくわかりやすいので、参考に
    
https://twitter.com/marshmallow_qa/status/958993220276436992