2. モダンWeb体験アプリ¶

本書で作成するサンプルアプリの紹介ここでは、モダンWebを活用したサンプルアプリを「モダンWebの技術で何が変わるか」という視点から動画で解説しています。1つ目の観光情報検索アプリでは高速検索を、2つ目のマルチタイマーアプリではブラウザを閉じても動き続けるServiceWorkerを使った機能を体験できます。

2ｰ1. 観光情報検索アプリ¶

2ｰ1-1. 概要¶

総務省の公共クラウドシステムの国内観光情報データベースを検索するアプリを作成します。
このアプリを作成することで以下のモダンWeb技術を体験できます。

このアプリで用いられるモダンweb技術

データベースを瞬時に検索 (データプリフェッチ、無限スクロール技術)
PCとスマホが自動で連動 (サーバーとブラウザの分散データベース同期技術)

2-1-2. 動画¶

音声無し、キャプションで解説(2分26秒)

2-1-3. ダウンロード¶

サンプルアプリの実行環境は開発環境構築のページを参照してください。

2-2.マルチタイマー¶

2-2-1. 概要¶

モダンWebの機能を活用したタイマーアプリです。ブラウザを閉じた状態でも動き続ける、モダンWebならではの機能を実装しています。

  1. ブラウザを閉じてもタイマーから通知!!! このアプリで用いられるモダンWeb技術

  (ServiceWorkerとサーバーPush技術)     
  2. カスタマイズしたアプリをすぐに共有
  (ステートの集中管理技術)

2-2-2. ダウンロード¶

サンプルアプリの実行環境は開発環境構築のページを参照してください。