CORE ARCHITECTURE SPECIFICATION

PWA（プログレッシブウェブアプリ）とは？

なぜCUEVANCEの現場計算ツール（cuevance.app / led.cuevance.app 等）は、電波が届かない地下会場やスタジオ裏でもサクサク動き続けるのか？その秘密である「PWA」の仕組みと現場での圧倒的メリットを技術的に解説します。

Offline-First Tech 対象技術: Service Worker / Web App Manifest 適用: CUEVANCE 全現場ツール

💡 30秒でわかる要点（TL;DR）

Webサイトの手軽さ＋アプリの強さ: PWAはブラウザで開くだけで使え、さらにスマホやPCの「ホーム画面に追加」することでネイティブアプリ同様にオフライン・全画面で起動できます。
電波圏外（地下・舞台裏）でも100%動く: Service Workerにより、アプリに必要な計算コード・UIがすべて端末内に事前保存（キャッシュ）されるため、Wi-Fiや携帯回線が切れても一切止まりません。
容量わずか数十KB ＆アプリストア審査待ちゼロ: 数百MBもある重いアプリをダウンロードする必要がなく、常に最新機能・修正が瞬時に届きます。

01. PWA（Progressive Web Apps）の基本概念

PWA（Progressive Web Apps）とは、Web技術（HTML/CSS/JavaScript）で構築されながら、ネイティブアプリのようなインストール性、完全オフライン動作、高速起動を実現するオープンなWeb標準技術です。

App StoreやGoogle Playを通さずに、ブラウザから直接「ホーム画面に追加」するだけでインストールでき、端末のストレージに計算エンジンが保存されます。

02. 現場でPWAが選ばれる理由

私たちは、現場作業を中断させない「完全オフライン動作（PWA）」と「サーバーへのデータ送信ゼロ（完全ローカル処理）」を設計思想の根幹に据えています。現場の機密データやプロジェクト情報を外部に漏らすことなく、安全に計算いただけます。

03. ネイティブアプリとの比較

インストール審査待ちやストア課金、OSごとの仕様差異がなく、URLひとつで誰のスマホやPCでも同じ画面・数値を瞬時に共有できます。

04. CUEVANCEのPWA技術構造

Service WorkerのCache First戦略により、HTML・CSS・JS・アイコンをローカルに即時キャッシュ。データ通信を待たずにデバイスのCPUでミリ秒未満の即時演算を行います。

05. 端末別インストール手順

【iPhone/iPad (Safari)】: 画面下の共有ボタン（四角から上矢印）をタップし、「ホーム画面に追加」を選択。
【Android (Chrome)】: 画面右上のメニューから「アプリをインストール」または「ホーム画面に追加」をタップ。
【PC (Chrome/Edge)】: アドレスバー右端のインストールアイコンをクリック。

06. よくある質問 (FAQ)

Q. オフラインで入力したデータは消えますか？
A. いいえ、ブラウザのローカルストレージに保持されるため、次回開いた際も入力状態が復元されます。