未経験から「コーダー」になる方法

コーダーとは主にHTMLとCSSを使って、サイトを制作する職種ですが、今も今後もこれで生計を立てていくことは難しいです。

しかし、様々な事情でHTML/CSSとJavaScriptの基礎だけを習得して、できる限り早くWeb業界にもぐりこみたい人は多いと思います。コーダーからのステップアップ方法を紹介します。

「コーダー」という職種が今後は成立しない理由

コーダーが成立しづらい理由はこちらです。

• コーディングのみでは対応できる案件が少ない
• コーディング不要のデザインツールの登場
• コーダーは競合が多すぎる

コーディングのみでは対応できる案件が少なすぎる

本サイトがWeb業界が未経験の方に「Webデザイナー」になることを激推ししている理由は、デザインとコーディングの両方ができれば、会社でいつでも求められる存在になれるからです。

会社ではつねにコーディングの仕事があるとは限らず、たまたまデザイン案件が頻発することがあります。そんな時に、デザインとコーディングの両方ができるWebデザイナーなら、つねに社内の何らかの案件に対応ができます。中小企業にとっては社員には常に稼働してもらいたいのです。だからこそ、Webデザイナーなら未経験でもWeb業界に入れる余地があるのです。

コーダーは、コーディング案件が無いと、そこで手持ち無沙汰になってしまいます。社内で対応できる案件が少ないため、つねに稼働しづらいのです。
そのため、社員ではなく安く済む派遣やアルバイトのコーダーを雇ったり、スポット対応として外部のフリーランスを使うことが多いです。

コーダーは、一般的にエンジニアやWebデザイナーに比べて給料も低いです。

コーディング不要のデザインツールの登場

今やSTUDIOやWixなどのツールを使うことで、コーディングを必要としないサイト構築方法も広まってきました。ツールの発達だけでなく、AIによって、デザインから即座に自動でコーディングする技術も海外の一部で進んでいます。
今後はおそらく単純なコーディングは不要になっていくと思われます。

コーダーは競合が多すぎる

HTML/CSSを１ヶ月ほどがっつり集中的に勉強すれば、とりあえずコーダーには簡単になれてしまいます（本当はものすごくコーディングは奥深い世界なのですが・・・）。なので、コーダーの競合は非常に多いです。その分、仕事を確保するのも大変だし、どうにか案件を受注したとしても悲しいくらい低単価だったりします。

また、コーダーの競合はコーダーだけではありません。Webデザイナーも競合です。Webデザイナーはデザインができるコーダーと言えます。そのため、デザインを正確にコーディングで再現する腕ではWebデザイナーに軍配が上がります。経験の浅い純粋なコーダーと一緒に仕事をするとわかりますが、彼らはデザインを正確にコーディングで再現することが意外にできません。行間や余白に対するデザイン感覚が薄いためです。

さらに、現在ではフロントエンドエンジニアがコーディングを担当するのが一般的です。高速に効率的にサイト構築をする腕前で彼らにはとてもかないません。コーダーはフロントエンドエンジニアにステップアップする必要があるのはこのためです。

コーダーの仕事はつらい単調作業が多い

コーダーが必要とされるシーンがあります。それは「大量ページ量産案件」と「運用案件」です。ともに単調作業の傾向が強く、精神的にしんどくなりがちです。

大量ページ量産案件

大量ページ量産案件は、主にサイトリニューアル時に発生します。
大手企業サイトのリニューアルとなると、何百、何千ページというレベルでコーディングが必要になります。そのため、制作会社が下請けとして、コーダーを寄せ集めて、一気に制作するのです。短納期の場合は、昼夜の24時間シフトで対応したりします笑。「たくさんコーディングできて幸せ！」という人ならいいですが、体調を崩す人もいるので要注意です。

運用案件

運用とはクライアントのサイトを更新する業務のことです。
テキストの修正やリンクの張り替えなどの作業がメインになります。コーディングとは思えないような地味な作業でまったくスキルが身につかない場合が多いので、スキルを伸ばしたいと考えているなら関わらない方が良い案件です。

フロントエンドエンジニアに進化しなければならない

上でも書きましたが、コーダーはフロントエンドエンジニアにステップするのが一般的です。

Webの技術が発達するにつれて、「Webデザイナー」という職は「デザイナー」と「フロントエンドエンジニア」に分化していきました。Webサイト上でインタラクティブで高度なアニメーションが可能になった今、凝ったデザインができるデザイナーと、それを開発できるフロントエンドエンジニアが必要になったのです。

すべてのサイトにリッチな表現は必要ないので、いまもシンプルなコーディングは十分に必要とされています。世の中のすべてのパン屋さんのサイトがフルアニメーションで超インタラクティブな必要はないですよね笑。

でも、効率的で高速なコーディングや、改修のしやすいHTML/CSS構造は大事です。フロントエンドエンジニアとして、そういった技術やトレンドを追求していくことが、今のサイト構築に求められています。
HTML/CSSやjQueryにとどまらず、SassやBEMは当然として、ピュアなJavaScriptやVue.jsなどのフレームワークを利用した開発、Pug、そしてGulpやnpmスクリプトによる効率化が現在のフロントエンドエンジニアの基礎スキルです。

コーダーになるなら、フロントエンドエンジニアとして成長できる職場を選ぶ

本サイトでは、Webの世界への登竜門として、まずはWebデザイナーになることを勧めています。デザインとコーディングの両方にチャレンジしてみて、自分がどちらに向いているかを見極めて、デザイナーやフロントエンドエンジニアにステップしてほしいからです。

でも、経済的な事情などで、とにかく早くWeb業界に入りたい方もいると思います。その場合は、１ヶ月ほど独学かスクールでHTML/CSSとjQueryの基礎だけを習得して、Web業界に強い転職エージェントの『ワークポート』と『Webist』に登録します。その際、制作会社が理想ですが、教育体制がしっかりしている会社を紹介してもらいましょう。先輩のフロントエンドエンジニアが教えてくれる環境があれば、社内でコーダーからフロントエンドエンジニアになれる可能性が出てきます。

スキルがわずかで業界未経験だと制作会社は紹介してもらえないかもしれません。その際は、スキルが身につきそうな事業会社を紹介してもらいましょう。
それでも自分が行きたい会社が見つからないようなら、『Webデザイナー向け転職サイト『Green』を利用しよう』で紹介している転職サイトのGreenを使って探してみてください。

コーディングの勉強方法はこちらを参考にしてください。
業界未経験からWebデザイナーになるためのベストなステップ
独学でWebデザインを勉強するための完全ガイド

コラム③：ポートフォリオのチェックリストをnoteで販売中！

「ポートフォリオを作ってみたけど不安...」「周りにレビューをしてくれる人がいない...」
そんなお悩みを解決するために、ポートフォリオのチェックリストを作りました！27,000文字以上の大ボリュームです笑。noteで販売中です。激安のワンコイン500円です。このチェックリストで改善点を見つけて、少しでもポートフォリオの質を上げて、自分が望む就職に繋げましょう！

noteの販売ページへ