コーディングができない未経験Webデザイナーは採用されない?

転職・キャリア

※本ページはプロモーションを含みます
Webデザインスクールで、デザインとコードの画面を見ながら講師と話す受講生たち

デザインの勉強は進んでるけど、コーディングはまだほとんどできない…

HTMLとCSSが書けないままだと、応募しても落とされるのかな…

AKIAKI

採用する側にいたときの話をそのまましますね。コーディングがまったくできない未経験の人を採用したことは、あります。そのうえで、見ていた「最低線」があったので、そこを話します。

Webデザイナーを目指して勉強していると、どこかで「コーディングができないと採用されないのでは」という不安にぶつかると思います。求人票にはHTML/CSSと書いてあるし、ネットには「デザインだけでは通用しない」という声もある。応募する側だったら、私も同じところで手が止まっていたと思います。

私はWebデザイナーとして10年以上働いてきて、事業会社で採用に携わってきた5年のあいだに、Webデザイナー志望者の面接も担当してきました。この記事で答えるのは、「応募の時点で、コーディングをどこまで見せればいいのか」という1つの問いだけです。勉強の順番や、入社後の働き方の話は、それぞれ別の記事にまとめています。

先に答えを出しておくと、コーディングができないこと自体で不採用にしていたわけではありません。見ていたのは、コーディングでもデザインでも、何か一つ「できる」と言えるものがあるかどうかでした。試作でも、模写でも構いません。

※料金・制度などは、特に断りがない限り2026年10月時点の公式サイトなどの情報です。

この記事を書いた人
AKI

全くの未経験から独学とスクールを経てWebデザイナーへ転職。その後Webデザイナー・Webディレクターとして働き、現在は本ブログの運営やWebサイト制作を通じてデザインに携わる。IT業界経験20年以上。
運営者情報とこのサイトが書かないこと

コーディングができない未経験のWebデザイナー志望者を、採用したことはある

まず一番気になっているところに答えます。コーディングがまったくできない未経験の応募者を、私は採用したことがあります。HTMLもCSSも書けない状態でした。

なので「コーディングができない=書類の段階で落とされる」とは、少なくとも私が採用側にいた事業会社ではそうではありませんでした。ここは不安になっている人に、まず知っておいてほしいところです。

ただ、「できなくても大丈夫」と言い切りたいわけでもないんです。コーディングができなくても、別の何かで「これはできます」と言えるものがあるかどうかは見ていました。逆にいうと、コーディングもデザインも「まだ勉強中です」で止まっていると、採用側は何を見て判断すればいいのか分からなくなります。

※ここで書いているのは、私が事業会社で採用に関わっていた範囲の話です。制作会社の採用基準は見ていないので、制作会社を受ける場合は求人票の「必須スキル」の欄で確かめてください。

応募の時点で見ていた最低線は「何か一つ、できると言えるもの」

AKIAKI

コーディングかデザインか、という二択で見ていたわけではないんです。どれでもいいから、ひとつ「これはできます」と言える状態かどうか。そこでした。

応募の時点で私が見ていた最低線は、コーディング・デザイン・プログラムのどれでもいいので、何か一つ「できる」と言えるものを持っているかでした。全部そろっている必要はありません。どれか一つで十分です。

✅ 「できる」と言えるものの例(どれか一つでいい)

  • デザイン:Figmaなどで作ったバナーやWebページのデザイン
  • コーディング:HTML/CSSで組んだ1ページ(既存サイトの模写でもいい)
  • プログラム:小さくても自分で動かしたもの

試作でも模写でもいい

「できる」と言えるものは、仕事で作った実績である必要はありません。試作でもいいし、既存のサイトを真似して作った模写でも構いません。未経験の応募者に、実務の成果物を求めていたわけではないからです。

模写だと自分の作品と言いにくい、と遠慮する人もいると思います。ただ、採用側からすると「手を動かして、形にしたものがある」こと自体が判断の材料になります。何もない状態と、模写が1ページある状態とでは、面接で話せることの量がまったく違ってきます。

「勉強中です」だけだと、判断の材料がない

反対に、もったいないと感じるのは「デザインもコーディングも勉強しています」で話が終わってしまう形です。勉強していること自体は伝わるのですが、何ができるようになったのかが見えません。採用する側としては、そこから先を想像しようがないんです。

勉強した時間の長さより、手元に一つ形があるかどうか。そこで面接の進み方がかなり変わる、というのが私の実感です。

📌 関連記事:未経験Webデザイナーが面接で採用される方法|採用担当5年が落ちる理由と通過する人の違いを正直に話します — 面接全体で見られるところと、落ちる人のパターン

Webデザイナーのコーディングはどこまで必要?応募の時点で見せる範囲

では、デザインで「できる」が一つあるなら、コーディングはゼロのままでいいのか。ここは少しだけ補足があります。

デザインの作品だけを並べた応募書類は、実務でどう動く人なのかがイメージしにくいことがありました。Webの仕事は、デザインツールの中だけで完結しないからです。なのでゼロで構わないので、コーディングにも触れていることを示せると印象が変わります。これは別の記事でも書いた、私の採用側としての実感です。

「触れている」の範囲は、それほど大きくなくていいと思っています。応募の時点で見せる範囲を、デザインを軸にしている人向けに整理するとこうなります。

📝 デザインが軸の人が、応募の時点で見せる範囲
  1. 軸になる「できる」を一つ:自分でデザインしたバナーやページ(試作・模写でいい)
  2. コーディングは「触れた跡」で十分:HTML/CSSで1ページ組んでみたもの。崩れていても、どこで詰まったかを話せればいい
  3. 学んでいる途中なら、そう書く:何を、どこまで進めたかを1行で添える

2つめの「触れた跡」は、完成度を見せるためのものではありません。「デザインがコードになるところまで、一度は自分の手で通ってみた」ことが伝われば十分です。逆に、ここを完璧にしようとして応募が何か月も先に延びるくらいなら、一度出してみた方がいいと私は思います。

📌 関連記事:Webデザインの勉強はデザインとコーディングどちらが先?現場10年・採用担当の視点で解説 — これから学ぶ順番で迷っている人はこちら

入社したあと、コーディングは誰がやるのか

応募の時点ではゼロでもいいとして、入社したあとはどうなるのか。ここも気になるところだと思います。

私の考えでは、コーディングはできればデザイナー本人がやるのが理想です。自分で考えたデザインを自分でコードにできれば、細かい調整を自分の手で進められるからです。

一方で、分業されている組織では、コーディングはコーダーが担当します。デザイナーはデザインに集中して、コードにする部分は別の人に渡す形です。どちらになるかは会社や部署の体制しだいなので、応募の前に求人票の「業務内容」と「必須スキル」の欄に、HTML/CSSやWordPressの記載があるかを見ておくと、入社後の姿がつかみやすくなります。

なので、「応募の時点ではゼロでもいい」と「入社後もずっとやらなくていい」は別の話です。分業の会社に入ったとしても、コードを少し読めるだけでコーダーとのやり取りはずいぶん楽になります。入ってから伸ばせばいい部分ですが、まったく触れずにいるのは少しもったいないと感じます。

📌 関連記事:プログラミングができないWebデザイナーが活躍する方法 — デザインに特化した働き方を知りたい人はこちら

コーディングができない今から、応募までに「できる」を一つ作る

AKIAKI

大きな作品を目指さなくていいです。1ページの模写で、「触れた跡」は十分に作れます。

今コーディングができない人が、応募までにやることは多くありません。いちばん小さい形は、好きなサイトのトップページを1ページだけ、HTML/CSSで模写してみることです。

📝 1ページ模写の進め方
  1. 見本を1つ決める:情報が少なめで、縦に並ぶシンプルなページを選ぶ
  2. 見出し・文章・画像の並びをHTMLで書く:見た目は後回しでいい
  3. CSSで見本に近づける:余白・文字の大きさ・色を1か所ずつ合わせる
  4. 詰まったところをメモする:面接で「どこが難しかったか」を話す材料になる

ここまでできれば、「コーディングにも触れています」と言える状態です。完成度は見本どおりでなくて構いません。私が面接する側だったら、きれいに仕上がった模写より、「ここの横並びがうまくいかなくて、こう調べて直しました」と話せる人の方が印象に残ると思います。

📌 関連記事:HTMLとCSSとは?Webデザイナーを目指す人が最初に知っておくべき基礎と学習順序 — HTMLとCSSをまったく触ったことがない人はここから

独学で手が止まるなら、カリキュラムに乗るのも一つの手

1ページの模写でも、最初はどこから書けばいいのか分からず止まってしまう人は多いです。独学で止まりそうなら、順番が決まったカリキュラムに乗ってしまうのも現実的な選択肢だと思います。無理にスクールへ行く必要はありませんが、比べる材料として置いておきます。

オンラインで自分のペースでコーディングを学びたい人には、デイトラのWeb制作コースがあります。初級編でHTML/CSSの基礎から入り、初級の終わりに自分のポートフォリオサイトを作って公開するところまで進む構成です。中級編ではFigmaのデザインカンプからコーディングする課題があり、実績として載せてよいコーディング練習素材も用意されています。デザインを軸にしている人が「触れた跡」を作る道としては、相性がいいと感じます。

※出典:デイトラ Web制作コースの公式ページ

\ HTML/CSSの基礎から、デザインカンプのコーディングまで /

デイトラ Web制作コースの料金・内容を見る

一人だと続かない、講師に直接聞きながら進めたい人には、Winスクールという選択肢もあります。教室とオンラインのどちらでも受講でき、個人レッスンの形で進みます。無料カウンセリングは来校かオンラインで、所要時間は約1時間です。今の自分がデザインとコーディングのどちらから手をつけるべきかを、相談しながら決めたい人には合うと思います。

※出典:Winスクール公式サイト「よくあるご質問」「受講スタイル」

\ 何から手をつけるか、相談して決めたい人へ /

Winスクールの無料カウンセリングを予約する

よくある質問

Q:コーディングができないと、Webデザイナーとして採用されませんか?

A:コーディングがまったくできない未経験の人を、私は採用したことがあります。見ていた最低線は、コーディング・デザイン・プログラムのどれかで「できる」と言えるものが一つあるかどうかでした。ただし、これは事業会社での採用の話です。制作会社を受ける場合は、求人票の必須スキルの欄で確かめてください。

Q:応募の時点で、コーディングはどこまでできればいいですか?

A:デザインなど別の「できる」が一つあるなら、コーディングは触れた跡があれば十分だと考えています。HTML/CSSで1ページ組んでみて、どこで詰まったかを話せる状態が目安です。ゼロで構わないので、コーディングにも触れていることを示せると印象が変わります。

Q:模写した作品をポートフォリオに入れてもいいですか?

A:応募の時点で「できる」と言えるものは、試作でも模写でも構わないと考えて見ていました。未経験の人に実務の成果物を求めていたわけではないからです。模写だと分かるように書いたうえで、どこを工夫したか・どこで詰まったかを添えておくと話が広がります。

Q:入社したら、コーディングは自分でやることになりますか?

A:会社の体制しだいです。私はデザイナー本人ができればそれが理想だと考えていますが、分業されている組織ではコーダーが担当します。どちらの形かは、求人票の業務内容と必須スキルにHTML/CSSやWordPressの記載があるかで、ある程度つかめます。

まとめ:コーディングができなくても、「できる」を一つ持って応募する

AKIAKI

全部そろうまで待たなくていいです。一つ「できる」があって、コーディングにも少し触れている。それで応募の土台はできています。

📝 この記事の要点
  • コーディングがまったくできない未経験の人を採用したことはある(事業会社での話)
  • 応募時の最低線は、コーディング・デザイン・プログラムのどれかで「できる」と言えるものが一つあるか
  • その「できる」は、試作でも模写でもいい
  • デザインが軸なら、コーディングは「触れた跡」があるだけで印象が変わる
  • 入社後のコーディングは、できれば本人。分業の組織ではコーダーが担当する

コーディングができないことを理由に、応募そのものを先送りにしてしまうのはもったいないと感じます。小さく動けば十分です。今週のうちに、好きなサイトのトップページを1つ選んで、HTML/CSSで模写してみてください。詰まったところを3つメモしておけば、それがそのまま面接で話せる材料になります。

関連記事