牛山くんと猫田さんは、今日も雑談ばかりしています。
そういえば、最近僕の周りでもWEBデザイナーを目指す人が増えてきたんですよ
WEBデザイナー？ エンジニアではなくて？
WEBデザイナーって言ってましたね
WEBデザイナーとWEBエンジニアってそもそも何が違うの？
うーん……なんでしょうねぇ。よくわかりませんねぇ
そんな話をしているとキャニット先生がやってきました。
おやおや、WEBデザイナーとWEBエンジニアの違いですか。たしかにわかりにくいかもしれませんね
もしかしたら、まったく違うのかしら
いい機会なので、今回の講義はWEBデザイナーとWEBエンジニアの違いを解説しましょうか
簡単にわかる『Webデザイナー』の仕事内容
まずは、WEBデザイナーのほうから仕事内容を解説しますね
簡単にいうと……Webデザイナーは、利用者から“見える部分”を作成します。たとえば、サイトの画面や、Webアプリケーションの入力画面などです。主にチームで作業を進めることがほとんどですね。
なんとなくWEBデザイナーの仕事内容がわかってきたかと思います。続いて、どのような流れで仕事をするのかも見てみましょう。大きく分けるとWEBデザイナーの仕事は３つの流れで考えられます
- サイトの構成とレイアウトの検討
- サイトのデザイン作成
- サイトのコーディング
WEBデザイナーの仕事の流れ①：構成とレイアウトの検討
クライアントからWeb制作を依頼されると、Webサイトの大まかなレイアウト決定からスタートします。基本的な構成や全体のボリュームやWebサイト全体のイメージを決定します。見た目の美しさを考慮することも大切ですが、Webデザインの場合は、操作性も重要になってきます。
ユーザの操作性を考慮して設計する必要があるので、UI（ユーザーインターフェース）に関する知識も求められます。
UI（ユーザーインターフェース）ってなんですか？
WEBサイトの画面のことですね
WEBデザイナーの仕事の流れ②：サイトデザインの作成
サイトの構成やレイアウトの概要が決まれば、次はWebサイトの色合いや装飾決めを行います。”Illustrator”や“Photoshop”などのソフトを用いて、Webサイトの配色やロゴ・アイコンの配置などを決めます。最終的には、デザインカンプと呼ばれるWebページのデザインデータを作成します。
WEBデザイナーの仕事の流れ③：コーディング
クライアントからレイアウトの合意が得られた後は、Webサイトの構築を始めていきます。HTML、CSS、JavaScriptなどの構成言語を使用してコーディングです。ユーザーの使いやすさや見た目の美しさも意識しつつ、事前に決めた大まかなレイアウトに沿ってロゴやアイコンなどのデザインを行います。
簡単にわかる『Webエンジニア』の仕事内容
続いて、WEBエンジニアの仕事内容を紹介しますね
Webエンジニアの仕事は、WEBデザイナーと違って主に利用者からは“見えない部分”です。を担当します。プログラムの開発からWebサーバー、データベースといった環境整備まで幅広く担当します。会社によってはシステム開発だけではなく、運営や管理までをトータルで行う場合もあるでしょう。
WEBエンジニアは見えないところで大きな仕事をしている
ECサイトのソフトウェアなども、普段私たちが目にする部分のフロントサイド部分を作るだけでは動作しないため、バックサイドのエンジニアは、サービス提供を支えるうえで重要な役割を担っています。
顧客からの要望や希望をもとに、どういったハードウェア、OS、そしてサーバーの機能を展開するのが必要なのか選択して実装していきます。通常、そのサーバーはDBと繋がっていることが多いので、ストレージ装置の選定も含めてDBの構築を行っていきます。WEBサイトのカットオーバー後は、リソース管理を行い、必要に応じてメモリやストレージといった資源の追加を行ったりもします。
つまり、いろいろなことをやっているってことですか？
そうですね。WEBエンジニアの業務は非常に幅広く、企業によっても大きく変わりますよ
Webデザイナー、Webエンジニアに必要なスキル
Webデザイナーに必要なスキル
”Illustrator”や“Photoshop”だけでなく、HTML、CSS、JavaScriptなどの理解も必要ぽいですね
牛山くんのいうとおりですが……それ以上に必要なのは、コミュニケーション能力かもしれません。クライアントの要望をしっかりと理解しないと、何も始まりませんから。また、完成後に何度も修正しなければならないケースもあるので、根気や集中力も大切です
Webエンジニアに必要なスキル
WEBエンジニアに求められるスキルは、もっと多そうです
そうですね。Webエンジニアは幅広いスキルが必要です。サーバサイドを担当するなら、PHPやJava、Ruby、Pythonなどのスキルが求められるでしょう。また、フロントエンドを担当するならHTML・CSS・JavaScriptのスキルが必須です
WEBデザインとWEBエンジニアの違い：まとめ
というわけで、今回はWEBデザイナーとWEBエンジニアの違いを紹介しました
かぶっている部分もあるから、わかりにくいんだね
エンジニアのほうが大変そうですね。でも、その分需要も高そうです
結局、どちらを目指すにしてもHTMLやCSSは必須ですよ。それらを学びながら、どちらを目指すのか考えても良いかも知れませんね