コーディングの仕事内容を公開【HTMLコーダーを徹底解説】

どうもWEB系フリーンラスのがむしゃらワーカーしゅう丸(@shumarukiti)です！

この記事では、

コーディングに興味があって、なんとなくホームページを作る仕事だとわかってるけど仕事内容を詳しく知りたいな。デザインはどうするんだろ？HTMLコーダーの仕事内容が知りたいな。

という疑問にお答えします。

プログラミング人気が上がるにつれて、コーディングに興味がある人が増えていますよね。

この記事を書いている僕は未経験からコーディングを勉強しまして、現在はフリーでWEB制作の仕事をしています。コーディングって何それ？状態からHTML、CSSの勉強を開始して1年ほど経ちましたが、コーディングだけで数十万円稼いでいます。

本記事ではコーディングの仕事内容と必要なスキル、＋αでコーディングは稼げるということについて詳しく解説していきます。

〜本記事の内容〜

コーディングの仕事内容【HP制作】
コーディングの仕事内容に必須なスキルを紹介
コーディングの仕事は稼げるという話【オフレコ】

1 コーディングの仕事内容【HP制作】
- 1.1 デザイン通りにサイト制作する
- 1.2 依頼通りのサイト制作が必須
2 コーディングの仕事内容に必須なスキルを紹介
3 まとめ：コーディングの仕事はホームページを作る仕事

コーディングの仕事内容【HP制作】

結論ですが、WEB上で閲覧できることが出来るようにサイト制作をする仕事です。

デザイン通りにサイト制作する

具体的な仕事の流れは以下の通り。

デザイナーがデザイン制作　→　コーダーがコーディングする

といった感じ。

ちなみにコーディングする人のことをコーダーと呼びます。

基本的にはデザイナーがデザイン、コーダーがコーディングを担当する場合が多いのですが、最近ではコーダーもデザインを勉強してデザインからコーディングまで一括で行うことが多いです。

理由はシンプルでデザインから担当すると、自分がコーディングしやすいようにデザインすることが可能で、コーディングの時間短縮になりますし、デザインでも稼ぐことが出来て一石二鳥だから。

依頼通りのサイト制作が必須

クライアントからの要望をデザインに落とし込むのがデザイナーの仕事で、実際に形にするのがコーダーの仕事です。

実際に形にするとは、

レスポンシブ（スマホ対応）にする、アニメーションをつける、hoverアクションをつける

といったように、デザイナーが制作したデザイン通りに作ることはもちろんですが、デザインで目に見えない、アニメーションやレスポンシブにするのも仕事です。

コーディングの仕事内容に必須なスキルを紹介

コーディングの仕事に必要なスキルは下記の通り。

HTML、CSS、jQuery

最低限この3つの言語さえあればコーディングでホームページ制作の仕事をすることが可能です。

驚くかもしれませんがコーディングって別に難しいプログラミング言語を使っているわけではありません。この3つの言語はプログラミングの中でも基礎で、比較的習得が簡単です。
※厳密にはHTML、CSSはマークアップ言語でプログラミング言語ではないですが気にしなくてOK。

それぞれのプログラミング言語の役割はこな感じ。

HTML　・・・　ホームページの土台。記載したい内容を書く言語です

CSS　・・・　見た目を整えたり、レイアウトを調整する言語です

jQuery　・・・　動きをつける言語です（スライダー、TOPヘ戻るなど）

基本的にはこの3つの言語でOKなのですが、WordPressでサイト制作をする際に必要になってくるのがPHPです。

WordPressはサイト制作でよく使われる（ほとんどのホームページがWordPressで出来ている）ツールでして、コーディングをしていると必ず出会うことになります。しかもHTML、CSS、jQueryに比べて独学が難しいのも特徴です。なのでコーディングの勉強をしたい場合は、WordPressも勉強しておくべきですよ。