フロントエンド技術を学ぼう 1-4.フロントエンドデベロッパーの開発対象

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

www.mojage.club

第4回はPart I. The Front-End Practiceから、
4項のFront-End Developers Develop For…を紹介します。

フロントエンドデベロッパーの開発対象についての説明です。

Sponsored Link

フロントエンドデベロッパーの開発対象

OS

フロントエンドデベロッパーは、以下に挙げるオペレーティングシステム(OS)上で提供されるWebプラットフォーム(Webブラウザなど)で動作する、HTMLCSSJavaScriptを作成します。

  • Android
  • Chromium
  • iOS
  • OS X
  • Ubuntu (その他Linuxディストリビューションも含む)
  • Windows Phone
  • Windows

デバイス

これらのオペレーティングシステムは、基本的には以下のデバイスのうちの1つ以上で動作します。

  • デスクトップコンピュータ
  • ラップトップ / ノートブック コンピュータ
  • 携帯電話
  • タブレット
  • TV
  • 時計
  • その他 (例えば、車、冷蔵庫、照明、サーモスタットなど)

シナリオ

一般的にフロントエンド技術は、以下に挙げるランタイムWebプラットフォームシナリオを通して、前述のOSやデバイス上で実行できます。

シナリオ
ウェブブラウザ Chrome、IE、Safari、Firefoxなど
ヘッドレスブラウザ phantomJSなど
ネイティブアプリケーションに埋め込まれたWebView/ブラウザタブ(iframe)を、ネイティブAPIとブリッジするランタイムとして使用します。
一般的なWebViewアプリケーションには、Web技術(HTML、CSS、JS)で構築されたUIが含まれています。
Apache CordovaNW.jsElectronなど
ネイティブAPIへのブリッジにより、実行時に解釈されるWeb技術で構築された、ネイティブアプリケーション。
UIはWeb技術ではなく、ネイティブUI部品(iOSネイティブコントロールなど)を使用します。
NativeScriptReact Nativeなど