【1ヶ月目】知識0で脱サラしてweb制作で月50万に挑戦中

「【1ヶ月目】知識0で脱サラしてweb制作で月50万に挑戦中」のアイキャッチ画像

タグ

お松お松
知識0で脱サラし、web制作で月50万円をかってに目指している管理人ことお松(@matsu_2708)です。早速、1ヶ月目の収支報告をしていきたいと思います。

 

こんな方に読んでほしい!

✔️プログラミング学習の初心者の方

✔️知識0からweb制作に挑戦したい方

✔️脱サラして残高が減っていく恐怖と戦っている同志

 

 

プログラミング学習1ヶ月目の収支報告

収益:0円

残高:70万円(先月比:±0)

学習時間:93時間

提案数:0

受注数:0

 

結果は上記の通りでした。

 

「まだ70万円あるし、大丈夫だろう〜」という呑気な感じでやってた印象があります。

それから、「月曜になっても出社しなくていい」という喜びが抜けた感じになってました。

 

プログラミング学習1ヶ月目の学習内容

 

やった内容は下記の通りです。

 

プログラミング学習1ヶ月目の学習内容

 

僕の場合、プログラミングスクール等には通わずなるだけ安価に学習を進めました。

単純にお金がなかったのと、尊敬するマナブさんのロードマップに「プログラミングスクールに入らなくても大丈夫」との記載があったため、それに習いました。

有料級の記事ですので、ぜひ参考にしてみてください。

【完全初心者向け】プログラミング学習の始め方【3ヶ月で達成できる】

 

✔️プロゲート

プロゲートとは、月額1,078円で利用できる画面上で学習を進めていくプログラミング学習サービスです。

プログラミング初心者のハードルを出来るだけ下げて丁寧に教えてくれるサービスです。

HTMLって何?状態の僕からしたらかなり優しく教えてくれるサービスでした。

HTML/CSSを全く知らない方にはおすすめのサービスです。

 

✔️ドットインストール

ドットインストールもプロゲートと似たサービスで、月額1,080円で利用できるものです。

プロゲートとの一番の違いは、動画をみながら手を動かして進めていくというものです。

HTMLファイルやCSSファイルをあらかじめ用意してくれているプロゲートに対して、ドットインストールは自分でファイルを用意してブラウザ表示させて学習を進めることができます。

せっかく、HTML/CSSを覚えてもそれをネット上で見ることができなければ意味がないので、これもおすすめです。

 

✔️1冊ですべて身につくHTML & CSSとWebデザイン

 

この本はだいぶおすすめでした。

おすすめポイントは「実際にWebページを作ることができる」ところでした。

学んで実際に作ってみる。

これが意外と大事なことだったりします。

 

 

こんなページが作れるようになります。

割とすごくないですか???

知識0からでもホームページっぽいものを作れたので割と楽しくなってました。

 

✔️模写コーディング

プロゲート、ドットインストール、本は大体3週間くらいで終えたのでそのあとはひたすら模写コーディングです。

制作したのは下記2つ

 

蒼乃建設

 

クノールバスソルトゆず&ジンジャーの香り

 

はっきり言って、めちゃめちゃ苦戦しました。

っえ、これどうやってやるの??

こんなのやったことないんだけど、、、

そんなんばっかでした。

 

が、Google Chromeの検証ツールを駆使し、なんとか仕上げました。

 

お松お松
模写コーディングは誰もが苦戦する道ですが、わからないなりにコードをかき、実験してみながらやっていればなんとかなりました!

 

プログラミング学習1ヶ月目の反省点

あんまり、反省するところがないくらいには勉強したのでは?と思います。

が、あえてあげるのであればこんな感じ

 

プログラミング学習1ヶ月目の反省点

  • プロゲートを何周もしてしまった

 

割と多いと聞きますが、プロゲートを何周もしてしまいました。

模写コーディングをやった感じだと、1周で十分かなと思います。

なぜなら、3周もしたのに模写コーディングが全然できなかったから。

 

やはり、目指すところはWeb制作。プロゲートを何周もすることではないです。

次週から頭に入れつつ、学習に取り組みます。

 

プログラミング学習2ヶ月目に向けて

プログラミング学習2ヶ月目は下記に取り組もうと思います。

 

プログラミング学習2ヶ月目にやること

  • 模写コーディング
  • JavaScriptの学習(プロゲート、ドットインストール)
  • jQueryの学習(プロゲート)
  • ポートフォリオの作成

 

模写コーディング

今回、2つ模写をしてみて「まだまだだなあ」と感じたので、もう少しバリエーションを増やしつつ制作時間も気にしてやってみたいと思います。

今後、Web制作をやる上でもHTML/CSSは基礎になるのでちゃんとやっておきたい。

・制作時間の短縮

・模写スキル向上

 

JavaScriptの学習(プロゲート、ドットインストール)

模写をしていて気づいたのが、サイトに動きがあることです。

例えば、下にスクロールするにつれてふわっとなったり。

 

ローディングアイコンがクルクル回っていたり。

 

こんなんどうやってやるんやろ〜って感じなので、このJavaScriptを学習して実装できたらと思います。

そしてハンバーガメニューをできるようになり、ポートフォリオの作成に入りたいと思います。

 

jQueryの学習(プロゲート)

はっきり言って、jQueryがなんなのかはよくわかってませんww

ただ、JavaScriptよりも簡単になったものっていう認識です。

「一応JavaScriptの基礎も学んでおいてjQueryの学習をしたほうが理解も進むだろう」

てな感じでjQueryも学習します。

 

ポートフォリオの作成

月50万円が目的で勉強が目的とならないように気をつけたいところですが、(プロゲート3周など)

案件を取りに行こうにも、僕にはまだなんの実績も経験もありません。

なので、まずは「このくらいのものを私は作れますよ!」のアピールのための材料としてもポートフォリオを作成したいと思います。

 

プログラミング学習1ヶ月目に感じたこと

なんとなく学習計画も特になく1ヶ月目を終えた感が否めません。

「まだ70万円あるし大丈夫でしょっ」

なんの根拠もない楽観思考でなんとなくやってた感が強いです汗

ただ、貯金残高も無限ではありません。

いずれは稼げないと飯を食っていくことはできませんから、なんとかしなければ。

 

とは言いつつも、まだそんなに焦ってはないっていうのが現状です。

また1ヶ月後の収支報告を楽しみにしててください!