フロントエンドとバックエンドの違いって何だろう

シェア

ツイート

LINEで送る

Pocket

ブックマーク


皆さんはフロントエンド、バックエンドという言葉をご存知でしょうか?
日本語にするとフロントエンドは「一番前」、バックエンドは「一番後ろ」という意味になります。
フロントエンドやバックエンドは、一般的にエンジニアに関して使われる言葉です。

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


フロントエンドエンジニアとは、どういったエンジニアなのでしょうか?
フロントエンドエンジニアはHTMLやCSS、Javascriptの様なプログラミング言語を使用しWebサイトの構築などを行うエンジニアです。

他にもフロントエンドエンジニアはスマホでも見やすくする、レスポンシブWebデザインの構築を行ったりします。
また、API(Application Programming Interface)を利用したWebサービスの構築、CMSでのサイト制作なども行います。
フロントエンドエンジニアの仕事概要は?
後述するバックエンドエンジニアが用意したサーバーの上で動く、Webサイトを構築することが、フロントエンドエンジニアの仕事です。
デザイナーさんとどういったサイトにするかを話し込み、デザイナーさんが描いてくれたデザインをもとに構築していきます。

フロントエンドエンジニアには、HTML、CSS、Javascriptの知識が必須です。
Webページを構築する際、コーティング知識が必要不可欠なため、先ほど挙げたスキルが重宝されています。

また、デザインのことについても精通していた方がいいので、デザインについての記事なども日頃から読んでいるといいでしょう。

バックエンドエンジニアとは


バックエンドエンジニアとは、どういったエンジニアなのでしょうか?
バックエンドエンジニアは、フロントエンドエンジニアと違ってユーザーには見えないサーバーやデータベースといった中身の部分のシステム構築や設計、開発を行います。
主なプログラミング言語はPHPやPython、Ruby、SQLなどを使用します。

バックエンドエンジニアの仕事概要は?
バックエンドエンジニアはWebサイトを構築する際のサーバーややデータベースといったユーザーの目からはわからないシステム構築を行う職種です。

Webサイト構築は前述したフロントエンドとWebサーバー側で動作するバックエンドの2つの技術が用いられます。
バックエンドエンジニアはJavaやPython、C・C++などといったプログラミング言語を用いてコーディング業務を行います。またバックエンドエンジニアは「サーバーサイドエンジニア」と呼ばれたりします。
理由としましては、サーバーの設計や構築、要件の定義を担当したりするからです。

主な役割

バックエンドエンジニアは前述しましたように、サーバーやデータベースなどのサービス環境やシステム領域の役割を担当します。主な役割を解説していこうと思います。

サーバーの構築

バックエンドエンジニアはWebサイトなどの構築に必要不可欠なインフラであるサーバーの構築も担当します。具体的に言うとサーバーマシンなどのハードウェア周りを決めるところから導入、ソフトウェアのインストールを始めを設計・構築をしたりします。

データベースの構築

Webサーバー上にいろいろな情報を保存して、いつでも抽出できるようなデータベースの構築を担当します。
情報の検索や保存、変更などをスムーズに効率的に素早く行えるアクセシビリティの高いデータベースの構築は特に求められています。

システムの開発と運用

例としてECサイトをあげますと会員登録やログイン機能、退会機能、商品検索の処理の実装などを担当します。

フロントエンドエンジニアとデザインの関係


フロントエンドは、デザインと関わっていきます。
理由は、ユーザーが直接接する部分だからです。
デザイナーがPhotoshopなどで作成したデザインを元に、サイトを細かく構築し、ユーザビリティを高めます。

UI/UX

UIは、「ユーザー・インターフェース」の略で、「接点、接触面」と言う意味です。
ですので、テキストや画像、ボタンなどのユーザーが目にする外観のことです。
UXは、「ユーザー・エクスペリエンス」の略で、「体験・経験」という意味です。
ですので、Webサイトやサービスを通して得られる体験のことです。

デザイナーだけがUIやUXを考えるのではなく、フロントエンジニアの人たちの技術も必要不可欠になっていきます。

マルチデバイス

サイトはPCからだけではなく、スマホやタブレットなどでも見ることができます。現在はスマホでの閲覧が大半を占めています。
フロントエンドエンジニアには、どの端末から閲覧しても、PCから閲覧するときと同じ情報量で、綺麗なレイアウトで表示させるという技術が求められます。

フォント

綺麗な文字をWeb上で表示させるには、フォントの知識が必要です。
端末やブラウザによりフォントの見え方が異なってくるため、その違いを把握しなくてはいけません。

また、コーディングの際に気をつけなければいけないのが、エスケープ処理で例えば、「&」を「&」と記述したり、「”」を「"」と記述しないとけません。

エンジニアはコミュニケーション能力も必要?

ディレクターや営業などに技術のことを説明しないといけない場面や、提案をしたい場面もコミュニケーション能力が必要になっていきます。
しかし、プレゼンテーションが苦手な方は多いため、日頃からlt(ライトニングトーク)を活用して慣れていきましょう。
ライトニングトークについて詳しく知りたい方は「sixapartブログ」をご覧ください。

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


フロントエンドエンジニアとバックエンドエンジニアの違いについて分かりましたでしょうか?

どちらも一長一短ありますが、両方とも将来性はあります。
また、フリーランスとして働くことも可能です。
「そのデザイン、マークアップ意識してる?文書構造を理解せずしてWebデザインを作るな!」にもフロントエンドやバックエンドのことについての記事がありますので、ご覧ください。
皆さんもフロントエンドエンジニアやバックエンドエンジニアを目指してみてはいかがでしょうか?

シェア

ツイート

LINEで送る

Pocket

ブックマーク

CATEGORY :
サイト制作
tree