![見出し画像](https://assets.st-note.com/production/uploads/images/41796205/rectangle_large_type_2_967c255b31c1146270dbedea1a48985a.jpg?width=800)
情報収集しすぎて混乱してない?プログラミング学習・ロードマップを比較してまとめてみた(2020年12月)
こんにちは。40代後半の専業主婦、たきあさひと申します。
現在WEB制作者を目指して独学中です。
なぜWEB制作?専業主婦以前の仕事はやらないの?主婦がプログラミングできるの?
…などは長くなりそうなので、とりあえず割愛です。
さて、プログラミング学習するとは決めたものどう進めればいいのか?ということでツイッターで情報収集しました。
そしたらですね、世の中にはたくさんフリーランスで稼いでいる方々がいて、惜しみなくロードマップを公開していただいてます。(だから稼げるんですね…!)
しかしこのような情報収集は面白い反面、つい見過ぎてしまって結局どれにしたらよいのか分からなくなってしまいます。
私と同じく、初心者で迷いすぎてしまった方々に参考になればと思い、様々なロードマップを比較してまとめてみました。
ちなみに私は以下の2点を重視しました。細かい部分は自分用にアレンジしてください。
①早く稼ぎたい
②インプット2割、アウトプット8割
※ここで注意です!!※
※1 プログラミング学習は、日々更新されていくものだと思います。今回の記事には「2020年12月」と明記しましたが、賞味期限?は1年ぐらいかなあと思っています。それ以降は新しく情報収集した方がいいのではないかと思います。
※2021年3月追記
賞味期限を3ヶ月に訂正します!(つまりこの記事はもう古いです💦)
Bootstrapはやらなくても良い、という表記をツイッターで見かけるようになりました。もう一つ、WordPressが使えると案件数が増えるので、案件はWordPress学習後の方が良いというアドバイスもいただきました。
※2 今回の記事はあくまでも流れのみです。詳しい独学方法については後々書いてみたいと思ってはいますが、今の段階では各自調べていただきたいと思います。
【1】参考にさせていただいたロードマップ紹介
今日は自分のロードマップを再考する日です。
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
いろんな人のロードマップを参考にしてみました。
マナブさん@manabubannai
だんさん@dan03301
みささん@misaprog
祐太さん@haraponta1496
みとさん@mito_710_1
たつきさん@tatsuuu_227
たかとさん@takatofukutani
LiLiさん@pearlili3#たきあさスキル
【1】-1 マナブさんロードマップ
マナブさんhttps://t.co/q0MpTMpb5Ohttps://t.co/nGLn06Y6JT
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
言わずと知れた超有名サイト。
私もマナブさんを知ってプログラミングにしようと決めました。
2018年の記事なので、もしかして今は微妙に違うルートもあるのかもしれません。
ですが、やはりここが王道です。
最初に読むべきページです
【2】-2 だんさんロードマップ
だんさんhttps://t.co/1rFbfL6ed3
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
今月初めなので新鮮な情報です
大学生が~と書いてますが、おばちゃんが読んでもいいのです
・初案件については3万円の案件に5000円で提案するイメージで
・無料で相談できるところの紹介
・コーディング編とワードプレス編に分かれている
とにかく分かりやすい!
【1】-3 みささんロードマップ
みささんhttps://t.co/faI51F8XVB
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
・基礎学習、初案件、月収20万、月収50万、に分かれている
・HTML→CSS(→Bootstrap)→JS(→jQuery)の()の流れがすっきりした
・コーディングのみの案件は少ない、のでデザインの勉強もしたというところに納得
自分じゃ気づかなかった事について書いてあります!
【1】-4 祐太さんロードマップ
祐太さんhttps://t.co/pISrBlhyLF
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
・ブルーライト眼鏡や、スタンドなど、勉強じゃないけど大事なこと
・独学にかかった金額の詳細が載っている
・実際に獲得した案件のページが見られる!
とにかく独学の詳細を惜しみなく公開。
特に実際に獲得した案件のページが見られるのは、参考になりました。
【1】ー5 みとさんロードマップ
みとさんhttps://t.co/ErgkVsmAnV
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
・それぞれの工程に目安期間が書いてある
・基本とオプションに分かれている
・基本にかかる費用は980円とあり、心強い
・ポートフォリオに載せて良い模写サイトをここで知った
情報量がすごいです!
【1】ー6 たつきさんロードマップ
たつきさんhttps://t.co/RfjpdaZPIB
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
・「いろんな人の記事を参考にするのはいいけど継続の仕方をころころ変えない方がいいかなと、経験上思います。」
↑とにかくこれが刺さりました!
ツイッターでいろんな人のロードマップを読んで、あれも良さそう、これも良さそうとフラフラしてしまってました。
【1】-7 たかとさんロードマップ
たかとさんhttps://t.co/C6MWyKsMSF
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
こちらも大学生と書いてありますが、いいんです。おばちゃんでも!
・稼ぐことと、スキルをあげることは相関しない
・楽しくなければやめてOK
学習手順に関してはほかの方を参考にしているようですが、上記のマインドの部分が参考になります!
【1】ー8 LiLiさんロードマップ
LiLiさんhttps://t.co/v5dFXUZVCT
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
主婦の方です!
やっぱり同じ立場なので、参考にしやすいです。
・シンプルなロードマップ
・ペライチなども案内してる
・とりやすい案件先としてココナラを案内している
ロードマップ、シンプルなのが良かったです。
この方のロードマップを軸にしようと思います
【2】学ぶ言語の順番
私もよく分かっていませんが、どうやらWordPressでWEBページを作るのが最近のトレンドというのが、何となく分かりました。なので、いったんそこをゴールに設定してみました。
あとは言語を下記のようにグループ分けしてみました。
A. (2) Bootstrapは (1) html/cssを便利にしたもの
B. (4) jQueryは(3) JavaScriptを便利にしたもの
C. (6) WordPressは (5) PHPを便利にしたもの
「便利にしたもの」という表現が合ってるかどうか分かりませんが、とりあえずそう解釈しました。
みなさまのロードマップを参考に、自分の道を決めてみました。
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
【学ぶ言語の順番】
(1) html/css ⇒済
(2) Bootstrap
(3) JavaScript
(4) jQuery
(5) PHP
(6) WordPress#たきあさスキル
【3】アウトプット(模写・デザインカンプ)をどこで挟むか
慎重に学習するなら、言語ごとにアウトプットした方がいいのかもしれませんが、早く学習を進めたいので上記のA、B、C、の分類ごとにアウトプットを挟むことにしました。
なので最初の(1)html/cssのアウトプットはやらなくても良かったのですが、勉強済みなのでツイッターでは書いておきました。
【アウトプット(模写・デザインカンプ)をどこで挟むか】
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
(1) html/css ⇒済
★1 アウトプット ⇒済
(2) Bootstrap
★2 アウトプット
(3) JavaScript
(4) jQuery
★3 アウトプット
(5) PHP
(6) WordPress
★4 アウトプット
ちょっと挟みすぎ?
★1はいらなかったかもしれないですが、もう済なので…
【4】案件をどの段階で取るか
え?もう?という感じですが、
★実践が勉強になる
★早く稼ぎたい
ということで、私の場合はWordPressに入る前に一度案件を取るコースを選びました。
クラウドワークス・ランサーズ・ココナラ、いろいろありますね。
【案件をどの段階で取るか】
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
(1) html/css ⇒済
★1 アウトプット ⇒済
(2) Bootstrap
★2 アウトプット
(3) JavaScript
(4) jQuery
★3 アウトプット
♪1 案件
(5) PHP
(6) WordPress
★4 アウトプット
♪2 案件
【5】その他・サイトを持つ
案件を取るためにはポートフォリオ作成をしなければいけません。
これは【5】とありますが、勉強の合間にやってもいいですね。案件を取るまでにちょこちょこやって、案件を取る前には言語勉強を一時中断してポートフォリオ作成にとりかかろうと思います。
【その他・サイトを持つ】
— たきあさひ@めざせおばちゃんプログラマー (@takiasahi) December 10, 2020
案件受注のためのポートフォリオを作成・公開
(1) html/css ⇒済
★1 アウトプット ⇒済
(2) Bootstrap
★2 アウトプット
(3) JavaScript
(4) jQuery
★3 アウトプット
<< 自分のサイトを作成・公開 >>
♪1 案件
(5) PHP
(6) WordPress
★4 アウトプット
♪2 案件
【6】 まとめ
やることを分解してツイートしていったので、最後はごちゃごちゃして分かりづらいですよね。
順番に書いてみました!
① html/css
② Bootstrap
③ html/css、Bootstrap を使ったアウトプット
④ JavaScript
⑤ jQuery
⑥ ①~⑤を使ったアウトプット
⑦ サイトを作り、ポートフォリオを載せる
⑧ クラウドソーシングサイトで案件を取る
⑨ 案件を取りつつ、PHPの勉強
⑩ 案件を取りつつ、WordPressの勉強
⑪ 案件を取りつつ、WordPressのアウトプット
⑫ WordPressを使った案件を取る
こうやって書いてみると⑫段階もありますね。ちなみに私は勉強を始めて3ヵ月、③の途中まで進みました。かなりのスローペースですね。
これからも順調に進むとはいかないかもしれません。
例えば案件がなかなか取れなくて、提案文の勉強に時間を割くことになるかもしれない。案件を取りながらのWordPress勉強はできないかもしれない…。
そこは柔軟に変更していけば良いのではと思います。
私がプログラミング学習を進めるにあたって大事にしていることは、2点。
①プログラミングが楽しいかどうか再確認
②ネガティブにならない(他の人と比べない・ゆっくりでも進んでいるならそれは進歩!)
学習手順は若い方から教えてもらっていますが、この2点は唯一おばちゃんの私が助言できることかな、と思っています。
この記事が、プログラミング独学初心者の助けになりますように。
読んでいただき、ありがとうございました。
この記事が気に入ったらサポートをしてみませんか?