これまで読んだ本や積んでる本の値段の合計がわかるサービス「積読ハウマッチ」が最近リリースされたのですが、
#積読ハウマッチ ...ホームに追加できるんです(*´ω`*)アイコンも用意したんです(*´ω`*)ステータスバーの色も変わるんです(*´ω`*) pic.twitter.com/EKn8tv45q2
— めもらば@公式 (@MemoryLoverz) July 28, 2019
PWA対応してるよ!という売りだったのでふとフロントがCRAのうちのサービスどうだったっけ...と思って確認。
manifest.json初期状態のままだったので「React App」....ダサい。
項目で設定を選んでアイコンに使う画像ファイルをアップロードするだけ。
項目の解説はこちらが参考になります。
- manifest.jsonでホーム画面へのアプリ追加【これからはじめるPWA】
{
"short_name": "JCBL-SCORE",
"name": "日本カラーボール野球連盟スコア管理システム「JCBL-SCORE」",
"theme_color": "darkcyan",
"background_color": "#ffffff",
"display": "standalone",
"Scope": "/",
"start_url": "/",
"icons": [
{
"src": "img/icons/icon-72x72.png",
"sizes": "72x72",
"type": "image/png"
},
.....
{
"src": "img/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"splash_pages": null
}
日本カラーボール野球連盟スコア閲覧サービス「JCBL-SCORE」、androidの「ホームに追加」に対応しました。#pwa#reactjs pic.twitter.com/uMYmaCZ8CI
— 日本カラーボール野球連盟公式 (@JCBL_Official) July 29, 2019