Web制作副業の始め方｜PC・ツール・勉強法ガイド

URLをコピーしました！

こんにちは、はなです。

ふとしたときに「副業…やってみようかな」って検索したこと、ありませんか？

わたしも看護師時代、
「このまま働き続けたら体力も心も持たないかも…」
「看護師の人生で終わるので本当にいいの？」

そんな“もやもや”を抱えていました。
体力的にも精神的にも限界を感じていたとき、パソコン1つでできる働き方に出会ったのがWeb制作でした。
今日は、そんな方に向けてWeb制作副業の始め方を、体験談を交えてゆるっと解説します〜。

なぜ悩む？Web制作副業のハードル

「よし、Web制作を始めよう！」と思って調べてみると…
情報が多すぎて、逆に動けなくなることってありませんか？

わたしも最初はこの壁にぶつかりました。

勉強方法がいまいち分からない
→ 「独学？スクール？YouTube？」情報が多すぎて迷子に。
スクールに入ったほうがいい？
→ 短期間で学べるけど、受講料が高いし種類も多くて選べない。
続けられるか不安
→ 忙しい中で学習時間を確保できるか心配。
ツールの種類が多すぎて混乱

パソコン買っただけで満足しちゃう人、けっこう多いにゃ〜

独学 vs スクール、どっちがいい？

独学のメリット
- 費用が安い（無料ツールや動画で始められる）
- 自分のペースで学べる
独学のデメリット
- 分からない部分が自己解決になりがち
- モチベ維持がむずかしい
スクールのメリット
- 講師に直接質問できる
- カリキュラムがあるので迷子になりにくい
- 仲間やコミュニティで刺激を受けられる
スクールのデメリット
- 費用が高め（10〜30万円以上が多い）
- スケジュールに縛られる場合がある

わたしの提案

最初は無料〜低コストの学習サービスで基礎を触ってみるのがおすすめ。
1〜2ヶ月やってみて「もっと本格的に勉強したい」と思ったら、スクールに投資するのもアリです。

わたしの学習体験談

看護師時代、夜勤の合間や休日の隙間時間を使って、少しずつWeb制作を始めました。
「まとまった時間がないから無理」と思っていたけど、1日15分でも続けると知識は積み重なることを、このとき身をもって実感しました。

Progate
家事の合間に、スマホでHTML学習。
最初は <div> と <span> の違いもわからず混乱…。でもレベルアップ音が鳴るたびに「今日はここまで！」と区切れる達成感があり、「習慣化」ができました。
→ 学べたこと：タグの意味、HTMLの基本構造、CSSで文字色や背景色を変える基礎。

Paizaラーニング
夕飯の煮込み中にタイマーをセットして、1ミッションだけ挑戦。
「全角スペース1個」でエラーになった日は、エラー文の読み方を覚えるきっかけに。
→ 学べたこと：エラー原因を探す力、短時間でもコードを動かす習慣。

YouTube
無料動画で見つけたランディングページをそっくり再現。
何度も巻き戻しながら「この余白はどう作る？」と考えるうちに、CSSのレイアウト力がぐっと伸びました。

MENTA
ある程度基礎ができた頃、現役エンジニアの方にコードレビューをお願い。
「この書き方だと後から修正しにくいよ」と具体的な改善案をもらい、「あ、ちゃんと成長してるんだ」と実感。
→ 学べたこと：実務で使うコーディングルール、命名規則、納品を見据えた設計。

【PR】

勉強法と実践ステップ

基礎学習（HTML/CSS）
　- 期間：1〜2週間（1日20分〜30分）
　- ツール：Progate or Paiza
　- ゴール：タグ名と役割を見てわかる状態になる
　- 注意点：動画や教材を「見て終わり」にしない。必ず手を動かす。
模写コーディング
　- 期間：2〜3週間（週3日以上）
　- 流れ：好きなサイト1ページを完全再現 → 細部のズレを修正
　- ゴール：ヘッダー〜フッターまでHTML/CSSで書ける
　- 注意点：画像や文章は著作権に注意。素材はフリーサイトから取得。
ポートフォリオ作成
　- 期間：2週間
　- 内容：自己紹介、スキル一覧、制作物3〜5点
　- 工夫：看護師経験を活かして医療系サンプルを入れると差別化◎
クラウドソーシング応募
　- 期間：1週間〜継続
　- スタート案件例：バナー制作、簡単なHTML修正、ブログのCSS調整
　- ポイント：最初は低単価でも「納期・品質」を守って評価を積む。