• 資料請求
  • オープンキャンパス・体験入学
  • アクセス
電話によるお問合わせ
03-3982-3131(代表)
入学に関するご質問・ご相談
0120-3131-56
職業紹介

Webデザイナー・
Webプログラマーとは

サブビジュアル サブビジュアル

Webデザイナー・
Webプログラマーとは?

情報発信の要であるWebサイトをデザイン・作成する

WebデザイナーはWebサイトの企画や設計、デザイン制作・Webサイト制作に携わる仕事です。依頼者の「こんなWebサイトが欲しい」というイメージを形にするのはもとより、Webサイトの利用者にとって使いやすいサイトになるよう、色の使い方や文章、写真やイラスト、アニメーションや動画などを用いて企画・デザインする力、またそれを実現するコーディング力(プログラミングスキル)が求められます。
Webプログラマーは主に、Webデザイナーが作成したデザインから、実際にWebサイトを作るために必要なHTMLやCSS、またJavaScriptやPHPなどを用いたコーディングを担当します。ほかにも「YouTube」や、ショッピング・レストランの検索・予約システムといった、利用者がWeb上で利用できるアプリケーションの開発にも携わることができる職業です。

  • Webデザイナー

    • Webサイトの企画や設計
    • デザイン制作
    • Webサイト制作

    など

  • イラスト
  • Webプログラマー

    • Webサイトのコーディング
    • Webアプリケーションの開発

    など

Webデザイナー・
Webプログラマーの業務

イラスト

■Webデザイナーの業務
・Webサイトの企画・設計・デザイン・コーディング
・Webサイトを飾るイラストや文章、写真、音楽、動画の作成 など

■Webデザイナーが主に使用するソフト
・写真の編集ができる【Photoshop】
・イラストが描ける【Illustrator】
・動画編集が可能な【Premiere Pro】
・Webサイトのデザイン制作に便利な【XD】 など

■Webプログラマーの業務
・Webサイト、Webアプリケーションのコーディング など

■Webプログラマーがサイトを作る上で使う言語
・HTML
・CSS
・JavaScript など

東京電子の「ウェブ・メディア科」ではコーディングはもちろん、各種ソフトウェアの使用方法についても学ぶことができます。

業務に必要な技術を修得できる実習例

業務に必要な技術を修得できる実習例を紹介します。

HTML/CSS、JavaScript、PHPなど

HTML/CSS、JavaScript、PHPなど

Webページ制作の基本となるHTMLやCSS、また会員登録システムや予約システムといったWebサーバ上で動作する動的なページの作成に必要なPHP言語について学習します。

デザイン基礎

デザイン基礎

配色やコンテンツのレイアウトなど、見栄えの良いWebサイトの作成方法や、写真素材などをより引き立てるデータの加工手法などについて学習します。東京電子では座学でデザインの基本原則などを学びつつ、名刺のデザイン制作から印刷会社へのデータ納品までを体験できる実践演習などを行っています(画像は本校ウェブ・メディア科の学生による作品です)。

動画編集

動画編集

Webサイトに必要な動画・映像の作成手法について学習します。東京電子の実習では、テーマを決め、グループごとに撮影・制作・発表まで一貫して行います。

東京電子では、最新の機器やソフトウェアを用いた体験実習を行っておりますので、
ぜひ体験入学などのイベントにも参加し実際に触れてみてください。

Webデザイナー・Webプログラマーのやりがい・魅力

手掛けたWebサイトが世界に公開される

Webは世界中に広がっておりWebサイトもまた世界中の人が利用できるものなので、自身が手掛けたWebサイトが数えきれないほど多くの人の目に触れる可能性があるという点はこの仕事の魅力です。

実習風景

依頼者の要望をデザインやシステムで実現する

「商品の売り上げを増やしたい」「企業のことをよく知ってほしい」といった依頼者の要望を実現するために創意工夫をこらしたデザインやシステムを作成し、目的を達成したときにやりがいを感じます。

業務に関連する資格

Webデザイナーになるために必要な資格はありませんが、働く上で知っておくべき知識や技術に関連した資格は数多く存在します。代表的なものは以下の通りです。

【国家資格】
・基本情報技術者試験(※東京電子では科目A試験(旧午前試験)免除の特典あり)
・ITパスポート試験

【検定試験】
・Web検定:Webリテラシー試験
・色彩検定

【ベンダ資格】
・アドビ認定プロフェッショナル

【ベンダーニュートラル資格】
・HTML5プロフェッショナル認定試験

資格について詳しくはこちら >

業務に活かせる実習を体験してみよう!

東京電子では、オープンキャンパス・体験入学を随時開催しています。
実習を体験してWebデザイナー・Webプログラマーについてさらに理解しよう!

写真

Webデザイナー・Webプログラマーを目指せる学科

その他、情報システム系の仕事