YouTubeではブログで伝えきれないプログラミングやWEB制作に関する有益情報を配信中!(当サイトはアフィリエイト広告を利用しています)

【プログラミング1ヶ月目】独学でHTML/CSSを135時間勉強しました!

こんにちは。

元銀行員エンジニアのきたしょー(@KitamuraShohei)です。

プログラミング1ヶ月目の成果報告です!

  • 収益:0円
  • 新規案件受注:1件
  • 勉強時間:135時間

大手プログラミングスクール侍エンジニア塾のエンジニア歴10年の現役エンジニア講師にサポートしてもらいながら、ほぼ独学で135時間勉強しましたが、お金を稼ぐまでには至らず。

しかし、仕事に繋がりそうな案件は1件獲得することができました!

本記事では、プログラミング1ヶ月目を振り返ります。

 

▼総制作費100万円超【豪華10大特典】プレゼント▼

プログラミング1ヶ月目は独学で135時間勉強するもお金を稼ぐまでには至らず

プログラミング1ヶ月目は独学で135時間勉強しましたが、お金を稼ぐまでには至りませんでした。

とはいえ、案件は1件獲得しました!

ぼくは以前からフリーランスとして活動しているので、フリーランス繋がりで案件を獲得!

「やはりSNSでの情報発信は大切だな!」と痛感しましたね

プログラミングを学び始めて10日目で早くもお仕事をもらいました!笑

あとはWebサービスを作れるだけのプログラミングスキルを身に付けるだけ!

SNSで情報発信するのってやっぱりイイネ!

プログラミング学習マジで頑張ります☺️ https://t.co/V0L83szFiy

— きたしょー@元銀行員エンジニアブロガー (@KitamuraShohei) 2019年2月10日

プログラミングを1ヶ月で135時間勉強した感想としては、たとえ毎日5時間勉強したとしても、たった1ヶ月ではお金を稼ぐレベルにはほぼ到達できないということ

1ヶ月短期集中コースがあるプログラミングスクールに通えば、手厚いサポートを受けて1ヶ月でお金を稼ぐレベルにまで達するかもしれません。

ですが、東大レベルの天才でない限り、一般人が1ヶ月で100時間以上独学したとしても、お金を稼ぐまでには至らないでしょう。

プログラミングを1ヶ月独学するだけでお金を稼ぐことはほぼできない

というのがぼくの見解です。

プログラミングを1ヶ月独学で勉強したら言語の全体像が理解できるレベルになる

では、プログラミングを1ヶ月独学で勉強したらどのくらいのレベルに達するのか?

結論としては、学習した言語の全体像が理解できる程度です

「CSSの〇〇のプロパティを使えば△△になるはず!」とコードを書いた結果を頭でイメージできるようになります

もちろん個人の能力差によって変わってきますが、おおよそこんなもんかなと。

プログラミングを1ヶ月独学で勉強するだけでは「自力でサイト制作できるレベル = お金を稼ぐことができるレベル」に到達するのは難しいでしょう

【あわせて読みたい】プログラミングを1ヶ月独学してもスキル習得は無理な話

未経験者がプログラミングを1ヶ月で習得する方法【独学は無理です】

プログラミング1ヶ月目:勉強方法はProgate/ドットインストール/参考書/サイト模写&写経

プログラミング1ヶ月目の勉強方法は以下の通り。

  • Progate:HTML/CSS/JavaScript/jQuery/PHP/Ruby
  • ドットインストール:HTML/CSS
  • 参考書:HTML/CSS
  • サイト写経:iSara[イサラ]|バンコクのノマドエンジニア育成講座

1:Progate

ぼくは2019年2月からプログラミングの勉強を開始して、2月11日から侍エンジニア塾を受講しました。

最初の10日間は勉強方法が全く分からなかったので、プログラミングというものを理解するためにProgateのHTML/CSS/JavaScript/jQuery/Ruby/PHPを1周しました

ですが、Progateは解説を見てもよく分からなかったですね

なので、「〇〇というコードを書けば△△になるんだ〜!」と頭で理解するのを目標に答えを見ながらコードを書いていきました。

未経験者が最初から一から十まで理解しようとすると学習スピードが落ちて効率が悪くなります。

なので、まず始めは大まかな仕組みの理解を目標に学習した方がいいですね。

>>Progateはこちら

2:ドットインストール

ドットインストールではHTML/CSSの基礎動画を見ながら、実際にコードを書いていきました。

Progateではスライドを見ながら指示通りにコードを書いていくのに対して、ドットインストールでは解説者の音声に従ってコードを書いていきます。

基本的にはProgateもドットインストール似たような学習内容ですが、ドットインストールではProgateでは教えてくれないコードの読み方や細かいショートカット術なども解説してくれます

Progateとドットインストールはセットで学習することをおすすめします。

>>ドットインストールはこちら

3:HTML5&CSS3デザインレシピ集

プログラミング1ヶ月目での一番の失敗は参考書の勉強方法です。

ぼくはHTML/CSSの全体像を理解するために600ページくらいある参考書をずっと読んで勉強していました。

でも、いざHTML/CSSのコードを書こうと思ったら、全然頭から出て来なかったんですよね!笑

プログラミングはいくら目で見て耳で聞いて頭で理解してもコードを書けるようにはなりません

Progateにしろドットインストールにしろ参考書にしろ勉強する際は必ずコードを書くこと

特に分厚い参考書を読んだら、頭で理解している気にはなりますが、実はスキルとしては定着していません。

必ず参考書を読みながらコードを書くようにしましょう。

4:iSara[イサラ]のサイト模写&写経

プログラミングの勉強を始めて2週間後、「ずっと勉強ばかりしていてもサイトを作れるようにはならないからサイトの模写をしよう!」と思い立ちました。

サイト模写とは?

※サイト模写とは、公開中のサイトを見て、ソースコードを見ずにコーディングすること。

しかし、プログラミングを始めて2週間程度では、サイトの外観を見るだけでどのようなコードが書かれているか分かる訳がありませんでした。

速攻でコーディング模写は諦めて次はサイトを写経することにしました

サイト写経とは?

※サイト写経とは、公開中のサイトのソースコードを見ながらコーディングすること。

サイト写経についてネットで検索したら、「iSara[イサラ]のサイトが写経におすすめ」という情報を発見したので、iSaraのサイトを写経することに。

サイト写経には様々な手法があるのですが、ぼくはひたすらコードを見ながら真似してコードを書いていく手法をとりました。

デベローパーツールでサイトのデザインとソースコードを見ながらコードを書くことでコードの意味や全体像の把握ができるので勉強方法として写経はおすすめですよ

>>iSara[イサラ]|バンコクのノマドエンジニア育成講座はこちら

プログラミング1ヶ月目:反省点から導き出す理想の勉強方法

ぼくも最短でプログラミングを習得するためにネットで勉強方法を事前に調べたのですが、やはり無駄な時間をゼロにして目標に向かって一直線に勉強するのは難しいですね

ぼくの性格の問題なのか、どんなに最善を尽くしても「もっと〇〇すればよかった〜」とか「△△はしなければよかった〜」と思ってしまうんですよね。

ここからはプログラミング1ヶ月目の反省点を活かして理想の勉強方法を考えていきます。

1:プログラミングの勉強をする際は必ずコードを書く

プログラミングをやっている先輩たちはみな口を揃えて「コードを書け!」と言っていますが、まさにその通りでしたね。

コードを書かないとプログラミングスキルは身に付きません!

いくら分厚い参考書を読んでも、ドットインストールの動画を何度も見ても、コードを書かなければスキルとして定着しません

「手間を惜しんでコードを書きながら勉強すればよかった…」とぼくは何度も後悔しました。

プログラミングを勉強する際は絶対にコードを書くようにしてください!

2:HTML/CSSから勉強する

プログラミングを学習する目的によって学ぶ言語も変わってくると思いますが、ほとんどの人が最初にHTML/CSSを勉強すると思います。

ぼくは最初にプログラミングの全体像を理解するためにProgateでHTML/CSS/JavaScript/jQuery/Ruby/PHPを勉強しました。

ですが、最初にRuby/PHPまで勉強したとしてもどうせあとになったら忘れる(現時点ですでに忘れている)ので、最初はHTML/CSSだけを集中的に勉強すればよかったですね

いまのぼくがプログラミング勉強開始時に戻ったら、「ProgateのHTML/CSS→ドットインストールのHTML/CSS」を難易度を上げながら集中的に3周やりますね!

3:Progate・ドットインストールをメインに勉強する

ぼくはProgateのHTML/CSSの勉強が終わったあと、参考書でHTML/CSSの勉強をしました。

ですが、いま考えればProgateが終わったあと、ドットインストールをやればよかったです。

参考書はProgateやドットインストールよりも詳細な知識が載っているのですが、初心者には理解しにくい箇所が多いし、なにせ勉強していてあまり楽しくありません。

ドットインストールでは解説者が音声付きで解説してくれるので、途中でつまずくことはほとんどないし、コードを書いたらすぐに形になるので楽しいんですよね。

プログラミングを勉強し始めたときにプログラミングの楽しさを身体で感じるのは挫折せずに継続させるポイントです

ぜひ「Progate→ドットインストール」の順番で勉強してみてください。

反省点から導き出す理想の勉強方法

  1. 絶対にコードを書きながら勉強する
  2. 最初はHTML/CSSを集中的に勉強する →「ProgateのHTML/CSS→ドットインストールのHTML/CSS」を難易度を上げながら3周
  3. 「Progate→ドットインストール→参考書」の順番で勉強する

【あわせて読みたい】ぼくがプログラミング学習で後悔してることまとめ

プログラミング学習における最大の後悔6つ【マジでやめとけばよかった】

プログラミング2ヶ月目は案件獲得・初収益を目指します!

ぼくのプログラミング1ヶ月目の振り返りが少しでもあなたのお役に立てたなら大変嬉しいです。

1ヶ月目はプログラミングの勉強を中心に行ってきましたが、2ヶ月目以降はポートフォリオ制作や案件獲得に比重を置いていきます

引き続き、プログラミング頑張ります〜!!!

【あわせて読みたい】プログラミング2ヶ月目の成果報告

【プログラミング2ヶ月目】コーディング案件を死にかけながら納品しました!

プログラミングに関する人気記事

プログラミング未経験者が月収100万円稼ぐまでの過程を実況する!

プログラミング初心者が月15万円稼ぐまでの全ステップ【完全保存版】

本気でおすすめできるプログラミングスクール5選【現役エンジニア厳選】