Play Store, Kosten, neue Google-Regeln und der Wunsch nach Unabhängigkeit: Warum die Parkplatzkarte bewusst als PWA bleibt – und weshalb das für Fahrer sogar Vorteile haben kann.
Install-Prompt nur bei echter Karten-Nutzung, In-App-Hinweis mit Capability-Check und iOS-Facebook/Instagram-Safari-Fallback.
Mehr UX, weniger Nervfaktor: Install-Prompt nur bei echter Karten-Nutzung und In-App-Hinweis mit iOS-Safari-Anleitung für Meta-Browser.
Manifest, Service Worker, Splashscreen und Icon-Set für die bestehende BKF-Karte ergänzt.
Installierbar wie eine App: Homescreen-Icon, Standalone-Start, Splashscreen und optimiertes Caching für die BKF-Karte.
Push notifications are short messages that a backend server delivers to a user's device through the OS-level push service, displayed even when the corresponding app is not running. Push is the standard re-engagement and real-time messaging channel on mobile and increasingly on web.
How it works
The app registers with the OS push service (APNs on iOS, FCM on Android, Web Push on browsers) and…
When your users live in areas with weak signals, you design differently. This is the story of how we made the Dagbanli Dictionary truly offline-capable, and why transparency about storage was just as important as the technology itself.
Vibe-Coding ist eines der derzeitigen Schlagworte auch im Bereich Open Source. KDE-Entwickler Ken Vermette hat bei seinen ersten Versuchen an einem Wochenende eine Lösung für PWAs ohne Browser erarbeitet.
Coronado por el logo mas feo que he hecho a partir de una tijera y un altavoz, aquí estamos de nuevo con un ensayo de PWA. Introducción No es que no hayan alternativas ni pienso superar lo que ya existe. El problema es que hay muchísimas alternativas, o muy amplias para una sola tarea, o […]
- React Router v7で作成したウェブアプリをPWA(インストールに対応のみ)にする
- ローカルのvite-plugin-pwaを、手元のReact Router v7プロジェクトで直接利用する方法
過去にreact router v7がvite-pwa-pluginでpwa化できないと言うことを言ってきた。
実際のIssueはFeature Request: Vite PWA Support for React Router 7 #809←こちら。
問題の現象
まず起きている事象としては、
- manifestの作成はできているけど、
-…
⚠️追記：vite-plugin-pwaはとReact Router v7で正常に機能しません
...
React Router v7でウェブアプリを作成した。
Kindle Unlimitedの検索が使いにくいので、好きな作家の対象本を一覧表示するサービスを作った
これを少しずつ改良しているんだけど、サイトに訪問するのが面倒なのでPWAにすることにした。
環境
PWAにしたアプリの環境は下記の通り。
PWAにする
vite-plugin-pwaをインストールする。
vite.config.tsのpluginsにvite-plugin-pwaを追加する。
上記の記述でビルド時にmanifest.webmanifestが生成されるのでそれをapp/root.tsxで読み込む。
で、必要となる下記を作成する。
テストする
PWAは開発環境でテストできないので、npm…
Page 1