パソコン教室・パソコンスクールのミライデザインキャリアセンター【公式サイト】PC・IT・Web・CADまで幅広い講座が充実。スキルアップ・キャリアアップ・資格取得・就職・転職を徹底支援します。

WEBスキルで収入アップ

フロントエンドエンジニア

近年、求人数が増えてきた職種で、Web制作で最も技術動向が激しい分野である。JavaScriptの専門家だが、数多くのフレームワーク、ライブラリー、ツールが発表されており、カバーするべき領域が広い。

Webのバックエンド制作では、フレームワークは使われてきた。特に2004年に発表されたRuby on Railsの影響が大きい。近年、フロントエンド制作でもフレームワークを導入するケースが増えてきた。フレームワークというのは、効率よく開発するための枠組みである。あらかじめ定番の処理はフレームワーク側に用意されていて、呼び出して使うことで開発コストを抑えることができる。CSSフレームワークであるBootstrap、MVCフレームワークであるAngularJSやBackbone.jsなどが有名だ。複雑なUIになってくると、jQueryだけでは複雑なコードになってしまい、機能の追加などがしにくくなる。Backbone.jsなどを使うことで、機能追加がしやすいコードにできる。

会社によっては、レスポンシブWebデザイン、CSSコーディングまでこなす場合もある。CSSはCSSプリプロセッサーであるSassを使って効率よく書くことを求められる場合もある。

PHPやRubyなどのバックエンドエンジニアが、フロントエンドエンジニアに進出するケースも多い。

要求されるスキル

  • JavaScriptの深い知識
  • JavaScriptのライブラリ(jQuery)
  • HTML5、CSS3
  • Ajax
  • フロントエンドのMVCフレームワーク(AngularJS、js)
  • CSSフレームワーク(Bootstrap、Foundation)
  • CSSプリプロセッサー(Sass)
  • バーション管理システム(Git)
  • 自動化ツール(Grunt)
  • 英語の技術ドキュメントが読める

マークアップエンジニア、コーダー

Webデザイナーからコーディング作業をとりだした職種。Web制作会社では、デザイナーとコーダーをわけている会社が多い。デザイナーからあがってくるカンプを元に、HTML、CSSコーディング、jQueryのプラグインの設置などを行う。CMS(コンテンツ管理システム)のテンプレート制作、レスポンシブWebデザイン(同一のHTMLであらゆる端末に対応させる手法)などの対応も行う。

要求されるスキル

  • HTML、CSS、CSS3
  • jQuery
  • スマートフォンサイトのコーディング
  • レスポンシブWebデザイン
  • WordPressなどのCMSツールのテンプレート制作
  • CSSフレームワーク(Bootstrap)
  • CSSプリプロセッサー(Sass)

デザイナー

ロゴ、アイコン、装飾性の高いユーザーインターフェイスなど、高いグラフィックデザイン力が求められる。クオリティの目安はDribbbleに投稿されている作品を参照。Webサービス会社だと、キャラクター制作を求められることもある。

要求されるスキル

  • グラフィックデザインの基礎(形、色、文字、レイアウト、写真)
  • グラフィックアプリケーション(Photoshop、Illustratorなど)
  • イラストレーション、写真
  • ユーザビリティ、心理学

 

アートディレクター

ヒアリングからプレゼン、サイト全体のデザインを策定、デザイナーのディレクションをする職種。全体のベースになるデザインのガイドラインを定める。アートディレクターがデザインの方向性を決めて、具体的なデザインは、デザイナーが行う場合もある。

要求されるスキル

  • ヒアリング、企画・提案
  • 写真撮影の手配(撮影ディレクション、ラフスケッチ作成)
  • デザイナーへのディレクション
  • デザインガイドラインの策定
  • グラフィックデザインの基礎(形、色、文字、レイアウト、写真)
  • グラフィックアプリケーション(Photoshop、Illustratorなど)
  • HTML、CSS、CSS3
  • ユーザビリティ、心理学

プログラマー、エンジニア

主にバックエンド(サーバー)側のエンジニアを指すことが多い。LAMP(Linux+WebサーバーのApache+データベースのMySQL+スクリプト言語のPHPやRuby等)での開発経験が求められる。

要求されるスキル

  • サーバー側で動く言語(PHP、Java、Perl、Python、Rubyなど)
  • MVCフレームワーク(Ruby on Rails、CakePHP、Symfonyなど)
  • データベースサーバー(MySQL、Oracleなど)
  • サーバーサイドJavaScript(js)
  • HTML
  • バーション管理システム(Git)
  • Linuxでの環境構築
  • 英語の技術ドキュメントが読める

Webデザイナー

Webデザイナーという職種で応募がでている場合は、会社によって求められる範囲や、レベルはまちまちなので、定義することが難しい職種である。求人ごとに求められるスキルを確認する必要がある。Web業界(Web制作会社、Webサービス会社)以外に、一般企業での求人がある。

小規模なホームページをメインに請けている制作会社であれば、打ち合わせ、サイト設計、デザイン、コーディングまでトータルに行うことがある。分業されている制作会社だと、ディレクターが作ったワイヤーフレームに基づいてデザインのみを行う場合もある。ただ、求人をみていると、コーダーとデザイナーを兼務するケースが多い。

応募の際に、注意したいのは、一般企業での求人である。コーダー、デザイナー、ディレクター、エンジニアのすべてを要求される場合もあるからだ。極端な例を挙げると、ある会社の広報部がWebデザイナーの求人をだしていた。面接にいったところ、Web制作に加えて、映像編集や会社案内やリーフレットなどの紙媒体の制作も要求されたという。会社からすれば、広報ツールをつくれる人という認識なのだが。Web制作、映像編集、会社案内・リーフレットのすべてをさくさくこなせる人は、限られているだろう。

要求されるスキル

  • グラフィックデザイン(形、色、文字、レイアウト、写真)
  • グラフィックアプリケーション(Photoshop、Illustratorなど)
  • HTML、CSS、CSS3
  • jQuery

Webディレクター

Webデザイナーと同様で業務の範囲が広く、定義が難しい。
制作者とクライアントの間に入り、プロジェクトを進めてゆく。制作チームのまとめ役であり、クライアントの窓口担当役。ヒアリング、サイトの目的、ユーザーニーズ、予算、スケジュールにあわせたサイト設計を行う。

クライアントの業界を調べたり、競合のサイトを調べたり、キーワードの月間検索数を調べたり、サイトの構成を決めて、画面構成図であるワイヤーフレームを書く。コピーを書いたりする場合もある。アクセス解析の分析や、SEOの知識も必要。SEOはお客さんが一番関心をもっている話題である。

Web制作で意外にネックなのは、このコピーライティングである。見積書でもコピーライティング作業は抜けていることが多い。

スタッフや外注スタッフへの制作も行う。
案件がスムーズに進行すればよいが、修正が多くなってくると、スケジュールが遅れる。そうなると、チームのテンションも落ちてくる。スタッフへの気遣いや、無茶な要求をされた場合のクライアントへの説得も重要な仕事である

Webディレクターは何でも屋状態になりがちな職種である。

要求されるスキル

  • ヒアリング、企画・提案
  • サイト設計(サイトマップ、ワイヤーフレーム)
  • コピーライティング
  • 写真撮影の手配(撮影ディレクション、ラフスケッチ作成)
  • ディレクション(スケジュール管理、スタッフや外注への指示、品質管理)
  • Webマーケティング(SEO、リスティング広告)
  • アクセス解析の分析

テクニカルディレクター

主に、技術面のディレクションをおこなう。プロデューサーと同行し、技術的に可能なのかどうかの判断や、システムの仕様の策定、外注やプログラマーへの指示を行う。クライアントに分かるように技術を説明する役割も必要。フロントエンドからバックエンドまで、幅広くWeb技術に精通している必要がある。

要求されるスキル

  • ヒアリング、企画・提案
  • ディレクション(スケジュール管理、スタッフや外注への指示、品質管理)
  • サーバー側で動く言語(PHP、Java、Perl、Python、Rubyなど)
  • サーバーサイドのMVCフレームワーク(Ruby on Rails、CakePHP、Symfonyなど)
  • データベースサーバー(MySQL、Oracleなど)
  • HTML、CSS、JavaScript
  • HTML5、CSS3
  • Ajax
  • フロントエンドのMVCフレームワーク(AngularJS、js)

営業、プロデューサー

ウェブ制作現場の職種と必要なスキルのまとめ』を参照。

お気軽にお問い合わせください TEL 080-1652-4385 Office hours 9:00 - 18:00

  • Facebook
  • Hatena
  • twitter
  • Google+
PAGETOP
Copyright Mirai-design.© Penetrate All Rights Reserved.