ホーム / Front-end Developer Handbook /

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

2020年7月22日水曜日

Front-end Developer Handbook

t f B! P L

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

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


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

OS

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


デバイス

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

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

シナリオ

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


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

QooQ