Web制作・プログラミングの副業

Web制作・プログラミングって、どんな仕事？

お店や企業、個人からの依頼に合わせて、Webページや、作業を助けるプログラムを作って納品する仕事です。新しく作るだけでなく、既存サイトの修正や機能の追加もあります。^[1][2]

• 案内ページを作る

  お店の紹介・サービスの料金表

  文章や写真を配置し、PCやスマホで読みやすいページに仕上げます。

• 既存サイトを直す

  文章・画像・表示の修正

  依頼された箇所を変更し、周りの表示や動作への影響も確認します。

• 小さな機能を作る

  絞り込み・料金の計算

  利用者の操作に合わせて情報を表示するなど、必要な機能を追加します。

• 作業を自動化する

  表の集計・ファイルの整理

  決まった処理をプログラムに任せ、結果を確かめて使い方を伝えます。

必要な技術は、作るものによって違います。自分が作って確認できるものから、対応する仕事を決めていきましょう。既存サイトの修正も、使われている仕組みを理解して進める仕事です。

見た目の設計を中心に担当したい場合はWebデザイン、自分のサイトで記事を発信したい場合はブログ・メディア運営も見比べてみましょう。

始めるための準備と、かかるお金

準備するもの

PC・コードを書くツール・動作を確かめる環境

Webページの練習なら、コードエディターとブラウザを使えます。例えばVisual Studio Codeは、個人利用・商用利用とも無料です。^[3]案件で指定される技術やソフトは、応募・受注前に確認します。

練習すること

作る・動かす・直す・説明する

料金表のページなら、情報を置くHTMLと見た目を整えるCSSから試せます。基礎を学びたい場合は、MDNの学習ガイドも入口になります。^[4]一つ完成させたら、画面の幅を変えたりリンクを押したりして確かめましょう。

サンプルの見せ方

画面と、担当した内容をまとめる

自主制作の画面、目的、使用技術、確認したことをまとめます。公開URLで動くものを見せる方法もありますが、最初の練習はPC内のファイルで始められます。^[5]

初収入までのロードマップ

1. 1

   一つのサンプルを、最後まで作る

   サンプルは、依頼者に「何を作り、どこまで確認して渡せるか」を見てもらうために用意します。まずは架空のお店の料金表1ページを完成させてみましょう。「自主制作」と明記し、目的、担当した部分、使用技術、確認した画面や動作を添えると、できることが伝わります。

   ここまでできたら自分のできることを説明できる制作サンプル

2. 2

   仕事を探し、できることを伝える

   クラウドワークスでは、使用技術や作業範囲が合う募集にサンプルを添えて応募します。ココナラでは、対応できるページ制作や修正をサービスとして出品する方法があります。

   ここまでできたらサンプルを添えた応募文、または出品の説明

3. 3

   作るものと、完了の条件を合わせる

   必要なページや機能、素材の用意、使用技術、納期、報酬、修正範囲、納品方法を確認します。「どの状態なら完成か」と、公開作業や納品後の対応も決めましょう。クラウドワークスの固定報酬制では契約と仮払いを確認してから作業へ。ココナラでは購入後、トークルームで依頼内容を確認します。^[6][7][8]

   ここまでできたら作業範囲と完了の条件がそろった状態

4. 4

   制作し、画面と動作を確認する

   合意した内容を作り、表示やリンク、機能がある場合は操作の結果を確認します。WebページはPCとスマホの幅でも見てみましょう。既存サイトの変更は、バックアップや試せる環境を依頼者と用意し、変更前後の影響を確かめて進めます。

   ここまでできたら動作確認を終えたページやプログラム

5. 5

   使い方を伝え、納品を完了する

   依頼者の確認を受け、合意した範囲で修正します。ファイルや公開先、使い方、更新方法を渡し、クラウドワークスでは検収、ココナラでは正式な納品と承諾・取引完了を確認しましょう。実績として公開したい場合は、公開できる範囲も確認します。

   ここまでできたら成果物と使い方の受け渡し、完了の確認

6. 6

   報酬を受け取り、次の提案へつなげる

   報酬・売上の確定を確認し、口座登録や出金の手続きを進めます。振込予定と入金を確認したら、制作や確認に使った時間を振り返り、次に引き受けられる仕事を整理しましょう。^[9][10]

   ここまでできたら報酬受取の確認と、次の仕事に活かす経験

サンプルの準備に7〜21日を使う計画例です。既に使える技術がある人を想定し、初学者の学習期間と選考・受注・入金までの日数は含みません。料金表1ページは練習例で、すべての募集への応募条件を満たすものではありません。

仕事を見つける場所と、二つの始め方

募集を探して応募する方法と、できる制作や修正をサービスとして出品する方法があります。サンプルで対応できることを伝え、自分の技術と予定に合う仕事を探しましょう。

クラウドワークス

制作・修正の募集に、応募・提案する

使用技術、作業範囲、納品物、納期を読み、サンプルと担当できることを伝えます。固定報酬制では、契約・仮払いを確認して作業へ進みます。^[6]

ココナラ

「ページを作ります」「修正します」と出品する

対応する技術、作るページや修正の範囲、納品方法、納期、修正回数を決めてサービスを用意します。サンプルを示し、依頼内容を相談して進めます。^[1][2][8]

一つに決めなくても、それぞれで応募・出品する方法があります。複数の場所を使うと、募集を出す人と、制作サービスを探す人の両方に自分のできることを伝えられます。受ける仕事の納期と作業量は、まとめて管理しましょう。

始める場所を比べる

仕事を探して応募するか、自分のサービスを出品するか。受注の始め方で選べます。

ココナラ

対応できるページ制作や修正を、作業範囲・納品方法・納期・修正回数を決めて出品する場所。

向いている始め方自分のできる制作を示し、相談から依頼を受けたい人

クラウドワークス

Web制作・修正・機能追加などの募集を探し、使用技術・作業範囲・納期を確認して応募するサービス。

向いている始め方募集内容から仕事を選び、制作サンプルを添えて提案したい人

クラウドワークスを見る ↗

PRリンクの申し込み等により運営者に報酬が発生する場合があります。募集・審査・費用・利用条件はリンク先で確認してください。

仕事を広げる方法と、収入の仕組み

最初の一件から、どう広げる？

制作したものと依頼者とのやり取りをもとに、得意な仕事を見つけ、確認や納品の進め方を整えていけます。

• 得意な制作例を増やす

  案内ページやサイト修正など、できる仕事に合うサンプルを増やし、対応できる範囲を伝える。

• 確認と受け渡しを整える

  動作確認の項目や使い方の説明を整え、依頼者が使い始めやすい納品にする。

• 更新・保守の相談へつなげる

  納品したものの更新や改善も相談する。対応内容・時間・料金を決めて、継続の仕事にする。

収入の仕組み

ページ制作やサイト修正など、合意した仕事の報酬を受け取る形です。クラウドワークスの固定報酬制では検収、ココナラでは取引完了の後に報酬・売上が確定します。^[6][8]

合意した報酬−サービスの手数料＝サービス上の受取額

銀行への振込手数料や源泉徴収がある場合、実際の入金額はさらに変わります。有料ツールや検証環境などに使った費用も合わせて確認します。

始めるときの、よくある疑問

副業全般の準備や税金は、始める前の準備ガイド、確定申告のガイドで確認できます。

参考にした公式情報

本文の参照番号に対応しています。各リンクから、学習・開発ツールや仕事先の公式案内を確認できます。

情報確認：2026-10-02。仕事内容の例・ロードマップ・サンプルの内容・予算・時間・収入の計算例は、タスミチが編集したガイドです。