EloView 3におけるローカル（オフライン）URLの要件およびアーキテクチャの考慮事項

対象: 公共 / Elo顧客、コンテンツ開発者および統合者

記事タイプ: アーキテクチャおよびコンテンツ展開のベストプラクティス

EloView® 3では、ローカルURLパッケージにより、ウェブアプリケーション、インタラクティブキオスク、デジタルサイネージコンテンツを、継続的なインターネットまたはネットワーク接続を必要とせずに、デバイス内蔵ストレージからローカルで実行できるようになります。

主要要件および展開の考慮事項

1. 自己完結型ローカルアセットバンドル:
   信頼性のあるオフライン実行のためには、すべての依存関係が展開されたZIPアーカイブ内にパッケージ化されている必要があります。これにはHTMLファイル、JavaScriptライブラリ、CSSスタイルシート、ウェブフォント、ベクターグラフィックス、画像アセット、およびビデオ/音声メディアファイルが含まれます。
2. クライアントサイドのみの実行（サーバーサイドのランタイムなし）:
   アクティブなウェブサーバーバックエンド（PHP、Ruby、ASP.NET、Java Servlets、またはNode.jsサーバーランタイムなど）に依存する技術は、ローカルブラウザランタイム内で実行することができません。すべてのロジック、ルーティング、レンダリングはクライアントサイドのブラウザ技術（HTML5、CSS3、JavaScript/WebAssembly）のみに依存しなければなりません。
3. 帯域幅およびネットワークの信頼性最適化:
   ローカルURLは、断続的、帯域幅に制約がある、または存在しないネットワーク接続（例: トレードショー、セキュアな小売区域、リモートフィールドキオスクなど）がある環境に最適です。メディアファイルをローカルでホスティングすることで、ネットワーク遅延、バッファリングの遅延、および高いセルラーデータ消費を防ぎます。
4. モダンキャッシングおよびオフラインWeb APIサポート:
   EloViewで実行されるプログレッシブWebアプリケーション（PWA）は、Cache API、IndexedDB、Service Workersを含むブラウザレベルのストレージおよび同期メカニズムを活用できます。技術的な実装ガイダンスについては、MDN - Service Workersの使用を参照してください。
5. クライアントサイドフレームワークおよびバックグラウンド同期:
   React、Vue、Angular、またはバニラJavaScriptを使用して構築されたモダンなシングルページアプリケーション（SPA）は、適切にバンドルされていれば完全オフラインで機能します。定期的な同期のために設計されたアプリケーションは、ユーザー取引やテレメトリをローカルにキューし、デバイスがネットワークに再接続されるときに更新をプッシュできます。