最新のウェブ技術とアイデアを使ってモダンなウェブアプリ (最新のモダンブラウザーにおいてとても強力であるが、力のないブラウザーでも受け入れられるユーザー体験を提供するウェブアプリ) を作る方法を学びます。

モダンアプリのテクニック

進歩的ウェブアプリ
進歩的ウェブアプリ (PWA) は標準ウェブサイト/アプリでウェブのいいところ — 検索エンジンからの見つけやすさ、 URL でのリンク性、複数のフォームファクターで動作すること — を引き継いでいて、モダン APIs (Service WorkersPush) や、よくネイティブアプリ由来とされてきた長所を与える機能を充填したものです。
 

アプリの基礎

下記のガイドはウェブアプリでよくカバー/実装する機能エリアを網羅しています。それぞれのページには作業フロー、チュートリアル、リファレンス、例、その他の役立つ情報があります。

基本的なデータフロー
アプリでのデータフローのセットアップ、HTTP の基礎、Ajax
モダンウェブアプリアーキテクチャ
モダンウェブアプリのアーキテクチャと開発についての基本的な入門: MVC, frameworks など
データを収集し変更する
ファイルや、デバイスハードウェア(例、電池、近接センサー、光センサー)やキーサービス(例、カメラ、連絡先)からデータ取得します。
ユーザー通知
システム通知、アラーム、バイブ
ユーザー入力とコントロールの仕組みの実装
マウス、キーボード、ポインターロック、タッチ入力、ドラッグアンドドロップ、他。
オフラインで動作する
appCache, service workers, localStorage, IndexedDB
音声や動画の配信
動画や音声をウェブ文書に載せる
音声や動画の操作
<canvas>Web Audio APIなどを使って音声や動画を操作する方法
パフォーマンス
ウェブアプリをよりパフォーマンス良く実行されるようにする記事

関連情報

Web Appsコミュニティに参加してください

あなたの好きな方法でディスカッションに参加してください

ドキュメントのタグと貢献者

最終更新者: mfuji09,