さばかんブログ Written by さばかん

副業の時代❗️プログラミングを学んでWeb制作で月10万円稼ぐ方法

プログラミング 副業

こんにちはさばかんです。

今回は僕の専業でもあるWeb制作のお話です。

僕は未経験からプログラミングを学んで今はフリーランスとして2年以上活動しています😊

世の中は空前の副業ブームです!

老後資金問題に低賃金問題、少子高齢化などなどさまざまな背景がありますが
「副業」で検索するとあやしいそうな話が多いし、ツイッターで「副業探してます」なんてツイートするとすぐ胡散臭いDMがきます😱

Web制作を副業にして稼いでいる知り合いも周りに何人も居ます。
本業の収入だけじゃ不安だ、というのがやはり理由としては多いみたいです。

今回は決して楽して稼げる話ではありません🙇
そしてこれを読んでも残念ながら8割の人はやらないと思います💦

さらにやり始めて続ける事ができるのはその中の2割ほどです😭

この記事を読んで成功する保証はもちろんありません。
しかし、時間をかけてしっかりと知識とスキルをつければ間違いなく月5万円〜稼げるようになると思います🙇

逆にサクッと稼ぎたいとか楽して稼ぎたい人には必要のない話になります🙇

プログラミングを学んで副業Web制作で月10万円稼ぐ流れ

まずはさばかんがあやしいという方も居ると思うので、簡単に自己紹介します。

僕がプログラミングを勉強し始めたのが2019年です🙋
毎日毎日、数時間を勉強時間に充てました♪

はじめてお仕事を頂いたのが2020年6月くらいでした。
確か、、、1万円くらいのwordpressカスタマイズのお仕事だったような💦

今は一月に一つくらいしかやっていないですがクラウドソーシングでもお仕事をやっていました。
以下は国内でも超有名なココナラの僕のページです。プラチナという最上位のレベルです😊

ココナラプラチナランク
ココナラ売上

今はお付き合いのあるお客様などから月に70万円以上をコンスタントに売り上げています♪
しかも場所を選びません😊

実際にベトナムとマレーシアで仕事と観光をしていました。
ツイート

最初は先ほどのココナラやクラウドワークスでお仕事を探すことが多いと思います🙋
早めにどんな仕事をどういうふうに募集しているのか見ておいた方が絶対良いです❗️

初めてココナラを見たときは用語が分からず絶望しました😭
まずはクラウドソーシングを見て分からない用語を調べる&お客様の要望をリサーチする事が大事になってきます。
ココナラ無料登録

クラウドワークス無料登録

プログラミングを学んでweb制作を副業にするための考え方

プログラミングを勉強する上で大事なことがあります😊

完璧主義は捨てるべき❗️

👆これはとても大事な考えです。
エンジニアというのは覚えるというより「調べる」ことができるのが大事です。

全てを覚えるなんて無理です💦
何ができる?というのを大まかに把握したら次に進まないと、一生前に進みません🙇

6割くらいの理解度で進むのがおすすめです👍

プログラミングを学んでWeb制作を副業にする6ステップ

さて、ではここからは実際に僕が経験してきた流れになります🙋

  • ドットインストールでHTML&CSSを勉強する
  • ドットインストールでjavascriptを勉強する
  • 実際のWebサイトを模写する
  • デザインカンプからコーディングする👈月5万円可能
  • wordpress(PHP)を勉強する👈月10万円可能
  • 仕事を取りながら勉強を続ける

あれ?プログラミングスクールに通わなくて良いの?
こう思った方もいますよね?

副業で5、10万円くらいが目標なら上記内容のような独学で十分かな、と思います。
しかしそれ以上を望むのであれば、当然スクールの選択も出てきます。

でもいきなり高額のスクールに行くのもリスクが高すぎます💦
以下は無料体験や無料の説明会をやっているところです。
無料なので興味ある方や、より本気の方はどうぞ🙇
1週間の無料体験有り【WithCode(ウィズコード)】

テックアカデミーはじめての副業コース

ここからは独学で学んでいく方法を解説していきます。

イメージは半年かけて勉強して仕事をとるイメージです。
そして本業をしながらなんとか時間をやりくりして勉強時間を確保しなければなりません。
ですので、1日2〜3時間を想定しています😊

まぁそれでもキツイですよね😭
ただ、変な儲け話に騙せれるよりはよっぽど実のある事だと思います。

ドットインストールでHTML&CSSを勉強する

HTMLとCSSというプログラミング言語は基礎中の基礎です😊
実際にはプログラミングではなくマークアップと呼ばれますが、ここではプログラミングとして説明していきます🙋
おおよそ1ヶ月〜1ヶ月半くらいかけて勉強するイメージです。

最近は「STUDIO」「ペライチ」「BASE」などノーコード(コードを書かない)のWeb制作ツールも多いです。
ある程度はコードの知識がなくても作成できてしまいます😊

しかし実際のお客様とのお仕事では、カスタマイズが必要なケースが多いですしコードが書けないとちょっと難しいと思います💦

そこでHTML&CSSを身に着けるのに最も適しているのが「ドットインストール」という動画をみて勉強する教材です👍

1パートが5分以内の短い動画なので飽きずにやれますし、基礎や実際に使うツールで手を動かしながら学べるのでおすすめです🙋

無料で学べる範囲は限られていますが、そてでも勉強にはなると思います。

僕は有料会員(月1000円ちょっと)になって学びたいものを学んだら速攻解約しました😊
以下から覗いてみてください👇
やるべきレッスンは「はじめてのWeb制作」です。

僕は書籍で学ぶのが苦手なんですが、手元に常にあるとすぐに調べられるので、書籍も持っていました👇

ちなみにパソコンはどうしよう?

特に学習段階ではこだわらなくても良いと思います。
ちなみに僕はMACを使っています。仕事を取り始めてからで良いと思います。

ドットインストールでjavascriptを勉強する

Javascriptというプログラミング言語は一度は聞いたことがあると思います。

それほど色々なWebに使用されています。

しかし、、、かなり難しいです💦
HTML&CSSはきっと楽しく学べますが、javascriptをはじめて勉強した時は地獄でした😭
こちらは1ヶ月かけて全体像をぼんやりと勉強していくイメージです。

こちらもドットインストールで学んでいきます。先ほども言いましたが「完璧主義」は捨ててくださいね😊
ドットインストールのはじめてのjavascript
Javascriptは繰り返し勉強する必要があるくらい難しいです。
これも書籍とセットですすめましょう♪

実際のWebサイトを模写する

HTMLとCSS、javascriptを一通り学んで次はどうするか?

実際のサイトの見た目だけを真似て作成していきます。

「いや、まだまだ勉強が足りない💦」

👆おそらくこう思うと思います🙋

結論❗️
前へ進みましょう♪

復習してクオリティを上げるのは大事ですが、それは実際の仕事で嫌というほどやりますw

模写すると言ってもやり方に困ると思います。
googleの拡張機能で便利なものがあるので紹介します。

ColorPick Eyedropper:サイト内の指定した箇所のカラーコードを調べる事ができます。
GoFullPage – Full Page Screen Capture:表示しているページの全体をスクリーンショットします。
WhatFont:指定したテキストのフォントファミリー、サイズ、色を調べる事ができます。
Image Downloader:サイト内で使われている画像を一括でダウンロードできます。※著作権の問題もあるので、あくまでローカル環境下のみで使ってください。
Page Ruler:長さを調べます。

多分手が止まる事も多いと思います。
上記の拡張機能とデベロッパーツールを使って、なんとか自分で調べてやってみてください🔥

1時間かけてわからなかったら答えを見て進みましょう♪
模写に1ヶ月かけてください。自分で調べてやるので驚くほど成長できると思います🙋‍♂️

デザインカンプからコーディングする👈月5万円可能

実際のサイトの模写をやり終えたら次はデザインカンプからコーディングして見ましょう♪
こちらも1ヶ月が目安になります。

カンプって何??

という方も多いと思います😊

デザインカンプとは実際の制作の現場で使われているのですが、余白サイズやフォントの種類などの様々なデータを取得することができるデザインデータのことですね。

デザイナーさんがカンプ作成して、コーディング担当の方がサイズなどのデータをカンプから取得してコーディングしていくという流れです♪

以下のサイトのデザインカンプは無料でダウンロードできるので是非やって見てください。
また、ポートフォリオにもできるのでサーバーを借りてアップして営業ツールとしても使えます🙋‍♂️

【コーディング課題】XDからコーディングをしよう【初級編】

レンタルサーバーを借りよう

先ほども少し出てきましたが、そろそろこれくらいのタイミングで自分のサーバーを借りる必要があります🙋‍♂️

借りる理由はいくつかあるのですが、

  • サーバーにポートフォリオをアップする
  • サーバー自体の操作に慣れる
  • テストアップして確認してもらう

サーバーにポートフォリオをアップする

以下は実際に僕がサーバーにアップしていたデモサイトです。
https://furufurupon.com/
ID:furupon
PW:1234

このサイトをお客様に見せて仕事をとる、というイメージです。
今はほとんど使っていませんが💦

サーバー自体の操作に慣れる

お客様との仕事ではサーバーにアップするまでを現場では行うことが非常に多いです。
その際にスムーズに対応できるためにも、サーバー契約は(太)必須だと思います❗️

ちょっと強めに言いましたが、それくらい早めに触っておいた良いと思います😊

テストアップして確認してもらう

これも現場ではよくやります。
ローカル環境でサイトを制作して、お客様に実際に見てもらう時に、自分のサーバーにアップして確認してもらいます。
それで問題なければ、お客様のサーバーにアップしていくという流れもが非常に多いです🙋‍♂️

レンタルサーバーはこだわりがなければ「エックスサーバー」をお勧めします。
理由は

ユーザー数が多い

サポートがしっかりしている

抜群の安定感

ユーザー数が多いということはそれだけ情報を多いので、調べるとすぐに色々な情報にアクセスできます。
後はもう安定しています。間違いなく😊

登録は以下よりできます👇


wordpress(PHP)を勉強する👈月10万円可能

HTML&CSSを学びjavascriptを軽くでもいいので学び、カンプとかからのコーディングまでできたら、リアルに月3〜5万円くらいは稼げるレベル感だと思います。
もちろん副業でです。

頑張れば、つまり数をこなせば月10万円も可能だと思います。

ただ現状はwordpressというツールを使用してのサイト制作の需要が多いです。
Wordpressは聞いたことがある人もいると思いますが、元々はブログ作成ツールです。
ブログの始め方はこちら


無料で使えて様々なカスタマイズができるので、今は企業サイトやコーポレートサイトなど多岐に使用されています。

先ほど紹介したクラウドソーシングなんかを見てもらえるとわかりますが、wordpress案件が多いですし、単価も高いのです😊

ということでwordpressも勉強した方が圧倒的に仕事を取れる範囲が広がります🙋‍♂️

こちらは「Udemy」という動画学習サイトで手を動かしながら学ぶのが良いと思います。
余談ですが、書籍だけで勉強するより実際に自分で手を動かすというのがプログラミング学習では大事だと思います。

ただ、やはり書籍も捕捉的に使用したり、辞書的に使ったりとするので、僕も20冊ほどは所有しています🙋‍♂️

Udemyの登録は以下から可能です。


WordPressを学ぶのにおすすめは「たにぐちまこと」さんの「wordpress開発マスター」という教材です😊

もう、これで間違いないです❗️

しかしwordpressはPHPというプログラミング言語で動いているのですが、その辺りを習得するのにとても時間がかかります😭
もしかしたら僕だけかもしれませんがw

感覚的にはHTML&CSS、模写などにかけた時間と同じくらいの時間を必要とするイメージです😱
それくらい難しいですよ💦
おおよそ1.5ヶ月前後を見ておきましょう♪

先ほど紹介した「たにぐちまこと」さんの教材を使いながら以下の書籍もやって見てください。
自分で手を動かして制作していくタイプのものなのでおすすめです。

2冊紹介しますが、上から順番に学ぶのが良いかと思います🙋‍♂️

副業のお仕事を取りながら勉強を続ける

上記のwordpressの教材を1周したら、クラウドソーシングで営業を始めましょう♪

え〜❗️❗️無理〜‼️って思いますよね?
大事な事なのでもう一度言います。

「完璧主義は捨ててください」

どれだけ高価なバットを持って、素振りや練習で完璧になったとしても試合には勝てません。
評価も上がりません。評価が上がらないから給料も上がりません。

バッターボックスに立たないと進みもしなけりゃ、退がりもしません💦
一歩踏み出さなければ成功も失敗もないのです。

なんだか精神論になってしまいますが、webに限らずそれが本質だと思います。

Webのお仕事を依頼されるお客様は多種多様です。
色々な声を聞き様々な要望に対応して時にはこちらから提案するような力が、これからの時代を生き抜く力だと思います。
スキルはその手段の一つです。

というわけで途中でも言いましたがクラウドソーシングが一番手っ取り早い営業かと思います。
友人の店舗のサイトや知人の紹介ももちろん良いと思います。
ですが「はじめまして」から関係性を作って仕事をするという面から見て、クラウドソーシングの方が良いかと思っています。

僕も初めてのお仕事は怖くて怖くてペース配分もわからず、めちゃくちゃ必死でした💦

是非チャレンジしてください❗️
本当に困ったらDMください😊
お手伝いします🙋‍♂️

まずは以下のクラウドソーシングに登録してやれそうなものにはどんどん提案しましょう♪

クラウドワークスに登録


ランサーズに登録

ココナラに登録

クラウドテックに登録

実際に僕が提出した提案文も載せておきます。参考にどうぞ🙇

提案文

以上で、プログラミングを学んでWeb制作で月10万円稼ぐ方法でした。
あぎがとうございました。

仮想通貨の記事も書いていますので興味ある方は以下からどうぞ