プログラミング・コーディングを極めるべき?デザインもやるべき?どっちが稼げるのか

プログラミング・コーディングをある程度できるようになって、仕事も受注できるようになると、コーディングを極めるべきか、デザインを学び始めるべきか悩む人がいると思うので、両者のメリット、デメリットと、両者に向いてる人はどんな人かを紹介します。

私がweb制作のフリーランスを始めて8ヶ月の間、コーディングを極めること、デザインの両方をしてきたので、駆け出しフリーランスには参考になるかもしれません。

プログラミング・コーディング・デザイン、具体的にやってきたことは？

以下で具体的にコーディングを極める、デザインもやるとは、具体的に何をしてきたのかを説明します。

プログラミング・コーディングを極めるために具体的に行ったこと

私がフリーランスになって8ヶ月の間、極めるために行ったことは以下です。全て自分で勉強で使うのではなく、案件で使ってきました。

デザインも受注するために具体的に行ったこと

受注案件の大半はコーディングと一緒にデザインも受注していました。全てデザインとコーディング一緒に受注しており、デザインツールに指定がなかったので、psdやillustratorよりも、adobe xdやfigmaを使ったデザインを行ってきました。

プログラミング・コーディングを極めてデザインは行わない

プログラミング・コーディングを極めてデザインは行わないメリット

プログラミング・コーディングスキルが上がり、コーディング単価の高い案件を受注できるようになる

単純にプログラミングコーディングスキルを高められるので、コーディングや実装の難易度高めで、コーディング単価の高めの案件を速く受注できるようになります。制作会社案件中心でやっている人は有利かもしれません。

ただ、実際に使えるコーディングスキルが高められるか否かは、どれだけ案件を受注してこなせるか、ということにも依存するので、コーディングしかしていないから絶対スキルが高くなる訳ではないです。

クライアントとのコミュニケーションが減る

プログラミング・コーディング単体の案件だと、基本的に渡されたデザインに基づいてプログラミング・コーディングをすれば良いので、デザインと一緒に受注するよりもクライアントとのコミュニケーションがかなり減ります。

ただ、hoverなどのphotoshopデザインデータだけでは分からない動きや、特に制作会社の案件を行う場合、コーディング規約をきちんと確認するなどのコミュニケーションは必要です。

プログラミング・コーディング時給が高くなる

いうまでも無いですが、プログラミング・コーディングにずっと集中できればコーディングスピードが速くなります。

その結果、速く納品ができるようになり、時給が上がる、というメリットもあります。人によってはデザインが出来るようになって一緒に受注するよりも、コーディング単体のみで時給が高くなり、最終的には収入も多くなります。

プログラミング・コーディングを極めてデザインは行わないデメリット

最初は受注単価と受注率が低くなりがち

特に直案件の場合だと、駆け出しの頃は、スキルレベルもみんな大差ないので、デザインと一緒に受注した方が確実に受注単価が上がる可能性が高いです。

また、直案件では、デザインと一緒に発注したいクライアントが多いので、コーディング単体だと受注率が下がりがちです。デザイナーと組める場合は良いと思います。

デザイナーとのコミュニケーションで齟齬が起きる可能性がある

特に直案件の場合、デザイナーとのコミュニケーションで齟齬が起こり手戻りなどが発生する可能性があるので、最初から「確認しまくる」勢いで気をつけましょう。

また、駆け出しのプログラマー・コーダーが同じく駆け出しのデザイナーと組んで案件を行う場合、上手くコミュニケーションができず、特にコーダー側が消耗する可能性があるので気をつけましょう。

プログラミング・コーディングとデザインも行う

プログラミング・コーディングと一緒にデザインも行うメリット

受注単価、受注率が高くなりやすい

自分がWeb制作案件を多く取れた最も大きな理由は「デザインからコーディングまでできること」でした。

初心者がLP案件でデザイン→コーディングまで効率的に行う方法をまとめました。
ポイントは「イメージ合わせを効率的に行うこと」https://t.co/ctLELASxOd

— ふる (@guutenx) 2018年8月13日

直案件でデザインをプログラミング・コーディングと一緒に受注して全部一人でやれば、デザイナーとコーダーをまとめるディレクション費用も必要なくなり、その分受注単価が高くなります。

また、直案件の場合は特にデザインとプログラミング・コーディングを一緒に発注したいというクライアントが多いので案件の受注率が高くなります。

なかなかコミュニケーションがしやすく、まあまあスキルがあり、自分と同じくらいの単価のデザイナーを、駆け出しフリーランスの頃から見つけるのは大変なので、その手間を省くべくデザインを学ぶのも一つの手です。

コーディングを楽にするデザインができる

駆け出しフリーランスがウェブ制作受注するなら、難易度低くてコスパ良い案件は以下の順

1.デザイン&コーディング案件
コーディング複雑にしないようデザイン調整可。単価高い。ツールはXD使えば簡単

2.コーディング単体
pxの細かい調整辛め

3.デザイン単体
ほぼpsd等で提出なので難しい。単価安め

— ふる (@guutenx) 2018年11月26日

自分でデザインを考えることができれば、プログラミング・コーディングしやすいデザインにすることが出来ます。

プログラミング・コーディングしやすいデザインにしたからと言って、CV率（お問い合わせ率）が減ったり 、デザインがダサくなる訳ではないので大丈夫です。

プログラミング・コーディングと一緒にデザインも行うデメリット

クライアントとのコミュニケーションが増える

webデザインはクライアントとのコミュニケーションがとても重要になってきます。

ヒアリングシートで詳細に聞いても仕様の認識が違ってしまったり、最初からどこまでデザインをするかきちんと取り決めないと、デザイン修正と変更がエンドレスになる可能性もあります。

ここで沼に陥りがちで、結局時給単位で見たらコーディング単体で受注するよりも安くなってしまう、ということが起こる可能性もあります。

また、トラブルは「デザインや実装範囲確認」という段階で起こることが多いと思うので、クライアントワークが苦手な人は沼に陥るかもしれません。

web制作でトラブルを防ぐ!フリーランスが契約書に入れるべきこと!8割は事前確認で防げる

結局、プログラミング・コーディングのみかデザインも勉強するかどっちが良いの？

フリーランスでコーディングとwebデザイン8か月やってきて実感するのですが、本当に独学は無駄な勉強をしがちです。

案件で使わないスキル取得に沢山の時間を費やしてしまい、めちゃ後悔しています

なので受注しまくって、必要なスキルを見極めて、そのスキルをひたすら勉強することが本当に大事

— ふる (@guutenx) 2019年4月1日

デザインも勉強すると「プログラミング・コーディングスキルが成長しない」は嘘

デザインも勉強するとプログラミング・コーディングの時間が減るので、他の人よりコーディングスキルが成長しない、と思われがちですが、一概にそうではありません。

先ほども述べたように、プログラミング・コーディングの実務スキルが上がるのは「どれだけ案件を受注してこなすか」に依存すると思います。（制作会社などでインターンする場合も実務のスキルが上がると思います）

プログラミング・コーディングが得意で好きでなければ、デザインもやろう

個人的には、プログラミング・コーディングだけでなくデザインも出来るようになった方が良いと思います。理由は以下３点です。

デザインもできるようになれば受注率が上がり、プログラミング・コーディングできる数も多くなる

理由は先ほど述べたように、実務で使うプログラミング・コーディングスキルが上がるか否かは「案件をどれだけこなしたか」に依存するためです。

デザインもできるようになれば、「デザイン〜コーディングまで一貫して行う案件が受注できるようになり、受注率が上がる」→「受注数が増えコーディングスキルもつく」という良いループが生まれると思います。

デザインを勉強したところでプログラミング・コーディング勉強時間に大差は生まれない

また、案件を常に受注できる人はほぼいないと思うので、暇な時間にデザインも勉強したからと言って大差がない気がするからです。

実際わたしはプログラミング・コーディングとデザインを両立しつつ、その他の時間はブログやYoutube、ライティングも少しやっていましたが、ほとんどは1日8時間も労働していなかったので大丈夫です。

案件がない間に、案件で使うかよくわからないコーディングスキルを独学で得るよりは、案件で確実に使うデザインスキルをつけた方が収入的にはメリットがあると思います。

プログラミング・コーディングが得意で好きな人はデザインをしなくても良い

ただ、プログラミング・コーディングが得意で好きな人はデザインを勉強するより、コーディングを極めた方が良いと思います。

好きで得意なことをやることが1番稼ぎやすいと思うからです（単価も稼ぎやすさの要因ですが）

プログラミング・コーデイングが好きで得意な人はコーディングだけでなく、徐々にフロントエンドのスキルもつけていくのが相性が良いかもしれません。

【無料】webデザインの独学方法!最短でマスターする4ステップを紹介