こんにちは！たく丸です！

サイト制作は未経験でも始めやすいらしいけど、
勉強なしでも転職できるのかな？
どれくらいのスキルがあれば良いんだろう？

このような悩みを、この記事で解消していきます。

目次

Web制作に必須のスキルは大きく2つ

Web制作に必要なスキルのイメージ

結論からいうと、次の2つのスキルがあればまずはOKです。

・コーディングスキル（HTML/CSS、JavaScriptなど）
・Webデザインスキル（Figmaなど）

Web制作に必要な言語はコレ

HTML／CSS

HTMLはWebページの骨組み（文章・見出し・画像など）を作る言語、CSSは色や文字サイズ、レイアウトなどの見た目を整える言語です。
厳密にはプログラミング言語ではありませんが、あらゆるWebサイトに必須です。

難しい計算などは不要なので、基礎なら1ヶ月ほどで身につける人も多いですよ。
今はFlexboxやGridを使ったレイアウト、スマホ対応（レスポンシブデザイン）まで押さえておくと実務で困りません。

一ヶ月で習得できるなら私にもできるかも！！やってみようかな？
でも何からしたらいいんだろう？？

↓僕も最初に使っていた、おすすめの入門書です↓
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
※改訂版が出ている場合は、新しい版を選ぶのがおすすめです。

JavaScript

JavaScriptは、Webサイトに「動き」を加えるためのプログラミング言語です。
ハンバーガーメニューの開閉、スライドショー、「ページトップへ戻る」ボタンなど、さまざまな場面で使われています。
将来的にReactやVue.jsなどを使ったフロントエンド開発にも進めるので、ぜひ学んでおきたい言語です。

PHP（WordPress）

Webサイトにはいろいろな種類があります。

・LP（ランディングページ）
・ECサイト（ネットショップ）
・コーポレートサイト（企業の公式サイト）

コーポレートサイトなど、こまめに更新するサイトではWordPressがよく使われています。
WordPressはPHPという言語で動いているので、テーマのカスタマイズができるようになると仕事の幅が大きく広がります。

↓PHP初心者の方にはこちらがわかりやすいです↓
いきなりはじめるPHP~ワクワク・ドキドキの入門教室~

Webデザインスキル

コーディングの前に、クライアントが希望するサイトのイメージを形にする「デザイン」の工程があります。
デザインツールは次の3つが主流です。

・Figma（Webデザインの主流ツール）
・Photoshop（写真・画像の加工）
・Illustrator（ロゴ・アイコン制作）

最近の制作現場では、デザインカンプ（完成見本）はFigmaで作られることが多いです。コーダーとして働く場合でも、Figmaのデザインを見てコーディングできる力は必須になっています。

転職前に少しでもスキルを身につけると有利

スキル習得のイメージ

Web制作業界は人手不足といわれることも多く、未経験から転職することも不可能ではありません。
しかし、ある程度スキルを身につけておくと、転職を有利に進められるのは事実です。

※効率的な勉強方法はこちらの記事で解説しています

プログラミングの効率的な勉強方法｜初心者が挫折しない2つの原則と5ステッププログラミングの効率的な勉強方法を、初心者が挫折しないための2つの原則と5つのステップで解説。AIを使った勉強のコツも紹介しているので、これから学び始める人や伸び悩んでいる人におすすめです。...

Web制作スキルは短期間で習得しやすい

Web制作に必要なスキルは、システム開発と比べると比較的短期間で習得できます。
また、生成AIにコードの意味を質問したり、エラーの原因を聞いたりできるので、独学のハードルも下がっています。

向き不向きを見極められる

先に勉強しておくと、「自分に向いているか」を転職前に判断できます。
勉強してみて「面白い！」と思えたら、向いている可能性が高いですよ。

専門職への興味が生まれる

Web制作ではコーディング、デザイン、SEO、ライティングなど幅広い業務に触れられます。
その中で「プログラミングが楽しい」と感じたら、Webエンジニアを目指す道もあります。

Webデザインはできるイメージが湧かない…でも、
プログラミングならできる気がする

こういった人なら、エンジニアとしての転職を目指すのもおすすめです。

プログラミング転職におすすめのスクール3選

※サービス内容・料金は変更される場合があります。最新情報は各公式サイトでご確認ください。

未経験ほどポートフォリオが重要【スキルの証明】

ポートフォリオのイメージ

転職活動では、ポートフォリオ（実績物）がとても役立ちます。
Web業界未経験だと職歴でアピールできないので、自作サイトを見せることがスキルの証明になります。

自分のポートフォリオサイトを作る

題材に困ったら、自分のプロフィール・スキル・制作実績をまとめたサイトを作るのがベストです。
制作スキルだけでなく、あなたの人柄まで一緒にアピールできます。

架空サイトの模写・制作も載せる

架空のカフェや美容室のサイトを、デザインからコーディングまで一貫して作って掲載するのも効果的です。
「デザインの意図」「工夫した点」「制作時間」も書き添えると、実務をイメージしてもらいやすくなります。

Web制作は転職も独立もしやすい

フリーランスとして働くイメージ
Web制作は、IT系の中でも副業やフリーランスとして独立しやすい分野といわれています。
スキルの習得が比較的早く、個人でも受注しやすい案件が多いからです。

ただし近年は、STUDIOやWixなどのノーコードツールやAIの普及で、単純なコーディングだけの案件は単価が下がる傾向にあります。
デザイン・集客・運用サポートまで提案できる人ほど、長く選ばれる制作者になれますよ。

まとめ

Web制作に必要なスキルをおさらいします。

・コーディングスキル（HTML/CSS、JavaScript、PHP/WordPress）
・Webデザインスキル（Figma、Photoshop、Illustrator）
・ポートフォリオを作ってスキルを証明する

まずは取っつきやすいHTML/CSSから、着実に一歩踏み出していきましょう。