WEB製作における職種名と担当作業のまとめ

WEB製作において職種名で呼ばれている人が、実際にどんな作業を担当しているのか、新人向けに資料をまとめてみたのでこれをご紹介

乱暴にまとめた表

この記事の前提

この記事は筆者の主観によるものです。
筆者の経験 (2001年〜2015年現在) での話ですが、日本のWEB業界は初期少人数（極端な話一人）で全てを行うという状態から徐々に専門の職種が分化していった歴史的経緯があります。
そのためエンジニア（サーバーサイドエンジニア）と呼ばれる人の中には非常に多くの担当領域をカバーする人もいます。
この専門職の分化は、効率化という側面と各分野の技術が高度になりスペシャリストが登場したという側面があります。
現在でも全領域を担当する人もいるので、自分の職種名の職域にこだわることなく、キャリアを作っていくことが良いとか思ったりしています。
※スマホアプリ製作まで含めると表が見難くなったので一旦WEBサービス製作で記事をまとめました
※異論ご指摘歓迎、コメントまで

各作業工程の詳細

企画・要件定義

• 作業内容：何を作るか、なんのために作るかをまとめます
• 主な担当者：プランナー
• 成果物：企画書、要件定義書

UI/UXデザイン

• 作業内容：ページの種類、ページに表示する要素・動作、導線をまとめます。
• 主な担当者：プランナー、UI/UXエンジニア、WEBデザイナー
• 成果物：サイトマップ、ワイヤーフレーム

ページデザイン

• 作業内容：どのように表現するかページをデザインします
• 主な担当者：WEBデザイナー、デザイナー
• 成果物：ページをデザインした画像、psd、各項目のデザイン後のサイズをまとめたもの

※ 簡素化するために表から省略…デザイナー・クリエーターに対し悪意があるわけではないです。

クリエイティブ製作

• 作業内容：ページ内で使用する、画像等の製作
• 主な担当者：WEBデザイナー、デザイナー
• 成果物：画像ファイル、flashファイルなど

HTML/CSS

• 作業内容：画像ファイルでもらったデザインをWEBブラウザで表示できるようにHTML・CSSを作成します
• 主な担当者：WEBデザイナー、マークアップエンジニア
• 成果物：HTML / CSS / JS

JS フロントエンド実装

• 作業内容：ブラウザ上で動作するアニメーションやUIをJS等で実装します
• 主な担当者：フロントエンジニア
• 成果物：JS、場合によってはflashなど

プログラム実装、環境構築

• 作業内容：環境を構築、前段までの作業で実装定義されたHTML、仕様を元に動くものを作ります
• 主な担当者：エンジニア、サーバーサイドエンジニア
• 成果物：本番環境、本番環境で動くもの、ソースコード