WEBサイトと言っても幅が広すぎて様々なジャンルのエンジニアさんがいます。その中でフロントエンドと呼ばれる、いわゆるWEBサイトの目に見える部分のファイルを作る人をコーダーと言います。表側なのでフロントエンドにはデザイナーももちろん含まれ、その人達をひっくるめてフロントエンドエンジニアと言います。逆にサーバーなど目に見えない部分を担当している人をバックエンドエンジニアと呼ばれます。

このページではフロントエンドエンジニアであるコーダーが習得すべき言語を紹介しています。WEBデザイナーやコーダーを目指すならこのページ書かれている言語を習得しましょう！

今はWEBデザイナーもコーダーを兼ねる時代です。逆にコーダーもデザイナーが出来ることを習得する必要がありますね！

コーダーが使う言語

• HTML（マークアップ言語）
• CSS（スタイルシート言語）
• JavaScript（スクリプト言語）
• PHP（プログラム言語）

今コーダーに求められるのはこの4つになります。昔はHTMLとCSSのみでも何とかなっていましたが、技術発展とともに効率化・簡素化されJavaScriptの需要が増えました。需要が増えると言うよりは簡単なものなら普通に使う言語です。

HTML（マークアップ言語）

HTMLはマークアップ言語と呼ばれるものでプログラムではありません。計算などは一切できず、ただのテキストファイルです。見出しなら<h1>タグで囲み、文章なら<p>タグで囲むという作り方になります。HTMLは全ての文章を<タグ>テキスト</タグ>という形でマーキングしていきます。

コーダーを目指す場合は習得が必須です。お昼御飯の事を考えていても手が勝手に動くくらいまで習得する必要があります。

HTMLについてはこちらのページでも紹介していますので参照してください。

CSS（スタイルシート言語）

CSSはスタイルシート言語と呼ばれるもので、これ単一では何も機能しません。HTMLのタグと組み合わせることでWEBページへ装飾を付けることができます。CSSは日々進化しているのでJavaScriptでしか出来なかったようなアニメーションやボタンアクションが可能になっています。

HTMLと同じく習得必須です。かなり細かいプロパティがあるので全て覚えるのは難しいかもしれません。しかしよく使うものは確実に覚えておく必要があります。

CSSについてはこちらのページでも紹介していますので参照してください。

JavaScript（スクリプト言語）

JavaScriptはプログラム言語っぽいですがスクリプト言語に分類されます。一応プログラムの仲間だとは思われますがそう言うと怒る人もいます。基本的にC#やPHPなどのプログラム言語と呼ばれるものと同じような記述が可能です。変数と呼ばれる値を入れられる箱を作って計算させたり出来ます。

JavaScript自体がどうなのかは重要ではなく、このJavaScriptを使えばただの静的なHTMLファイルをリアルタイムでユーザーの行動に合わせて動かすことが出来るようになります。
お問合せフォームを誰しも1度は利用したことがあると思いますが、入力に失敗すると警告が出てくると思います。あれはJavaScriptでフォームをリアルタイムで監視しているからです。他にはブログを見ているとよく広告が表示されると思います。あれもJavaScriptです。JavaScriptでユーザーの情報を取得して最適な広告を表示させています。

JavaScriptを使えば常に画面サイズを取得し続けたり、ユーザーがどれくらいスクロールしたのかなどリアルタイムで計測することが可能です。このようなことはPHPでは不可能なので今でもJavaScriptの需要は高くなっています。

PHP（プログラム言語）

PHPはコンパイルの必要がなくサーバーに置けば簡単に動くプログラム言語です。本来はバックエンドエンジニアの分野ですがコーダーも触れる機会が増加しています。というのも世界のWEBサイトの4割がWordPressで、WordPressはPHPで作られているからです。WordPressの実装はプログラマーの仕事というよりコーダー寄りの仕事になります。WordPressはWordPress専用のタグを駆使してカスタマイズが可能になっているためPHPの初歩的な知識でもある程度は組めるようになっています。しかしPHPの基本的な事を知っていると多くのカスタマイズが行えるので勉強をしているコーダーの方が多いと思います。

サーバーを駆使したプログラミングが可能ですが、実はJavaScriptのように動的なページは作成できません。あくまでもページを開いた瞬間にデータのやり取りをして結果をHTMLとして出力するだけです。

WordPressについてはこちらのページでも紹介していますので参照してください。

最後に

JavaScriptとPHPを習得するには学習コストがかかってきます。コーダーを目指す場合はまずHTMLとCSSを自在に使えるようになりましょう。最悪JavaScriptとPHPは使わなくてもWEBサイトを作ることは可能です。覚えておけば複雑なことを簡単に実装できたりできますが、今はネットで調べればコピペで実装できるものばかりなので何とかなります。