AIでWebデザイナーの仕事はなくなる?|置き換わったのは実装、人が決めているのは上流工程

「AIが絵も文章もコードも書けるのに、これからWebの仕事に就いて大丈夫なのか」——コース名に「AI時代の」と付いている以上、この質問から逃げるわけにはいきません。

受講を検討している方を表したイラスト
求職者

「Web制作はオワコン」という記事ばかり出てきます。今から始めて意味があるんでしょうか。

AIキャリアスクールの講師 一瀬を描いたイラスト
講師

きれいごとは抜きにお答えします。まずAIが先に置き換えたのはどこかから。ここを取り違えると判断を誤ります。


先に置き換わったのは、実は「実装」のほうです

受講を検討している方を表したイラスト
求職者

置き換わるのは、デザインのような感覚の仕事からだと思っていました。

AIキャリアスクールの講師 一瀬を描いたイラスト
講師

逆です。先に希少性が下がったのはコードを書く仕事のほうでした。

少し前まで、Webで手に職といえば「コードが書けること」でした。HTML・CSS・JavaScriptを覚え、環境を用意し、エラーを1つずつ潰す。そこに時間がかかるからこそ、専門職として値段が付いていました。

いま、その部分はAIがかなりの精度でこなします。

  • コードを書く|「こういう見た目と動きにして」と伝えれば、HTML・CSS・JavaScriptはかなりの部分をAIが書きます。
  • エラーを直す|動かない原因の切り分けは、AIがいちばん得意なことのひとつです。
  • 作った後の点検|表記のゆれ、リンク切れ、スマートフォンでの崩れ。

つまり「作れること」そのものの希少性が下がったのが、いま起きていることです。ここを見ずに「コードを覚えれば安心」と考えると、いちばん変化が速いところへ時間を投じることになります。
※ コーディングの仕事が無くなるという意味ではありません。AIが書いたものを読んで直せる人は、いまも求められています。

いま人が決めているのは、「何を作るか」の側です

受講を検討している方を表したイラスト
求職者

では、何が残るんですか。

AIキャリアスクールの講師 一瀬を描いたイラスト
講師

デザインとマーケティングの側です。AIは指示に答えるのは得意ですが、その指示を作ることはしません。

  • 誰に向けて、何のために作るのか|「かっこいいサイト」ではなく「予約の電話が増えるサイト」なのか、「求人に応募が来るサイト」なのか。ここを外すと、どれだけきれいでも失敗です。
  • どう見せるか|どの情報を、どの順で、どの大きさで置くか。見た目の好みではなく、読む人の行動から逆算する判断です。
  • どう届けるか|作って終わりではなく、検索やSNSからどう来てもらい、来た人にどう動いてもらうか。
  • 相手から条件を引き出すこと|お店の方は「いい感じにして」としか言わないことがあります。そこから予算・締切・掲載できない情報・写真の有無を聞き出すのは、会話の仕事です。
  • 出てきたものを判断すること|AIは案をいくつも出しますが、そのどれを選ぶかは決めてくれません。10案出されて選べない人と、3案で選び切れる人とでは、仕事の速さがまるで違います。

※ 将来どの仕事がどうなるかを、当校が断定することはできません。ここに書いているのは、いまの制作の現場で人が担っている範囲です。

この「決める側」を、上流工程と呼びます

受講を検討している方を表したイラスト
求職者

上流工程という言葉は聞いたことがありますが、よく分かっていません。

AIキャリアスクールの講師 一瀬を描いたイラスト
講師

手を動かして作る前に、何を作るかを決めるところだとお考えください。

工程やること主に担ってきた人いま
上流誰に何のために/何を載せるか/どう見せるか/どう届けるかディレクター・デザイナー・マーケター人が決めている
下流コーディング・実装・エラー対応・公開前の点検エンジニア・コーダーAIがかなりの部分をこなす
価値の重心が、下流から上流へ移りつつあります。下流の仕事が無くなるという意味ではありません。

もう一つ大事なのは、上流は前職の経験が効くということです。接客をしていた方はお客さまが何で迷うかを知っています。事務をしていた方は情報を整理して人に渡す訓練を積んでいます。営業をしていた方は相手から条件を引き出すのが仕事でした。これらは全部、上流でそのまま使えます。

当校が教えているのは、この上流工程です

受講を検討している方を表したイラスト
求職者

でも、上流だけ勉強しても、作れないと仕事にならないのでは。

AIキャリアスクールの講師 一瀬を描いたイラスト
講師

おっしゃるとおりです。だから両方やります。実装はAIを使ってご自身で作り切れるようにしたうえで、上流に時間を使います。

  1. 実装は、AIを使って自分で作り切れるようにする。コードが書けないから諦める、という状態をなくします。生成AIそのものを扱う科目を学科7時間+実技20時間=27時間として独立して確保し、さらにふだんの制作演習でも全工程でAIを使います
  2. そのうえで、上流の判断を繰り返す。制作にあてる192時間(総訓練時間480時間のおよそ4割)では、実際にサイトを作りながら、誰に何のために作るのか・何を載せるのか・どう見せるのかを何度も決め直します
制作の工程人が決めること(=伸ばしたい力)AIを使うところ
企画・リサーチ誰に向けて、何のために作るか同業のサイトを集めて比べる、資料を要約する
情報設計どの情報を、どの順で見せるか構成案を複数出させて、たたき台にする
デザインこの案でいくかどうかの判断配色・レイアウトの案出し、写真の加工
コーディング求める見た目と動きを言葉にするHTML・CSS・JavaScriptの生成、エラーの切り分け
文章だれの言葉で、何を言うか下書き、言い換え、長さの調整
公開前の点検直すかどうかの最終判断表記のゆれ、スマホでの崩れ、リンク切れの洗い出し
どの工程でもAIを使います。伸ばしたいのは、まん中の列です。

AIの操作そのものは、慣れれば数日で身につきます。時間がかかるのは、出てきたものを見て「これは違う」と理由まで言えるようになることのほうです。6か月は、そこに使います。

なお、授業でわからないところを文字で質問できるチャットボットも用意しています。生成AIの回答が常に正しいとは限らないため、示された内容は必ず教材本体または講師に確認するよう指導しています。

未経験から入りやすくなったのは、むしろ今です

受講を検討している方を表したイラスト
求職者

未経験なのに、いきなり上流をやるのは無理ではないですか。

AIキャリアスクールの講師 一瀬を描いたイラスト
講師

コードが書けることが入口だった頃のほうが、壁は高かったと思います。上流で問われるのは、決められるかどうかです。

これまでの受講者層は20代から50代まで幅があり、前職は飲食・販売・事務・保育士・営業などさまざまです。デザインやIT系の前職の方ばかりということはありません。

第1期(AIマーケター科)には、面接で訓練中に身につけたAIの使い方について話し、そこに関心を持たれて就職が決まった50代の方がいらっしゃいます。未経験で応募するとき、「どの工程で、何のために、どう使ったか」を自分の言葉で説明できることは、まだ持っている人が多くありません。

※ 就職活動の結果には個人差があり、当校が就職を保証するものではありません。
※ 当校が独自に算出した就職率は掲載していません。公的な集計値はハローワークインターネットサービスの訓練詳細画面(訓練番号 5-08-13-002-11-0333)でご確認ください。

まとめ

受講を検討している方を表したイラスト
求職者

結局、いま何を身につけておくのがいちばん効くのでしょうか。

AIキャリアスクールの講師 一瀬を描いたイラスト
講師

AIに指示を出して、出てきたものを判断する力です。4点にまとめます。

  1. AIが先に置き換えたのは実装(コーディング)の側でした。
  2. いま人が決めているのは何を作るか——デザインとマーケティング、つまり上流工程です。
  3. 当校は、実装はAIを使って自分で作り切れるようにしたうえで、上流の判断を繰り返します
  4. 上流は前職の経験がそのまま効くので、未経験からでも入れます。

第3期(2026年10月20日開講)の募集は、2026年8月28日から9月11日までです。お申し込みはお住まいを管轄するハローワークを経由していただくため、窓口での職業相談・受講申込書の提出に日数がかかります。お早めにご準備ください。

※ このページの会話は、施設見学会やお電話でよくいただくご質問と当校の回答をもとに構成したものです。登場するのはイラストのキャラクターで、特定の受講者・講師の発言ではありません。
お問い合わせは、AIキャリアスクール事務局(電話 050-5527-9636/平日10:00〜17:00、メール entry@ai-career-school.com)まで。
関連ページ:6か月の訓練で、実際に何が作れるようになるのか未経験・30代40代50代からWEBデザイナーは目指せる?就職サポート6ヶ月間の学習カリキュラム