電卓で出した答えが画面を切り替えた瞬間に消える、消費税の税込価格を毎回打ち直す——そんな地味なストレスをなくしたくて、計算が自動で履歴に残り、よく使う式はテンプレートでワンタップ計算できる電卓「にゃるっく」を作りました。登録不要・ブラウザだけで動き、計算データは端末内にだけ保存されます。どんなアプリでどう使うのかを紹介します。

vite-plugin-pwaのautoUpdateは入れたのに、デプロイしても一部のユーザーに古い版が表示され続ける——その犯人はService WorkerではなくCDN/ブラウザのHTTPキャッシュでした。_headersで入口ファイルをno-cacheにする対策を、ケースA（Vite）/ケースB（素のHTML）の使い分けと検証手順まで解説します。

メルカリ・ラクマ・BASE・minneなど複数のフリマ／ECの在庫・売上・粗利を1画面で管理できる無料アプリ「ざいこにゃん」を作りました。登録不要・ブラウザだけで動き、データは端末内だけに保存。福袋やセット販売の原価も自動で按分計算します。

PWAスタンドアロン起動時だけAdSense広告を完全に出さない実装を解説します。matchMedia('(display-mode: standalone)') と navigator.standalone の二重判定でiOS/Androidの両方をカバーし、「広告コードを出してから隠す」ではなく「そもそも読み込まない」方針でUXとAdSenseポリシーを両立する設計です。

Vite + ReactのSPAをvite-plugin-pwaでPWA化する手順を、最小構成→manifest→Service Workerキャッシュ戦略→Lighthouse・インストール検証まで一気通貫で解説。実際に「こぴぺったり」で使っている設定そのままで、ホーム追加とオフライン動作を最短で整えられます。

メール定型文・コードスニペット・SQLなどをフォルダで整理してワンタップでコピーできる無料Webアプリ「こぴぺったり」を作りました。データはブラウザのローカルストレージに保存されサーバー送信ゼロなので、業務用テンプレートや社内コマンドも安心して保管できます。React + PWA対応でスマホでも快適。