新刊ピックアップ

フロントエンドエンジニアの役割とは?

この記事を読むのに必要な時間:およそ 1 分

何をするのが仕事の範囲か?

これまでにフロントエンドエンジニアは「マークアップエンジニア⁠⁠,あるいは単に「コーダ」のように異なる名称で呼ばれる職種でもあることから,インターネットにおいてフロントエンド,あるいはクライアントサイドと呼ばれている開発領域の境界は不明瞭です。確かにインターネットそのものの進化と合わせてその役割を拡大してきてはいますが,核となる部分は明確なものです。

フロントエンドエンジニアの役割を一言で表現するなら,最終的にユーザへ届けるWebページやWebアプリケーションの見た目に対する「思いやり」とシステマティックな「厳密さ」の間に入って仲を取りなすことです。

ユーザインターフェースの構築

その核となる役割の生み出す最終結果がユーザインターフェース(UI:User Interface)です。その名前が示すとおり,ユーザがWebページ/アプリケーションを通してある特定の目的を果たすのに必要な操作を行うために触れるレイヤのことです。

Webの黎明期にはUIレイヤの構築を専門とする職種が必要になるとは誰も予想しませんでした。しかしUIレイヤは複雑に,そして巨大になり続け,ついには専門職を必要とする時代が到来しました。

求められるフロントエンドエンジニア像

フロントエンドエンジニアを専業としている人たちはまだまだ多いとは言えません。しかし,この職種がWeb開発において欠かすことのできない職種であることに間違いありません。フロントエンドエンジニアに対するニーズは今でも十分に高い水準にありますが,今後さらに高まっていくことでしょう。

本書ではフロントエンドエンジニアが担うさまざまな役割についてさらに一歩踏み込んで,基礎から応用まで広く知っておくべき事柄について解説していきます。最後に本書の目次を紹介します。

(第1章 フロントエンドエンジニアとは?から一部抜粋)

特集1 フロントエンドエンジニアとしての基礎と準備

  • 第1章:フロントエンドエンジニアとは?…… 斉藤祐也
  • 第2章:Webブラウザの基礎知識…… 斉藤祐也
  • 第3章:UI/UXデザイン入門…… 石本光司
  • 第4章:HTML/CSS/JavaScript基礎…… 加藤賢一

特集2 フロントエンド開発フィールドガイド

  • 第5章:マークアップクイックレシピ…… 水野隼登
  • 第6章:CSS実践入門…… 谷 拓樹
  • 第7章:JavaScriptの設計と指針…… 泉水翔吾
  • 第8章:モバイル・マルチデバイスへの対応…… 原 一成
  • 第9章:フロントエンドの開発環境…… 石本光司
  • 第10章:JavaScript開発におけるテスト…… 平木 聡
  • 第11章:パフォーマンス入門…… 佐藤 歩
  • 第12章:Gitでバージョン管理…… 原 一成
  • 第13章:現場で使える品質管理…… 平木 聡
  • 第14章:セキュリティ対策の基本…… 杉本吉章

特集3 フロントエンド開発最前線

  • 第15章:Web Components入門…… 谷 拓樹
  • 第16章:ECMAScript 6…… 泉水翔吾
  • 第17章:WebRTCの実装…… 杉本吉章