MENU

副業web制作・0-1達成のために必要なスキルは?経験者が解説!

Web制作の0→1スキルは何が必要になる?

どれくらい学習したらいいんだろう?

今のスキルで案件受けるの不安だなぁ

私自身、まったく同じように悩んでいた時期がありました

この記事では、そんな不安を感じるあなたに向けて、副業Web制作で0→1を達成するために必要なスキルをわかりやすく解説します。

コーダーとして案件を受けるのであれば案件に応募する目安は、

  • デザインカンプ(完成デザインの見本)をもとにサイトを一通りできる方
  • WordPressサイトの基本的な構造を理解している

この2点があれば大丈夫です。

完璧でなくても、「完璧に備えておく」なんてことは出来ませんので、学びながら進めていく姿勢が大切です。

その他に知っておくと良いことは、いくつかありますが、以下の4点が上げられます。

  • レンタルサーバーへのアップロード
  • 実際にwordpressサイトを運用する
  • デザインの基礎を知っておく
  • 各種チャットツールへの対応

学習を続けていて、Webに慣れてきたら

  • もっといろいろな知識が必要かな…
  • 周りを見てもっと学習しないと…

と思いがちですが、webの学習をしていない方から見たら、サイトを作れる、アップロードできるというのは特殊なスキルです。

少しでも、自分にできそう、と思えるような案件があれば応募してみてくださいね(*^^*)

私の体験談も含めて説明していきます!

こんな人が記事を書いています
  • 会社員をしながら1年で1200時間学習
  • クラウドソーシングで0-1達成
  • 学習開始から1年半でフリーランス
  • エラー直す・ガジェット好き
目次

必須スキル・コーディング

ポイント

Web制作をコーダーとして活動するためには

  • HTML
  • CSS
  • javascript

は最低限覚えておきたいです。


ポイント

Web制作をコーダーとして活動するためには

  • HTML
  • CSS
  • javascript

は最低限覚えておきたいです。

サイトの見た目や動きを作る“土台”となる部分です。
最近はAIツールも便利ですが、「思い通りに作る」にはやはり基礎理解が欠かせません。

とはいえ、ここは向き不向きが強い部分でもあります…。コードを書いていて楽しい!と思えないと辛いかもしれません。

世の中にはノーコードツールと呼ばれるWordpressのテーマ、STUDIO,ペライチ、Shopify,wixなど、様々な代替手段もあります。

これらのスキルを覚えても良いと思います。実際にノーコードツールで稼いでる方々はたくさんいらっしゃいます。

それでも、基礎的なスキルとなるHTML,CSS,javascriptは覚えておいたほうがいいです。

特にCSSは、ノーコードツール(wordpress,STUDIO等)を使用するにあたっても、サイトのカスタマイズをするのに必要となってくるため、覚えるか、本などの教材を揃えておくとよいでしょう。

HTMLのおすすめ教材

実際に一からサイトを制作していく教材が良いです。サンプルコードが同封されているものが多いですが、0から自身で書いていくと少しずつ理解ができます。

1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版]

HTML/CSSブロックコーディング デザインをすらすら再現できる

CSSデザインの教材

cssで何ができるのか、を知っているだけでクライアントに様々な提案ができたりします。アニメーションはweb特有のものですので、色んなパターンがあることを知っているだけでも強みになりますね☺️

マネするだけでセンスいい!CSSデザイン

動くWebデザインアイディア帳

javascriptの教材

1冊ですべて身につくJavaScript入門講座

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

独習JavaScript 新版

できれば欲しいスキル:Wordpressの構築

WordPressのカスタマイズをしてほしい、という依頼も多数見られます。ここ数年のブロガーが増えていることや、Wordpressを使ったサイトが多くあるという背景があります。

記事の更新はできるけど、サイトのカスタマイズはできないと行った担当の方が依頼を出しています。

新機能があるためサイトのデザインを一部更新したい、サイトに追尾バナーを追加したい。などのちょっとしたカスタマイズから、サイト全体を制作してほしいといった依頼まで多数あります。

HTML,CSS,javascriptのスキルをある程度(サイトが一つ作れる程度)まで身についたら、次のステップとしてWordPressサイトを構築に挑戦してみましょう。

作りながら、「テンプレート階層(ページの作り方を決める仕組み)」や「プラグイン(機能を追加する部品)」に関する実践的な知識が身につきます。

レンタルサーバーへアップロードまでできると、頼られるコーダーになれます!

間違いなく需要のあるスキルですので、本を2~3冊読み学習、あとは自身でレンタルサーバーからの構築を行い、運営を行うことをおすすめします。

できれば欲しいスキル:レンタルサーバー

Webサイトを運営しようとしたら、ドメインの取得、レンタルサーバーとの契約などが必要になります。

Webサイトを公開するには

  • ドメイン(サイトの住所)
  • サーバー(家のようなもの)

を用意する必要があります。

まずは1社のサーバーと契約して自分のサイトを実際にアップしてみましょう!

→conohaWingにサイトをアップしよう!契約から設定まで

→お名前ドットコムでサイトをアップ!HTMLやWordpressサイトのアップ方法を徹底解説!

  • どういったときに料金がかかるか?
  • どのような方法で制作したwebサイトをweb上に公開するのか?
  • 微修正するときにどのような方法を取ればよいのか?

自身で運用経験があればこれらを学ぶことができます。クライアントがサーバーへのアップロードを手伝ってほしいという要望があるときも多々ありますので、無駄な経験になりません。

できれば欲しいスキル:Webデザイン

クラウドソーシングサービスでは、デザイン含むコーディングをできる方を求む、といった募集が多数見られます。

そのため、デザインの基礎を本で学ぶことをおすすめします。webデザインの本やサービスも色々ありますが、chot.designというサービスと「いちばんよくわかるWebデザインの基本」という本をおすすめします。

chot.designは無料で様々な学習をできるサービスサイトであり、お試しにはちょうどよいです。

ワイヤーフレームの作成、サイトのデザインの基礎、色の使い方、デザインの4原則等を知っておくだけで提案の幅が大きく広がります。

私は最初、ワイヤーフレームもわからずデザインができます。と言い提案して苦労したので、どの順番でサイトを作るのかを知っているだけでかなり違います。

できれば欲しいスキル:チャットツール

クライアントによってチャットツールが変わってきます。基本は同じですし、基本的にテキストのやり取りで完結するものです。

私が扱ってきたものはskype,chatwork,ランサーズのDMを使いました。

また、顔出しで打ち合わせをするときは、google meet,Microsoft Teams、zoom、等などのオンラインミーティングツールを使えると良いでしょう。

ただ、これらの使い方を覚えておく必要はなく、指定されたら軽く検索する程度でも対応可能です。

デスクトップパソコンだと、カメラやマイクがない可能性があるので、自身を写せるようにカメラやマイクを用意しておく必要があります。

そのため、ノートパソコンでの作業をおすすめします。どちらも標準でついていることがほとんどです。

覚えておきたいチャットツール

チャットツール

  • Chatwork
  • Slack

ビデオチャットツール

2025年12月時点でのおすすめはGooglle meetです。
GWS(Google Work Speace)と組み合わせると、録画、議事録のまとめなどができます。

副業web制作・0-1達成のために必要なスキルは?|まとめ

web制作として、副業をするのにどれくらいのスキルが有れば営業に出るべきかをまとめました。

学習中ですと、自分にできるのかな、まだまだスキルが必要じゃないかなと思うことが多いと思いますが、以下のスキルが有れば十分にやっていけます。

  • HTML,CSS,javascriptを使用して、デザインカンプからサイトを制作できる。
  • WordPressの構築・構造の理解。
  • figma、adobeのデザインツールに対応することができる。
  • レンタルサーバーへのアップロード方法。
  • 各種チャットツールへの対応。

「まだ早いかも…。」と迷っている方こそ、今日紹介したスキルを目安に一歩踏み出してみてください。

案件に応募することがスキルアップの一番の近道です。

なかなか営業に進むことができない。どこまで学習したらいいかわからない。そんな人のお役に立てれば幸いです。

この記事を書いた人

未経験、異業種からWeb制作の副業を経てフリーランスに。
学習ノウハウ、役に立った情報を初心者に寄り添った目線で発信します。

目次