独学でWeb制作初心者が月5万円稼げるようになるまでにした勉強法
Web 制作の勉強を始めたのは 2009年メニエールを発症した時に、2週間休職していた間、家でパソコンを触っている時にたまたまパソコンを使って稼ぐことができる方法があると知ってからです。 [voice icon="/wp-content/uploads/2020/02/kaidan_ojisan.png" alt="うつ病" width="131" height="150" />" name="うっちー" type="l line"]もう一度言いますが私は Web 制作を独学で勉強しました。[/voice] 今思えば、プログラミングスクールとか、よくプログラミングを分かっている人に教わりに行けば良かったなと素直に思います。本当に効率が悪いことをしていました。性格的に人に教わったり、頼みに行くのがめんどくさいというか・・・申し訳ないと感じてしまうので、これはこれで良かったのかもしれません。基本的に人付き合いは普通に出来ますが、本音は見せないほうです。この記事を読んでいる人は、独学で何とかしようと思っている人たちだと思うので、そういう人たちに向けて、記事を書いていきたいと思います。この記事を読んだ後に実行すれば、おそらく lancers で月3万から5万円ぐらい稼げるようにはなると思います。独学でやるのは心が折れそうになりますが、頑張ってください。というか頑張ろう!!それではいってみましょう※今ではプログラミングスクールも増えていますし、基礎から丁寧に教えてくれるのと時間のロスがないので、早道をしたい方は、プログラミングスクールを利用するのも全然ありと思います。 [box class="pink_box"]⇒20代30代の社会人でも通いやすいプログラミングスクール3つ選んでみた[kanren postid="832"][/box]
ウェブサイトの仕組みと基礎
まず私はここで多分間違えたと思います。 いきなり WordPress を 利用して個人でブログを作ろうとしましたがなかなかうまくいきませんでした。当たり前の話で 、基礎も何もないのに飛び込んだら ひとたまりもありません。訳が分からないまま、玉砕。ある日CSSをいじってサイトが崩れました。 デザインが‥‥どう見ても読みたいと思うサイトじゃない‥‥。心が折れそうになったのを覚えてます。その時に、「ドットインストール」というサイトに出会います。はっきり言ってプログラミングを無料で独学でやるなら「ドットインストール」神降臨!!※有料のページもあるよ。これが無料でしかも動画で見れた時の、感動!! [voice icon="/wp-content/uploads/2020/02/kaidan_ojisan.png" alt="うつ病" width="131" height="150" />" name="うっちー" type="l line"]正直、後は「ドットインストール」を観てくださいで終わり。[/voice] というくらいです。なので、最短で独学で行くルートはこれだと思うのでどうやったら「最短でWebサイト制作が出来るようになるのか?」について記載 しておきます。
デベロッパーツールを使う
学習環境を整えよう
[box class="blue_box"]
[/box]これは絶対最初にやっといた方がいいと思います。このセッティングをしておくと、かなり効率が上がります。最初のころは、分かりずらいですが、「やっていくうちにこんなに便利なの誰が作ったんだ!!まさに神!」って気持ちになるから。 ※それとパソコンは2,3年は使えるスペックが入ったパソコンを使いましょう。ここでケチると、あとで後悔しますよ。
ドットインストールでHTML入門/CSS入門を見て学ぶ
HTML/CSSの概要を理解しよう
はじめてのHTML (全14回) はじめてのCSS(全13回)独学で本当にお世話になった「ドットインストール」。「ドットインストール」は、プログラミングを動画でわかりやすく解説しているサイトです。そして、一つ一つのの動画がシンプルで短い。長くても3分ほど。だから、集中して勉強できるし、ちょっとした隙間時間に見ることが出来ます。海外には動画でプログラミングを勉強するサイトはたくさんあるのですが、日本では「ドットインストール」ぐらい。と言うか情報量が一番!!ちなみに全部見なくていいですからね!それ+読書もしておくと完璧よくわかるHTML5+CSS3の教科書【第3版】 教科書シリーズなんかも読んでおくと、基礎はバッチリ。[voice icon="/wp-content/uploads/2020/02/kaidan_ojisan.png" alt="うつ病" width="131" height="150" />" name="うっちー" type="l line"]まー余り肩に力を入れすぎて、完璧を求めすぎてしまうとここで挫折するので。先はまだまだあるので、半分できたらいいぐらいで進んだ方がいいと思います。[/voice]この辺まで来るとHTML/CSSの概要は、こんなもんかというようなくらいにはなってると思います。
フレームワーク(Bootstrap)を使おう
基礎が出来ると欲が出ます。そこで フレームワークを使うこと使うことをお勧めします。フレームワークというのは、システム開発を楽に行えるように用意された、プログラムとかのひな形のこと。まー楽にプログラミングをできるような仕組みとだけ認識して置けば大丈夫。何しろフレームワークを使い出すと、プログラミングがさらに楽しくなってきます。 HTML のフレームワークが数多くあるのですがその中でもBootstrapを利用することをお勧めします。Bootstrap は自由度が高いので、文字のサイズやスタイルの設定、背景色の設定や文字色の設定など自由自在に出来るようになります。 [voice icon="/wp-content/uploads/2020/02/kaidan_ojisan.png" alt="うつ病" width="131" height="150" />" name="うっちー" type="l line"]またレイアウト の作成などもできるようになるとオリジナリティが出て楽しいですよ。[/voice] 勉強方法はドットインストールのリンクから動画を見て勉強しましょう。って頼りすぎじゃねーって言われそう。Bootstrap 4入門
Webサイトにアクセスを集める(SEO入門)
サーやってまいりました。Webサイト を作っていくことができるようになると、多くの人に見てもらいたいと思うのは人の心理です。そこで必要になるのが SEO の知識です。サーチエンジンオプティマイゼーションのことを SEO と言います。簡単に説明すると自分があげたいと思っているキーワードを上位表示させるための技術です。 [voice icon="/wp-content/uploads/2020/02/kaidan_ojisan.png" alt="うつ病" width="131" height="150" />" name="うっちー" type="l line"]要するにGoogleなどのサーチエンジンに「これ(・∀・)イイネ!!」って選んでもらうためにやることがあります。[/voice] せっかくサイトを作ったんだったら、上位表示したいですよね。「せっかく書いた記事が、いつまでたっても1ページ目に入らない。」「一生懸命やった仕事が誰にも、認められない」のと一緒です。そこで SEO をどのように勉強した方がいいのでしょうか?
本でSEOを学ぶならこれ
本なら現場のプロから学ぶ SEO技術バイブル(特典PDF付き)がおすすめです。SEO 勉強するのであったらこの一冊で十分だと思います。そのぐらい SEO 対策では必須の本です。 Webマーケティング では必読だと思います。
ネットで SEO 対策の勉強するなら
ネット上で SEO 対策のサイトはたくさんありますので、迷うのですが「バズ部」を紹介しておきます。バズるじゃないですよ、バズ部 Web マーケティング業界では有名なサイトですし、 マーケティング業界では超有名なサイトです。書いてある記事の質も高いので、最初から全部読んでも問題ないのですが、
は読んでおきましょう。
コピーライティングの重要性
SEO が分かっただけで、 Web サイトにある程度のトラフィック(流れ)を生むことができます。一日2とか3だったのがいきなり10,20になった時は「(・∀・)イイネ!!」したくなります。しかし、せっかく読者が来てくれても、記事の内容が低かったら読者はもう来てくれません。リピーターが増えると、収益も伸びますし、Googleのアップデートの影響を受けて、ある日突然収益がなくなる可能性も少なくなります。 [voice icon="/wp-content/uploads/2020/02/kaidan_ojisan.png" alt="うつ病" width="131" height="150" />" name="うっちー" type="l line"]そのために必要なのが、ライティングの技術です。[/voice] しかも、優秀な人はライターとしてしっかり生計を立ててるので、人の気持ちを掴む文章を書けるライターというのは貴重です。でも文章を書くのが得意な人は、いいのですが、得意ではない人はどうしたらいいか?とにかく記事を書いて、書いて、書きまくる。そして記事を読んで、読んで、読みまくる。これしかないと思います。近道はないです。コツコツです。でも、それだけだとここで挫折しますよね。なので、これはライティング技術の向上に必要だと思う書籍をご紹介しておきます。読んでから書くのと、読まないで書くのとではかなり違うと思います。人を操る禁断の文章術余りにも有名人ですから説明はいらないと思います。ちなみにYouTubeも見たほうが勉強になります。
キーワード検索ボリュームを調べる
ここまで、 SEO とライティングに関してざっくりと説明してきましたが、重要なのは、あなたがこれから上位検索させようとしているキーワードが、どのくらい検索ボリュームがあるかということを知らないと大損をします。あるキーワードが1日に100回検索されるとします。もうひとつのキーワードは1日に1000回検索されるとします。もしあなたが、商売をするとすればどちらのキーワードで検索されたいと思いますか?もちろん検索ボリュームが多いが儲かるんじゃないかと、思いますよね。現実に置き換えると「100人の人口の町」と「1000人の人口の町」のどちらで商売したほうがいいのか?答えは簡単ですよね。
検索ボリュームを調べる方法
検索ボリュームは非常に重要です。このキーワードの検索ボリュームを知るためには、キーワードプランナーというツールを利用します。 Google が無料で提供しているサービスなので、簡単に調べることができます。 ただしキーワードプランナーは、広告費を使っているアカウントだけが正確な数値を知ることができるように変更されてしまいました。それでも、大まかな数字は分かるので、ツールとして使わないという手はないです。詳しい使い方は⇒【徹底図解】キーワードプランナー使い倒し術【2017年最新版】をご覧ください。
WordPressを使ってWebサイトを制作する
これでWebサイトを制作とSEOの基礎が分かったと思います。ここからが、稼ぐための実践となります。 [voice icon="/wp-content/uploads/2020/02/kaidan_ojisan.png" alt="うつ病" width="131" height="150" />" name="うっちー" type="l line"]今からWebサイトを制作するのであれば、WordPressが絶対おすすめ。[/voice] なぜなら、誰でも簡単にWebサイトが作れるから。 ということでWordPressを使ってWebサイトを制作していきましょう。
WordPress入門
ドットインストール:WordPress入門またまた、ドットインストールです。ですが、最初の1から6を観ておけば大丈夫。ドットインストールの動画は1つ3分なので、18分で観終わってしまいます。お風呂に入りながらで、充分。あっという間です。
WordPress入門で読んでおきたい本
ビジネスサイトを作って学ぶ WordPressの教科書 Ver.5.x対応版WordPressの基礎から応用までが解説されており、実践してみることで「WordPressってこんなに簡単に作れるんだ」と自信がつくはず。作るうちに自分のスキルが上がるのがわかりますよ。※ヴァージョンアップしているのでもしヴァージョンアップしてたらそちらを購入しましょう。
WordPressでブログを作っちゃお
さて、ここで待ちに待った、ブログ作成です。あなたの財産となるかもしれないブログが作成できます。 [voice icon="/wp-content/uploads/2020/02/kaidan_ojisan.png" alt="うつ病" width="131" height="150" />" name="うっちー" type="l line"]長かったかもしれませんが、HTML/CSS/SEO/コピーライティング/WordPressの知識をここで実際に活用できるのです。[/voice] ちなみに既存のテンプレートをWordPressにインストールするのを、最初はオススメします。ググると、沢山テンプレートが検索ででてきますが、これまでの知識を生かすためにも、自由度の高いテーマがオススメ。bootstrap:HTMLフレームワークにBootstrapが入っているのでカスタマイズしやすい。foundation:Foundation(海外では有名)で作られているので同じくカスタマイズしやすい
ブログに広告を掲載してみる
ブログに広告を掲載することで収益を生むことが出来ます。無料ブログでも広告を掲載していますよね。あれですあれ!ブログで収益を発生させるためには2つの方法があります。 [box class="blue_box"] ブログに来た人が広告をクリックする(1クリック10円~30円程度、カテゴリーで高額単価もある)ブログに来た人が広告のリンク先で商品を購入する(購入金額の数パーセントもしくは決められた金額) [/box] 基本的にこの2つの方法があることを知っていれば問題ないです。初心者の方が、広告を掲載するには、Googleアドセンス、Amazonアソシエイト、A8.netの3つを使えば問題ありません。具体的な使い方はまた別の記事で説明しますね。
Webサイトをグレードアップする
基本的なWebサイト制作はマスターし、ブログも作れて、次にやりたくなるのが、「サイトをかっこよくしたい」「もっと見やすいサイトにしたい」といった事ではないでしょうか?そこで必要な知識がJavaScript。しかし、JavaScriptを本気でやるとマジ心折れる。それくらい難しいので、どうする?って話になります。そこで便利なのが、jQueryjQueryが使えると [box class="blue_box"]
- アニメーションをつける。
- 時間によってページの色を変更する。
- ユーザーの動作によってCSSを変更してレイアウトを変える。
本でjQueryを学ぶなら
これで終わりPHP
長かったプログラミング学習もやっと最後に来ました。まーここまでくるとサイト制作であまり困ることもないし、自分の満足が行くサイトを作ることが出来るのですが、もっと差別化するためにもPHPをやっておきましょう。
本でPHPを学ぶなら
動画でPHPを学ぶなら
やっぱりドットインストールPHP入門(全30回)内容は濃いですが、高度なウェブアプリケーションを作ることができるPHPについて学んでいきます。でも悲しいことに、最近は凄く使いやすいフレームワークがたくさんあるので・・・・。真剣にやらなくてもあまり困らない。
初心者から独学で学ぶプログラミング学習まとめ
[voice icon="/wp-content/uploads/2020/02/kaidan_ojisan.png" alt="うつ病" width="131" height="150" />" name="うっちー" type="l line"]ご苦労様でした。プログラミング学習を独学でやる流れをご紹介してきました。[/voice] 自分でも書いててほんとによくやったと褒めたい。本音を言うと、プログラミングスクール行きたかった・・・。なのでおすすめのスクールのせておきます。[box class="blue_box"]20代30代の社会人でも通いやすいプログラミングスクール4つ選んでみた2020年からプログラミングは小学校で必修科目になり、小学生向けも混じっていて非常に分かりづらい!!そこで、たくさんのプログラミングスクールの中で20代30代の社会人でも通いやすいプログラミングスクールを4つ選んでみました。[/box][/voice] うつ病仕事辞めたい