
・プログラミングの独学をこれから始めたい
・失敗しないように、ほかの人の経験談を知りたい
・続けるコツや、知っておくべき情報が欲しい
そんな人に役立つ内容です。
こんにちは。プログラミング初心者のharuです。
2歳0歳の子育てをしつつ、全くの未経験からプログラミングの独学をスタート。
開始:2016年5月11日〜
この記事を書いている時点で、丸1ヶ月が経過しました。
今の気分、楽しい!めちゃ楽しい!ですw
しかし、1ヶ月勉強してみて
「あ〜もっとこうしとけば良かったな〜」という点もあり。
これを期に、学習の進捗や反省をつづりたいと思います。
これからプログラミング勉強を始める人の参考になれば幸いです。
学習環境
まず、わたしの学習環境について書いておきます。
わたしの学習環境
わたしのプログラミング学習の環境はこんな感じです。
・最初はSurface lap top(Windows)で学習スタート
・現役エンジニアの友人1名
✔︎現役エンジニアの友人
余談ですが、
わたしのプログラミング独学は、現役エンジニアの友人に「プログラミング教えて〜」と軽いノリで言ったことから始まりました。笑
仕事が忙しいなか、エンジニアの基礎〜学習方法まで教えてもらい、
zoomで近況報告をしています。
感謝…(´・ω・`)!!
🌸簡単に挫折しない状況に身をおく
エンジニアの友人に独学中と打ち明ける
↓
定期的にzoomで近況報告
↓
簡単にやめられない状況
(いまココ)エンジニアの友人は、立派なメンターです!情報も入ります👩💻#プログラミング初心者#プログラミング初心者と繋がりたい
— はる🌸ARUTEGA (@fuwafuwahappy) June 6, 2020
まわりにエンジニアの友人がいる場合は、
つながったりメンターになってもらうことをおすすめします。
✔︎windowsのPCで学習していた話
最初は、持っていたsurface lap topで学習スタート。
結論、しばらくはwindowsでも全然支障なし。
各種エディターはwindowsでも使えるし、
最初に学習するhtmlやcssの環境構築の方法も変わらないからです。
しかし、わたしは開始から1ヶ月を待たずにMacbook airを購入しました。
理由は、
・言語によっては、環境構築がWindowsに比べて簡単
・わからないことをググってもMac向けの解説が多いから
・いずれ買い換えるなら、早くMacの操作に慣れておきたかった
・将来web制作の仕事をするにあたって、photoshopやillustratorを使用したかった
だからです。あ、もちろんテンションも爆上がりですw
エンジニアのほとんどがMacを使っているため、Mac向けの情報が多いことは確かですが、Windows向けの解説もないわけではありません。
エンジニアとしての進路(使う言語)にもよりますが、
コーディングのみをするのであれば、無理にすぐ買い換える必要もないのかなと思います。
今のところ考えている進路
わたしの今のところ考えている進路は、
「Web制作をやりたい」です。
子どもを見ながら、完全在宅でフリーランスとして活躍する道を模索したいと思っています。
学習時間について
よく何事も習得には最低1000時間かかるという話を耳にします。
何かを始めるときは、1000時間を投下しましょう。1,000時間というのは、3時間を1年間継続するペース。そうするだけで100分の1の存在になるはずです。そしてその時間はあなたの資産となり、将来を楽にしてくれる。イケハヤでいうとブログやYouTubeですね。
— 🍺 ikehaya@TVアニメ「クリプトニンジャ咲耶」 (@IHayato) June 11, 2020
・このままのペースで行くと1年で720時間
育児しながら1日2時間コツコツ続けていっても、
わたしの場合は基礎の習得までに1年以上はかかるのかな?と思っている。。
地道にコツコツ進もう。。
学習の進捗
1ヶ月、1日2時間の学習でどこまで進んだかを参考までに書いてみます。
・ドットインストールHTML/CSSの無料講座
・ドットインストールのJavascript無料講座
・progateのHTML/CSSの上級編まですべて(一部有料)
・Wordpressテーマ「Write」の模写
約60時間を費やして、ここまで終わりました。
途中からドットインストール→Progateに浮気・課金
有名なプログラミング学習サービスに、
・ドットインストール
があります。
わたしはどちらも使ってみたのですが、どちらを使うべきなのかは「好み」なのかなと思います。
ドットインストール:1本3分以内の短い動画で学べる→自分で用意したエディターで実践
そして「模写」をしてみることに
Progateのhtml/CSSが終わったあとは「サイト模写」に挑戦してみることに…!
「アウトプットしないと確実に忘れるな、これ」と焦ったからです。
そんなとき見つけたこちらのツイート↓
HTML・CSSを学んだけど模写はどのサイト選べばええんや?って人に僕は以下の3つをオススメしてます。
❇️WordPressテーマWrite
初めての模写にオススメ❇️Airbnb
デザインはシンプルだが配置学べる❇️iSara
量が多いがこれできればLPは作れる基本構造は同じ=どれからでもok!#プログラミング初心者
— らいちゅう⚡️営業系エンジニア (@Peepee_Koala) May 8, 2020
らいちゅうさん(@Peepee_koala)のツイートを見て、
はじめての模写におすすめなWordPressテーマ「Write」を知る!
ハンバーガーメニューなどの動きはあるものの、
それ以外の見た目はすごくシンプルでできそうだなと思い選びました。
最初から難易度高いのやって挫折すると嫌なので、
一番かんたんそうなものをリサーチして
とにかく「挫折しないこと」を第一に学習を進めました。
模写するときに使ったツールや、つまずいたところの記録は、
長くなりそうなので別の記事にしたいと思います(´・ω・`)
1ヶ月やってみて分かったこと・反省
最後に、1ヶ月やってみて分かったこと・反省について書きます。
Progateが終わったあとは、模写すべき
一番伝えたいことです。
なるべく早く「サイト模写」をしてアウトプットをすべきです。
なぜなら、自分が模写をやってみて
「Progateで学習しただけじゃ何も身についていない」とわかりました。
理由は、
・Progateでは「ここにCSSを追加しましょう」などの指示がある
・指示どおりに頭を使わず進めてしまいがち
だからです。
指示どおりにやるのは楽でサクサク進んで楽しいですが、
1から自分でやってみようとすると「あれ?どうするんだっけ?」の連続です。
このように実際に手を動かしてみることで、学びはたくさんありました。
・何をやるにもエラーばかりでググりまくった
・簡単そうと思ったのに、2時間×8日もかかった
などなど。
Progateで学んだことをアウトプットしてみることで
本当の意味で身についたと言えると分かりました。
Progateの道場コースは必須、模写もできればやっておくべきだと思います。
twitterにコードメモを書くのは微妙
反省は、twitterにコードメモを書いていたけど微妙だったことです。
✓#ふわコードメモ アウトプット
いくつかのdiv要素をfloatで横並びにするとき
背景色が消えてしまう→空のdivを作って、clear
.clear {
clear: left;📝参考になりました
→https://t.co/XYOtAl2U7M @taneppa #プログラミング初心者#プログラミング初心者と繋がりたい— はる🌸ARUTEGA (@fuwafuwahappy) June 3, 2020
こういうのって書く時間を取られるわりに、
後からメモを見たいときに検索しにくすぎます。
途中からは、コードメモはやめました。
→現在は、「Evernote」につまずいたコードを集約。
次につまずいたとき、Evernoteから検索しています。
✔︎ちなみに、わたしのtwitter活用
ちなみに、わたしのtwitter活用法は
#今日の積み上げ でやることを宣言すること。
#今日の積み上げ
day28✔︎模写 WordPressテーマ「write」
✔︎webライター 納品完了
これでいきます。ついに開始3週間たった!🐢のペースだけど、コツコツ積み上げ。模写は2日目✍️#100DaysOfCode #プログラミング初心者#プログラミング初心者と繋がりたい
— はる🌸ARUTEGA (@fuwafuwahappy) June 9, 2020
これはやっている人も多いですが、
twitter上で宣言すると「やらなきゃ」という気持ちになります!
自分の学習ログが残っていくっていいですね。
この日々積み上げている記録が、やる気につながり継続できています。
まとめ
プログラミング独学1ヶ月目のふり返りは以上です。
要点をまとめます。
・Progateのhtml/CSSが終わったら、サイト模写したほうがいい
・コードメモをtwitterでやるのは微妙→Evernoteが便利
・#今日の積み上げ ツイートが継続につながっている