Blocklet Server 機能アップデート：Blocklet への PWA 統合機能
Blocklet Server の最新バージョンにおいて、Progressive Web Apps (PWA) のサポートを追加しました。
Progressive Web App はウェブ技術を使用して構築されていますが、ネイティブアプリに近いユーザー体験を提供します。PWA は、ウェブサイトのように単一のコードベースから複数のプラットフォームやデバイスで動作可能です。また、デバイスにインストールしたり、オフラインやバックグラウンドで動作させたり、デバイスや他のインストール済みアプリケーションと連携させたりすることもできます。
なぜ PWA なのか
より迅速なユーザー体験：ネットワーク接続が不安定な環境では、ページ間の切り替えに遅延が生じることがよくあります。PWA はアプリケーション全体をプリロードすることでこれを軽減し、ページ間の移動時にネットワークリクエストを不要にすることで、ページ読み込み速度を大幅に向上させます。
オフラインアプリのサポート：オフラインの状態でも、一部のアプリケーション（オフライン利用に最適化されている場合）は引き続きアクセスやナビゲーションが可能です。
PWA 技術の標準と導入の詳細については、こちらをご覧ください：
Blocklet と PWA
PWA を有効にすると、Blocklet をシステムのデスクトップに直接インストールでき、ネイティブアプリのように機能します。また、オフラインでの利用もサポートされており、ネットワーク接続がない状態でもアクセスが可能になります。
Blocklet Service は、コンポーネントと Service Worker コードの統合を合理化するために設計された包括的で便利な機能とプロパティを提供し、それによって Progressive Web Applications (PWA) の開発とデプロイを強化します。堅牢なフレームワークを提供することで、Blocklet Service は、PWA でシームレスで信頼性の高いユーザー体験を作成するために不可欠なオフライン機能、キャッシング戦略、バックグラウンド同期の管理プロセスを簡素化します。開発者はこれらのツールを活用して、ネットワークリクエストを効率的に処理し、データストレージを管理し、低接続または無接続の環境でもアプリケーションの応答性と機能性を維持できます。さらに、Blocklet Service には詳細なドキュメントとサポートリソースが含まれており、初心者から経験豊富な開発者まで、PWA 機能を簡単かつ自信を持って実装できるようになっています。
私たちは、Pages Kit や Discuss Kit などの最も人気のあるいくつかの Blocklet を強化し、PWA 機能を統合しました。つまり、これらの Blocklet をアプリケーションに組み込むと、自動的に PWA の高度な機能の恩恵を受けることができます。これらの機能には、パフォーマンスの向上、オフライン機能、およびネイティブアプリのようにユーザーのデバイスにインストールできる機能が含まれます。その結果、アプリケーションはよりシームレスで魅力的なユーザー体験を提供し、読み込み時間が短縮され、安定したインターネット接続がない場合でも機能するようになります。さらに、ユーザーは他のアプリと同じようにホーム画面から直接アプリケーションにアクセスできる利便性を享受でき、アクセシビリティとユーザーエンゲージメントが向上します。
次のセクションでは、Blocklet に PWA を統合する方法について説明します。
具体的にどのような改善が行われましたか？
Pages Kit のページキャッシング
現在、すべての公開されている Pages Kit ページはプリキャッシュされています。一度 Pages Kit を開くと、その後のページ読み込みは、ネットワーク接続が不安定な場合やオフラインの場合でも瞬時に行われます。
Discuss Kit のキャッシング
Discuss Kit のデータ量は膨大になる可能性があるため、すべてをプリキャッシュすることは現実的ではありません。より良いアプローチは、訪問したページのみをキャッシュする動的キャッシングです。
Discuss Kit は、デフォルトでリスト、ブログ、ドキュメント、およびブックマークのホームページをキャッシュします。Service Worker が正常にインストールされると、ネットワーク接続に関係なく、これらのページにアクセスできるようになります。
投稿の詳細を表示すると、そのページはすぐにキャッシュされます。その後、同じ投稿に再度アクセスすると、より速く読み込まれます。ネットワークの問題が発生した場合でも、キャッシュされた投稿の詳細へのアクセスは影響を受けません。
PWA の機能を試す
PWA 機能を備えた Pages Kit および Discuss Kit は、まもなくすべての ArcBlock サービスで利用可能になります。これらの機能は現在、ArcBlock のメインウェブサイトおよび公式コミュニティサイトですでに利用可能です。ぜひアクセスして、その違いを体験してください。
PWA サポートを備えた Blocklet の開発
PWA サポートによって Blocklet Service がもたらす最大の価値は、ArcBlock に基づいて開発されたあらゆるアプリケーションに PWA サポート機能を簡単に追加できることです。私たちは、このプロセスを非常にシンプルにするよう努めています。
Blocklet に Service Worker 機能を追加するためのクイックガイドについては、公式ドキュメントを参照してください。
今後の計画
私たちは、すべての Blocklet にわたって PWA の実装を段階的に強化し、Blocklet のユーザー体験を向上させるために PWA 設定を継続的に最適化していきます。
改善にご協力ください
ご質問、フィードバック、または提案がある場合は、ArcBlock Community にアクセスしてください。私たちがお手伝いします。また、フィードバックが Bug Bounty Program に選ばれた場合、ABT 報酬を獲得することもできます。
オーディオ概要を聴く
このページに関わるもの
製品
-
Blocklet Server
superseded
blocklet をサブプロセスとしてホストしていたサーバー。その作業は ARC で続いており、サブプロセスによるホスティングという方式は引き継がれません。