フロントエンド技術を学ぼう 2-39.マルチデバイス開発について学ぶ

Front-end Developer Handbook 2017を教科書にフロントエンド周りの技術を習得する連載。

www.mojage.club

第49回はPart II: Learning Front-End Devから、
39項のLearn Multi-Device Developmentを紹介します。

マルチデバイス開発について学ぶの説明です。

Sponsored Link

マルチデバイス開発について学ぶ

Image source: http://bradfrost.com/blog/post/this-is-the-web/

WebサイトやWebアプリケーションは、大型のコンピュータ、ノートパソコン、タブレット、携帯電話、いくつかの新しいデバイス(時計、サーモスタット、冷蔵庫など)で動作することができます。どのデバイスをサポートするのか、それらのデバイスをサポートする為にどう開発していくのかについては、マルチデバイス開発戦略と呼ばれています。
以下に、最も一般的なマルチデバイス開発戦略を挙げます。

  1. すべてのデバイスに対応する、レスポンシブ(RWD)Webサイト/アプリを構築する。
  2. すべてのデバイスに対応する、アダプティブ/プログレッシブエンハンスメントのWebサイト/アプリを構築する。
  3. 個々のデバイスまたはデバイスのグループごとに、Webサイト、Webアプリ、ネイティブアプリ、またはハイブリッドネイティブアプリを構築する。
  4. すでに構築したものに対し、戦略1、2、3の一部を適用して改修する。

一般的な学習リソース

Adaptive Web Design(アダプティブWebデザイン)

Designing with Progressive Enhancement(プログレッシブエンハンスメントなデザイン)

レスポンシブ ニュースレター、ニュース、ポッドキャスト