#とまとの活動報告 300日間の軌跡 (プログラミング編)
※このnoteは無料で読むことができます。noteを読んで「役に立った!」「とまとを応援したい」というステキな方がいればポチッと購入よろしくお願いいたします。
【このnoteがオススメの人】
・複業が気になっているサラリーマン
・新年からのチャレンジをしようと思い、プログラミングに興味を持った人
・プログラミングの勉強をしようと思っていたけど、前に進んでいない人
こんにちは、とまと(@free_tomatonic)です!
現在会社員として日中はサラリーマン、複業のブログやアフィリエイトやプログラミング等で生計を立てています。
まずは、とまとのnoteに目を留めていただきありがとうございます。
このnoteでは、自分を変えるために300日間行動を実践した私の毎日ツイート【#とまとの活動報告】を紹介していきます。
今回は、プログラミング編です。
プログラミングで案件を初受注するまでの軌跡をまとめました。
「ホームページ制作の受注」という結果が出るまでの過程を1日ごとに公開している人が意外といなかったのでnoteを作成しました。
具体的な勉強時間や勉強内容を公開することで、これからプログラミングを学んでいく人が、『これくらい学習すれば最低限ホームページ制作を受注できるレベルになれる』という指標になればいいなと思っています。
”0”からスタートした凡人の1日ごとのリアルな作業の積み重ねを公開しますので、すでに有名になっている方々の情報と比べると実践しやすい内容となっています。
マネしてもらうだけで再現性は非常に高いと感じています。
プログラミング以外もTwitterやSEOやリスティングなどプログラミング周りの知識のつまみ食いも見てもらえると面白いと思います。
(※実際必要になってくる知識ばかりなので。)
※このnoteでは【副業】ではなく、【複業】という言葉を使っています。
副業は「サブの仕事」というイメージですが、「人生の母艦となる仕事」という意味で複業というワードを使っていきます。
※プログラミングの学習を始めたばかりの方だと、わからない言葉が出てくると思います。まずはGoogleで検索してみてください。もしわからなくてもだんだんわかるようになるのでサッと飛ばしてください。
※注意※
ツイートを1日づつ貼り付けしているのでここからはかなりボリュームがあります。結論だけを知りたい方は
【#とまとの活動報告】プログラミング編まとめから読んでください。
STEP①:1ヶ月目
【学習時間】:約60時間
【学習内容】:TechAcademy・Progate・ドットインストール
【感想】:Youtubeやインターネットで評判の良かった無料動画教材で学習をスタート。HTML・CSSを学習。Progateは月額課金して学んだ。
STEP②:2ヶ月目
【学習時間】:約60時間
【学習内容】:基礎完全ロードマップ・Progate・ドットインストール、模写コーディング
【感想】:マナブさん(@manabubannai)の無料教材:基礎完全ロードマップを中心にProgateなどの動画教材で学習。模写コーディングをしてアウトプットを実践。 BootstrapやFlexboxなど簡単で機能的なコーディングできる技術も学ぶ。
STEP③:3ヶ月目
【学習時間】:約60時間
【学習内容】:独立の完全ロードマップ・Progate・ドットインストール、模写コーディング
【感想】:マナブさん(@manabubannai)の有料教材:独立の完全ロードマップを中心にProgateなどの動画教材で学習。JavaScriptを学ぼうとするも複雑でプチ挫折。PHPの学習を本格的に始動した。
※正しくは、5/21 71日目
※正しくは、5/22 72日目
※正しくは、5/23 73日目
※正しくは、5/24 74日目
※正しくは、5/25 75日目
STEP④:4ヶ月目
【学習時間】:約94時間
【学習内容】:独立の完全ロードマップ・Progate・よくわかるPHPの教科書
【感想】:マナブさん(@manabubannai)の有料教材:独立の完全ロードマップを中心によくわかるPHPの教科書でPHPを学習。動きのあるサイトを作りたくてJQueryをProgateで学ぶ。Wordpress案件受注のためまずは自分のブログを制作し、Wordpressの使い方に慣れるため記事も更新した。
SEOやリスティングに興味が湧いてきたのもこの頃。GoogleAdsenseで広告収入を初めて得ることができた。
エンジニア転職という道も知りたくて何社か面接を受けてみたが、自分の目標とする生活とは合わず、断念した。
STEP⑤:5ヶ月目
【学習時間】:プログラミング約36時間・アフィリエイト約55時間
【学習内容】:東フリ(30DAYSトライアル3rd)・サイト設計の基礎
【感想】:東京フリーランス の無料教材:30DAYSトライアル3rdを中心にWordPressの構造を学ぶ。テーマを自分で制作し、Wordpressの使い方にも慣れてきた。
noteやPolcaというサービスに興味が出て利用してみたのもこの頃。
5ヶ月目でついに!WordPressのサイト制作案件を受注できた!
※正しくは、7/25 135日目
※正しくは、7/26 136日目
【#とまとの活動報告】プログラミング編 まとめ
<1ヶ月目>
【学習時間】:約60時間
【学習内容】:TechAcademy・Progate・ドットインストール
【感想】:Youtubeやインターネットで評判の良かった無料動画教材で学習をスタート。HTML・CSSを学習。Progateは月額課金して学んだ。
<2ヶ月目>
【学習時間】:約60時間
【学習内容】:基礎完全ロードマップ・Progate・ドットインストール、模写コーディング
【感想】:マナブさん(@manabubannai)の無料教材:基礎完全ロードマップを中心にProgateなどの動画教材で学習。模写コーディングをしてアウトプットを実践。 BootstrapやFlexboxなど簡単で機能的なコーディングできる技術も学ぶ。
<3ヶ月目>
【学習時間】:約60時間
【学習内容】:独立の完全ロードマップ・Progate・ドットインストール、模写コーディング
【感想】:マナブさん(@manabubannai)の有料教材:独立の完全ロードマップを中心にProgateなどの動画教材で学習。JavaScriptを学ぼうとするも複雑でプチ挫折。PHPの学習を本格的に始動した。
<4ヶ月目>
【学習時間】:約94時間
【学習内容】:独立の完全ロードマップ・Progate・よくわかるPHPの教科書
【感想】:マナブさん(@manabubannai)の有料教材:独立の完全ロードマップを中心によくわかるPHPの教科書でPHPを学習。動きのあるサイトを作りたくてJQueryをProgateで学ぶ。Wordpress案件受注のためまずは自分のブログを制作し、Wordpressの使い方に慣れるため記事も更新した。
SEOやリスティングに興味が湧いてきたのもこの頃。GoogleAdsenseで広告収入を初めて得ることができた。
エンジニア転職という道も知りたくて何社か面接を受けてみたが、自分の目標とする生活とは合わず、断念した。
<5ヶ月目>
【学習時間】:プログラミング約36時間・アフィリエイト約55時間
【学習内容】:東フリ(30DAYSトライアル3rd)・サイト設計の基礎
【感想】:東京フリーランス の無料教材:30DAYSトライアル3rdを中心にWordPressの構造を学ぶ。テーマを自分で制作し、Wordpressの使い方にも慣れてきた。
noteやPolcaというサービスに興味が出て利用してみたのもこの頃。
5ヶ月目でついに!WordPressのサイト制作案件を受注できた!
<まとめ>
【プログラミング学習総時間】:約310時間
1日平均2時間なので会社員でも継続することが可能な時間です。平日と土日でバランス良く学習を続けていくことが大切。
【学習内容】
①TechAcademy・Progate・ドットインストールなど無料動画教材でHTML・CSSを60時間学習
↓
②Progate有料課金部分の動画教材・マナブさんの基礎完全ロードマップ・ドットインストールなど無料教材を活用し、HTML・CSSを60時間学習BootstrapやFlexboxなどの新しい技術も学びつつ、模写コーディングも始める。
↓
③マナブさんの基礎完全ロードマップの模写コーディングができるほどの実力がついたら、独立の完全ロードマップ(有料教材)でPHPを60時間学習
※この教材は購入制限があるため、買えない場合はProgateやよくわかるPHPの教科書でPHPを学んでいく。
↓
④PHPの学習を中心にWordPressに慣れる必要があるので、自分のブログを作りましょう。JQueryを軽く触っておくのもあり。90〜100時間学習
↓
⑤東京フリーランス の無料教材:30DAYSトライアル3rdを中心にWordPressの構造を学ぶ。WordPressテーマを制作することでWordPressの理解が深まる。30〜40時間学習
【感想】
HTML・CSSはスムーズに学習が進みました。他のサイトをマネしてサイト制作を行う「模写コーディング」もピクセルパーフェクト(ズレのない完璧な)でなければ良い調子で学習できました。
ただ、PHPやJavaScriptは学習の深追いしすぎると沼の中にハマってしまいます。『わからなくても仕方ないや』というくらいの心持ちで前に前に学習を進めていきましょう!
※WordPress案件受注獲得に関しては、営業スキルが必要になってきますので機会があればまたnoteで発信できればなと考えています。
【まとめ】
プログラミングを”0”から始めた落ちこぼれサラリーマンの私でも300時間学習するとホームページ制作の案件を受注することができました。
プログラミングの学習内容はGoogleで検索したり、YouTubeで調べると質の高い学習教材が見つかります。現代はステキですね。
これからプログラミング学習を始める方の参考になればありがたいです。
今後も【#とまとの活動報告】というハッシュタグを使用してツイートで活動のログを残していきます。興味がある方はぜひチェックしてくださいね!
-----------------------------------------------------------------------------
ここまで読んでいただき、ありがとうございました!
noteの内容が良かったと思ってもらえたら、【スキ】【オススメ】をいただけると、とまとが生きる希望になります!
Twitterでこのnoteの感想をレビューしていただけると、とまとが踊り回ります!!もちろんRTもします╮^o^)╮-。・*・:≡🍅🍅
ということで以上となります!
有益だなと思っていただけた皆さん、拡散の程、よろしくお願いします!
\tomablogも見てね/
これからプログラミングを学んでいく人の指標になれば嬉しいです!
※このnoteを読んで「役に立った!」「とまとを応援したい」というステキな方がいればポチッと購入よろしくお願いいたします。
有料部分(※ありのままのとまとを見ていただけたら!)
ここから先は
¥ 500
本記事を読んでくれてありがとうございます。「いいね」とか「ぼちぼち」と思ってもらえたら、サポートお願いします。とまとが生きる励みになります╮^o^)╮-。・*・:≡🍅🍅