独学でWeb制作初心者が月5万円稼げるようになるまでにした勉強法

仕事辞めたい

Web 制作の勉強を始めたのは 2009年メニエールを発症した時に、2週間休職していた間、家でパソコンを触っている時にたまたまパソコンを使って稼ぐことができる方法があると知ってからです。

うっちー
もう一度言いますが私は Web 制作を独学で勉強しました。

今思えば、プログラミングスクールとか、よくプログラミングを分かっている人に教わりに行けば良かったなと素直に思います。

本当に効率が悪いことをしていました。

性格的に人に教わったり、頼みに行くのがめんどくさいというか・・・申し訳ないと感じてしまうので、これはこれで良かったのかもしれません。

基本的に人付き合いは普通に出来ますが、本音は見せないほうです。

この記事を読んでいる人は、独学で何とかしようと思っている人たちだと思うので、そういう人たちに向けて、記事を書いていきたいと思います。

この記事を読んだ後に実行すれば、おそらく lancers で月3万から5万円ぐらい稼げるようにはなると思います。

独学でやるのは心が折れそうになりますが、頑張ってください。というか頑張ろう!!

それではいってみましょう

※今ではプログラミングスクールも増えていますし、基礎から丁寧に教えてくれるのと時間のロスがないので、早道をしたい方は、プログラミングスクールを利用するのも全然ありと思います。

ウェブサイトの仕組みと基礎

プログラミングスクール

まず私はここで多分間違えたと思います。

いきなり WordPress を 利用して個人でブログを作ろうとしましたがなかなかうまくいきませんでした。

当たり前の話で 、基礎も何もないのに飛び込んだら ひとたまりもありません。

訳が分からないまま、玉砕。

ある日CSSをいじってサイトが崩れました。

デザインが‥‥どう見ても読みたいと思うサイトじゃない‥‥。

心が折れそうになったのを覚えてます。

その時に、「ドットインストール」というサイトに出会います。

はっきり言ってプログラミングを無料で独学でやるならドットインストール」神降臨!!※有料のページもあるよ。

これが無料でしかも動画で見れた時の、感動!!

うっちー
正直、後は「ドットインストール」を観てくださいで終わり。

というくらいです。

なので、最短で独学で行くルートはこれだと思うのでどうやったら「最短でWebサイト制作が出来るようになるのか?」について記載しておきます。

デベロッパーツールを使う

学習環境を整えよう

これは絶対最初にやっといた方がいいと思います。

このセッティングをしておくと、かなり効率が上がります。

最初のころは、分かりずらいですが、「やっていくうちにこんなに便利なの誰が作ったんだ!!まさに神!」って気持ちになるから。 

※それとパソコンは2,3年は使えるスペックが入ったパソコンを使いましょう。ここでケチると、あとで後悔しますよ。

ドットインストールでHTML入門/CSS入門を見て学ぶ

HTML/CSSの概要を理解しよう

はじめてのHTML (全14回)

はじめてのCSS(全13回)

独学で本当にお世話になった「ドットインストール」。

ドットインストール」は、プログラミングを動画でわかりやすく解説しているサイトです。

そして、一つ一つのの動画がシンプルで短い。長くても3分ほど

だから、集中して勉強できるし、ちょっとした隙間時間に見ることが出来ます。

海外には動画でプログラミングを勉強するサイトはたくさんあるのですが、日本では「ドットインストール」ぐらい。と言うか情報量が一番!!

ちなみに全部見なくていいですからね!

それ+読書もしておくと完璧

よくわかるHTML5+CSS3の教科書【第3版】 教科書シリーズなんかも読んでおくと、基礎はバッチリ。

うっちー
まー余り肩に力を入れすぎて、完璧を求めすぎてしまうとここで挫折するので。

先はまだまだあるので、半分できたらいいぐらいで進んだ方がいいと思います。

この辺まで来るとHTML/CSSの概要は、こんなもんかというようなくらいにはなってると思います。

フレームワーク(Bootstrap)を使おう

基礎が出来ると欲が出ます。そこで フレームワークを使うこと使うことをお勧めします。

フレームワークというのは、システム開発を楽に行えるように用意された、プログラムとかのひな形のこと。

まー楽にプログラミングをできるような仕組みとだけ認識して置けば大丈夫。

何しろフレームワークを使い出すと、プログラミングがさらに楽しくなってきます。

HTML のフレームワークが数多くあるのですがその中でもBootstrapを利用することをお勧めします。

Bootstrap は自由度が高いので、文字のサイズやスタイルの設定、背景色の設定や文字色の設定など自由自在に出来るようになります。

うっちー
またレイアウト の作成などもできるようになるとオリジナリティが出て楽しいですよ。

勉強方法はドットインストールのリンクから動画を見て勉強しましょう。って頼りすぎじゃねーって言われそう。

Bootstrap 4入門

Webサイトにアクセスを集める(SEO入門)

サーやってまいりました。

Webサイト を作っていくことができるようになると、多くの人に見てもらいたいと思うのは人の心理です。

そこで必要になるのが SEO の知識です。

サーチエンジンオプティマイゼーションのことを SEO と言います。

簡単に説明すると自分があげたいと思っているキーワードを上位表示させるための技術です。

うっちー
要するにGoogleなどのサーチエンジンに「これ(・∀・)イイネ!!」って選んでもらうためにやることがあります。

せっかくサイトを作ったんだったら、上位表示したいですよね。

「せっかく書いた記事が、いつまでたっても1ページ目に入らない。」

「一生懸命やった仕事が誰にも、認められない」のと一緒です。

そこで SEO をどのように勉強した方がいいのでしょうか?

本でSEOを学ぶならこれ

本なら現場のプロから学ぶ SEO技術バイブル(特典PDF付き)がおすすめです。


SEO 勉強するのであったらこの一冊で十分だと思います。

そのぐらい SEO 対策では必須の本です。

 Webマーケティング では必読だと思います。

ネットで SEO 対策の勉強するなら

ネット上で SEO 対策のサイトはたくさんありますので、迷うのですが「バズ部」を紹介しておきます。

バズるじゃないですよ、バズ部

 Web マーケティング業界では有名なサイトですし、 マーケティング業界では超有名なサイトです。

書いてある記事の質も高いので、最初から全部読んでも問題ないのですが、

SEOで成果を出すために必要な知識と実践方法の全て

は読んでおきましょう。

コピーライティングの重要性

 SEO が分かっただけで、 Web サイトにある程度のトラフィック(流れ)を生むことができます。

一日2とか3だったのがいきなり10,20になった時は「(・∀・)イイネ!!」したくなります。

しかし、せっかく読者が来てくれても、記事の内容が低かったら読者はもう来てくれません。

リピーターが増えると、収益も伸びますし、Googleのアップデートの影響を受けて、ある日突然収益がなくなる可能性も少なくなります。

うっちー
そのために必要なのが、ライティングの技術です。

しかも、優秀な人はライターとしてしっかり生計を立ててるので、人の気持ちを掴む文章を書けるライターというのは貴重です。

でも文章を書くのが得意な人は、いいのですが、得意ではない人はどうしたらいいか?

とにかく記事を書いて、書いて、書きまくる。

そして記事を読んで、読んで、読みまくる。

これしかないと思います。

近道はないです。コツコツです。

でも、それだけだとここで挫折しますよね。

なので、これはライティング技術の向上に必要だと思う書籍をご紹介しておきます。

読んでから書くのと、読まないで書くのとではかなり違うと思います。

人を操る禁断の文章術

余りにも有名人ですから説明はいらないと思います。

ちなみにYouTubeも見たほうが勉強になります。

キーワード検索ボリュームを調べる

ここまで、 SEO とライティングに関してざっくりと説明してきましたが、重要なのは、あなたがこれから上位検索させようとしているキーワードが、どのくらい検索ボリュームがあるかということを知らないと大損をします。

あるキーワードが1日に100回検索されるとします。

もうひとつのキーワードは1日に1000回検索されるとします。

もしあなたが、商売をするとすればどちらのキーワードで検索されたいと思いますか?

もちろん検索ボリュームが多いが儲かるんじゃないかと、思いますよね。

現実に置き換えると「100人の人口の町」と「1000人の人口の町」のどちらで商売したほうがいいのか?

答えは簡単ですよね。

検索ボリュームを調べる方法

検索ボリュームは非常に重要です。

このキーワードの検索ボリュームを知るためには、キーワードプランナーというツールを利用します。

 Google が無料で提供しているサービスなので、簡単に調べることができます。

ただしキーワードプランナーは、広告費を使っているアカウントだけが正確な数値を知ることができるように変更されてしまいました。

それでも、大まかな数字は分かるので、ツールとして使わないという手はないです。

詳しい使い方は

【徹底図解】キーワードプランナー使い倒し術【2017年最新版】

をご覧ください。

WordPressを使ってWebサイトを制作する

これでWebサイトを制作とSEOの基礎が分かったと思います。

ここからが、稼ぐための実践となります。

うっちー
今からWebサイトを制作するのであれば、WordPressが絶対おすすめ。

なぜなら、誰でも簡単にWebサイトが作れるから。

ということでWordPressを使ってWebサイトを制作していきましょう。

WordPress入門

ドットインストール:WordPress入門

またまた、ドットインストールです。

ですが、最初の1から6を観ておけば大丈夫。

ドットインストールの動画は1つ3分なので、18分で観終わってしまいます。

お風呂に入りながらで、充分。

あっという間です。

WordPress入門で読んでおきたい本

ビジネスサイトを作って学ぶ WordPressの教科書 Ver.5.x対応版

WordPressの基礎から応用までが解説されており、実践してみることで「WordPressってこんなに簡単に作れるんだ」と自信がつくはず。

作るうちに自分のスキルが上がるのがわかりますよ。

※ヴァージョンアップしているのでもしヴァージョンアップしてたらそちらを購入しましょう。

WordPressでブログを作っちゃお

さて、ここで待ちに待った、ブログ作成です。

あなたの財産となるかもしれないブログが作成できます。

うっちー
長かったかもしれませんが、HTML/CSS/SEO/コピーライティング/WordPressの知識をここで実際に活用できるのです。

ちなみに既存のテンプレートをWordPressにインストールするのを、最初はオススメします。

ググると、沢山テンプレートが検索ででてきますが、これまでの知識を生かすためにも、自由度の高いテーマがオススメ。

bootstrap:HTMLフレームワークにBootstrapが入っているのでカスタマイズしやすい。

foundation:Foundation(海外では有名)で作られているので同じくカスタマイズしやすい

ブログに広告を掲載してみる

ブログに広告を掲載することで収益を生むことが出来ます。

無料ブログでも広告を掲載していますよね。あれですあれ!

ブログで収益を発生させるためには2つの方法があります。

ブログに来た人が広告をクリックする(1クリック10円~30円程度、カテゴリーで高額単価もある)

ブログに来た人が広告のリンク先で商品を購入する(購入金額の数パーセントもしくは決められた金額)

基本的にこの2つの方法があることを知っていれば問題ないです。

初心者の方が、広告を掲載するには、GoogleアドセンスAmazonアソシエイトA8.netの3つを使えば問題ありません。

具体的な使い方はまた別の記事で説明しますね。

Webサイトをグレードアップする

基本的なWebサイト制作はマスターし、ブログも作れて、次にやりたくなるのが、「サイトをかっこよくしたい」「もっと見やすいサイトにしたい」といった事ではないでしょうか?

そこで必要な知識がJavaScript。

しかし、JavaScriptを本気でやるとマジ心折れる。

それくらい難しいので、どうする?って話になります。

そこで便利なのが、jQuery

jQueryが使えると

  1. アニメーションをつける。
  2. 時間によってページの色を変更する。
  3. ユーザーの動作によってCSSを変更してレイアウトを変える。

といった、「このサイトスゲー!」ってなる話です。

でまたドットインストール

jQuery入門(全20回)

といっても1時間くらいで終わるから、安心してね。

本でjQueryを学ぶなら

Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books)

実際に使っているデザインが多いので凄く便利。

これで終わりPHP

長かったプログラミング学習もやっと最後に来ました。

まーここまでくるとサイト制作であまり困ることもないし、自分の満足が行くサイトを作ることが出来るのですが、もっと差別化するためにもPHPをやっておきましょう。

本でPHPを学ぶなら

よくわかるPHPの教科書 【PHP7対応版】

本の帯にある通りPHP入門書のベストセラーです。

動画でPHPを学ぶなら

やっぱりドットインストール

PHP入門(全30回)

内容は濃いですが、高度なウェブアプリケーションを作ることができるPHPについて学んでいきます。

でも悲しいことに、最近は凄く使いやすいフレームワークがたくさんあるので・・・・。真剣にやらなくてもあまり困らない。

初心者から独学で学ぶプログラミング学習まとめ

うっちー
ご苦労様でした。プログラミング学習を独学でやる流れをご紹介してきました。

自分でも書いててほんとによくやったと褒めたい。

本音を言うと、プログラミングスクール行きたかった・・・。なのでおすすめのスクールのせておきます。

プログラミングスクール

20代30代社会人が通いやすいプログラミングスクール【厳選2】

2020年からプログラミングは小学校で必修科目になり、小学生向けも混じっていて非常に分かりづらい!!

そこで、たくさんのプログラミングスクールの中で20代30代の社会人でも通いやすいプログラミングスクールを厳選して2つ選んでみました。

なので勉強歴は長いのですが、その頃にはまだアフィリエイトという言葉も認知されておらず、やっと AdSense や AdWords、 Yahoo 広告が認知されてきた頃でした。

その頃は、メールリストを作ってメールを送るだけで、ある程度お金が入ってきた簡単な時代でした。

それが過ぎると、 AdWords、 Yahoo 広告を使ってお金で検索上位に広告を出していれば、何もしなくても数万円から数十万円を入ってきた時代です。

その流れが変わったのが、2012年あたりです。

楽をして稼いでいたので、当然スキルが全くなく、他に稼ぐ手段を知らなかったので、全く稼げなくなってアフィリエイトというのを一旦止めた時期があります。 

うっちー
理由は、Webサイトを作れなかったから。

しかし、たまたま見つけたWebサイトで 「アフィリエイト野郎」というサイトを見つけたのが始まりです。パシさんという方が、「アフィリエイトのやり方」で手順やらすべてを公表していて、この通りやれば稼げる!と直感したのと、アフィリエイト仲間でも話題になったので、とりあえずやってみた。のがWeb 制作、プログラミング学習の始まりです。

なので私が本当に独学で Web 制作、プログラミング学習の勉強を始めたのは2013年あたりだったと思います。

とりあえずサイトを作らなきゃいけないと思って、 WordPress から入ってきました。

どうなったか‥‥はご存じの通り。

なので個人的には独学ももちろんあり。

でも、プログラミングスクール行ってみたかった。というのが本音。

うっちー
とはいえ、何か行動を起こさないと何も変わらないので、オンラインで説明してもらうとか、メール送るとか一歩を踏み出しましょう!!

独学 or スクールでスキルアップ後、転職したい方向け

プログラミングの独学方法 ※私が実際に学んできたプロセスです

30代初心者でも3か月で出来るプログラミング学習の始め方

プログラミングスクール ※無料体験でWeb制作技術を学べます

プログラミングブートキャンプ無料体験 | TechAcademy

Webマーケの独学方法 ※僕が実際に学んできたプロセスです

独学でWeb制作初心者が月5万円稼げるようになるまでにした勉強法

企業で求められる即戦力技術が身につく ※未経験から99%の受講生が転職に成功。

TECH::CAMPの即戦力エンジニア養成プログラム【TECH::EXPERT】

人気記事 IT企業系に強い転職サイト・エージェント【仕事辞めたい人向け】