Webエンジニアのお仕事

Webエンジニアとは、Webブラウザを介して利用できるSNSなどのサービスや、楽天市場などのECサイト、Googleなどのポータルサイトに使われているWebアプリケーションなどを開発する仕事です。例えば、ECサイトで表示される「商品ページの閲覧履歴」や「おすすめ商品」は、Webエンジニアが作ったプログラムによって表示されています。Webエンジニアが開発を手がけるWebシステムやWebアプリケーションには、以下のようなものがあります。

• 

  ECサイト

  Amazon、楽天市場、ユニクロなど

  Webシステム

• 

  社内用Webシステム

  人事・在庫・売上管理など

  Webシステム

• 

  SNSサイト

  Instagram、Facebook など

  Webアプリケーション

• 

  動画配信サイト

  YouTube、Netflix など

  Webアプリケーション

• 

  ポータルサイト

  Yahoo！Japan、Googleなど

  Webアプリケーション

• 

  コミュニケーションツール

  LINE、Zoomなど

  Webアプリケーション

●Web関連の用語解説

■フロントエンドとバックエンド

一般的なWebシステムは、クライアントとサーバに分かれています。ユーザーはクライアント側にある画面を操作し、Webサーバとやり取りすることで検索結果を得たり、商品を注文したりしています。このうち、クライアント側を「フロントエンド」、Webサーバ側を「バックエンド」と呼び、フロントエンドの開発を担う人を「フロントエンドエンジニア」、バックエンドの開発を担う人を「バックエンドエンジニア」といいます。

■フロントエンドエンジニアの役割

フロントエンドとは、システムを構成する要素のうち「ユーザーの目に見える部分」です。Webサイトに表示される文字やボタン、入力画面、広告などがフロントエンドに当たります。フロントエンドエンジニアは、HTMLやCSS、JavaScript などのプログラミング言語を使って、画面の見た目を作成します。効率よく開発するために、React、Angular、Vue.js、EmberなどのWebフレームワーク（アプリ開発に必要な機能をパッケージ化したもの）を使うケースが増えています。

■バックエンドエンジニアの役割

バックエンドとは「ユーザーの目に見えない部分」です。バックエンドエンジニアは、ECサイトでの商品検索や決済処理、ユーザー認証など、サーバ側で動作するシステムを開発します。サーバ、OS、データベースなど、Webシステムの主要な部分を担っているため、Webエンジニアの中でも中心的な役割を果たすポジションです。バックエンドの開発に必要なプログラミング言語にはJava、Ruby、PHP、Pythonなどがあり、バックエンドの開発でも、Spring、Ruby on Rails、Laravel 、DjangoなどのWebフレームワークが用いられています。近年はWebサーバのクラウド化に伴い、バックエンドエンジニアにもクラウドの知識とスキルが求められています。

WebシステムやWebアプリケーションの開発は、要件定義から、設計、開発、運用・保守・監視まで、いくつかの段階に分かれており、Webエンジニアは基本的にそのすべての工程に携わります。それぞれの工程ごとにフロントエンドエンジニアとバックエンドエンジニアが作業を分担し、協力しながら開発を進めていきます。特にフロントエンドエンジニアは、Webデザイナーとの連携も不可欠であり、Webデザイナーからバックエンドエンジニアまでさまざまな職種が存在する開発チームの中で、橋渡し的な役割も担っています。

■Webシステム開発の流れ（ECサイト開発の場合）

要件定義

どんなWebサービスを提供するかなどをふまえて、具体的な機能や開発の進め方を要件定義書にまとめます。

画面設計

文字や写真、ボタンをどこに配置するかなど、画面のデザインを決めます。主にWebデザイナーが担当します。

機能設計

バックエンドで行う機能や処理の内容、処理に必要なデータなどを決定します。「基本設計」と呼ぶ場合もあります。

詳細設計

データベースを選定したり、データの保存場所を決定するなど、システム内部の設計を行い、実際にプログラミングできる状態に落とし込みます。

バックエンド開発

主にデータベースの処理と、Webサーバなどのインフラ整備を行います。

フロントエンド
開発

バックエンドの開発が終わったら（もしくはバックエンドの開発と並行して）フロントエンドの開発を行います。プログラミング言語を用いて、必要な機能を構築します。

テスト

バックエンド、フロントエンドともに開発がひと通り終わったら、作り上げたプログラムが正しく動作するかテストします。

公開（リリース）

自社のWebサーバやクラウドサーバ（インターネット上に構築された仮想サーバ）に公開します。

運用・保守・監視

サーバ上での処理が停止しないように、バックアップを定期的に行うほか、エラーや急激な変化などをモニタリングし、異常があった場合には復旧を行います。

■WebエンジニアとWebデザイナーの違い

Webエンジニアの基本的な仕事は、ユーザーの要望をもとにシステムを構築・実現することです。一方、Webデザイナーの仕事は、WebサイトやスマホアプリなどのUIデザインが中心です。そのため、WebエンジニアとWebデザイナーでは、使用するプログラミング言語やソフトウェア、要求されるスキルが異なります。

ただし、両者ともフロントエンドを担当する職種であり、設計段階においては連携して作業を進めていきます。両者の役割は重なる部分が多いため、フロントエンドの作業をすべてWebデザイナーが担当し、Webエンジニアはバックエンドの開発だけを担う場合もあります。会社によって、あるいはプロジェクトによってWebエンジニアの仕事内容が変わってくるので、ケースバイケースで柔軟に対応することが大切です。

Webエンジニアの就職先は、クライアントのWebサービス開発を請け負うSESやSIer系の企業と、自社のWebサービス開発を手がける「自社開発企業」に大きく分かれます。

SESは、System Engineering Service（システムエンジニアリングサービス）の略称で、クライアントにエンジニアを派遣して技術提供するサービスのことをいいます。代表的なSES企業に富士ソフトがあります。また、SIer（エスアイヤー）とは、Systems Integrator（システムインテグレーター）の頭文字をとった略称で、システム開発の全工程を請け負う受託開発企業をいいます。富士通、日立、NECなどが代表的な企業です。SESやSIer系の企業の多くは発注元の企業にエンジニアを派遣し、エンジニアたちが常駐してシステムの開発や運用に当たるという特徴があります。

一方、ヤフー、楽天、LINE、サイバーエージェントなどの自社開発企業では、ユーザー向けのWebサービスを自分たちで立案し、設計、開発、運用・保守・監視まで一貫してすべてを自社内で行います。「自分のアイデアがサービスに反映されやすい」「顧客の反応が直接感じられるので楽しい」などの理由から、自社開発企業を志望する学生が増えています。

【プロフィール】
システム開発会社で約7年間、システムエンシジニアとしてCADシステムや組込みシステムの開発を担当。その後、本校で17年間にわたり、プログラミングからシステム開発に至るまで数多くの実習科目を担当。これまで大勢の教え子をIT業界に送り出している。

Webエンジニアをめざす人がいまできること

たくさんのWebサイトやWebアプリに触れておいてください。

「Webが好き」「Webエンジニアになりたい」という人は、できるだけ多くのWebサイトやWebアプリに触れておいてほしいと思います。そして、「こうすればもっと見やすいのに」「こうした方がわかりやすいのに」といった問題意識を持つ習慣を身につけておいてください。使い勝手やユーザーインターフェイスに対する視点は、フロントエンドエンジニアにもバックエンドエンジニアにも必要です。そして、「自分だったらこんなWebサイトを作りたい」という目標を持って入学すれば、入学後の学習がより充実すると思います。

Webエンジニアをめざすみなさんへ

世界中の人を意識したWebサービスの開発を、一緒に学びましょう。

ITエンジニアとして、自分が開発に関わったサービスやプログラムを利用している人を見たり、利用者の声を聞くことは大きな喜びです。私が携帯電話の開発に従事していた当時、電車で偶然隣になった人が私の開発したアプリを使っている姿を見て、改めて仕事のやりがいを実感しました。Webエンジニアが手がけるWebサイトは、世界中の人が目にします。「世界中に見てもらえるWebサイトを作りたい」「WebエンジニアになってWebサービスを開発する仕事がしたい」という人は、ぜひ日本工学院に入学してください。あなたの夢を私たちがしっかりと支えます。