Uncategorized

35歳から始めるプログラミング学習

35歳からプログラミング学習した日記をまとめています。

「プログラミングは35歳までが限界」という説がありますが、本当なのでしょうか。

自分が実験台になってみます。

Contents
  1. 現在の状況
  2. 1日目(Java script 1日目)
  3. 2日目(Javascript 2日目)
  4. 3日目 (Javascript 3日目)
  5. 4日目 (JavaScriptとHTML&CSS)
  6. 5日目
  7. 6日目
  8. Tech Academyフロントエンドコース予約
  9. 7日目 HTML&CSS道場コース初級に再挑戦
  10. 8日目(HTML&CSS道場コース中級)に挑戦
  11. 9日目(HTML&CSS道場コース中級)
  12. 10日目道場コース2週目
  13. 11日目
  14. 12日目(HTML & CSSコース2周終了)
  15. 13日目
  16. 14日目
  17. 15日目
  18. 16日目
  19. 17日目
  20. 18日目
  21. 19日目
  22. 20日目
  23. 21日目
  24. 22日目
  25. 23日目
  26. 24日目
  27. 25日目
  28. 26日目
  29. 27日目

現在の状況

どんな人?

  • 35歳男性
  • 奥さんと二人暮らし
  • 楽器演奏と指導が主な仕事

2020年6月現在、
コロナウィルスの影響の中、本当にありがたいことに音楽家として仕事させてもらっています。

「音楽家として仕事があるのに、どうしてプログラミングを勉強するの?」

とツッコミが入ると思うので理由を説明します。

仕事と音楽を切り分ける

1番好きなことを仕事にしてしまうと、不幸になることもあります。

スティールパンが好きでキャリアを伸ばして来た反面、要らないプライドも増えて来ました。

  • スティールパンとはこうあるべきだ
  • こんなのスティールパンじゃない
  • 自分の好きな音楽しかやりたくない

などなど。
当然、周りの音楽仲間へもその嫌な空気を発していました。

皆さんの周りにもいませんか?いわゆる老害です。

いつの間にか自分がなっていました。

あんなに嫌だった老害に・・。

仕事とは「誰かが求めることをする」こと

「自分は老害」

これに気づいた僕はこれからの道を考えました。

  • 好きな音楽を続けるか
  • 人が求める音楽をやり続けるのか

色々考えたけど、今は自分がやりたい音楽しかやりたくない!

という気持ちが勝ちました。

音楽家としては「信念があって良い」と言えなくもないけど、仕事と考えるとデメリットです。

やりたい音楽しかやらない=演奏機会を絞る=収入減る

当然ですよね。

仕事を増やさないといけない。

そもそも仕事ってなんだ?

ここで「そもそも仕事ってなんだ?」と考えました。

僕が出した結論は

「人が求めることを自分が提供し、そのお礼にお金をもらう」

でした。

(当たり前ですよね・・。)

同時に「僕は誰かが求めることをしたくないワケではない」とも強く思いました。


このことから別な仕事(音楽と離れた仕事)を考えるようになり、そこそこ得意なパソコンを使った仕事をとプログラミングに行き着きました。

プログラミングは、自分の要望ではなく、求める人の要望通りに取り組みたいと思っています。

スティールパンはコダワリがあります。いや、ありすぎます。

求める人の要望ではなく、自分自身を表現する活動になっていました。

僕のコダワリを求めてくれる人もいる。

音楽家として本当に嬉しいことです。

「僕はこういう音楽が好きだ」と演奏で表現し、それに対して対価をもらう。

もちろん、僕の演奏を求めてくれる人へは音楽を届けます。

使用パソコン

プログラミング初心者時代に使用したパソコン
8年前はまぁまぁ高スペックでした。
  • MacBook Pro (13-inch,Mid 2012)
  • プロセッサ 2.9GHz Intel Core i7
  • メモリ 8GB 1600 MHz DDR3
  • macOS High Sierra

現在2020年6月。
約8年前のパソコンです。

平日のスケジュール

  • 7:30-9:00頃起床。(前日の仕事が遅い時は起きるのも遅い)
  • 10:30-11:00主夫業務。犬の散歩・ゴミ出し・朝食・簡単な掃除・洗濯など。
  • 11:00-17:00プログラミグ学習
  • 18:00-21:00本業の楽器指導
  • 22:00帰宅
  • 24:00就寝

1日目(Java script 1日目)

勉強時間2時間

progateの登録と実践

Java script1の 6ページ終了
(変数で苦戦した)

現在progate Lv.4

Visual Studio Codeをインストール

インストールすべきという投稿を見たので、とりあえずインストールして日本語化しました。

2日目(Javascript 2日目)

progate(プロゲート)学習-2日目
  • JavaScript I 終了し、JavascriptⅡへ。
  • 26ページクリア。
  • progate Lv.13


ラップ時間は適当です。

集中力が途切れた時に押しています。

ラップ3だけ長いのは押し忘れです。

実際は1時間30分ほど。

ミスした箇所
  • if文の後に{をつけ忘れるミスを数回。
  • else if を if elseとミス。
  • for文+if/elseに苦戦。
  • characters→characterなど凡ミス。
  • ${ }と` `の使い方を理解できてない。
楽しい箇所
  • switch文がまとまった時
  • while文でバーっと表示された時
  • for文で条件を1行でまとまった時

割とスムーズに理解できた。

全てを覚えたかと言われると怪しいけど、ゲーム感覚でそのまま進もうと思う。

3日目 (Javascript 3日目)

progate(プロゲート)学習-3日目

引き続きprogateでJavaScriptを勉強。

JavaScript学習コースⅡ〜Ⅴ終了。

分からない部分多数。

総合演習ではfor文に苦戦した。
昨日やったことだけど覚えてないなぁ。

体に定着するまで時間がかかりそう。

昨日疑問だったことが解決した

バッククォーテーション(`)につまずいたが、progateのスライド検索の方法が分かり解決した。

同時に${}のヒントにもなった。

理解がイマイチな箇所
  • if文

4日目 (JavaScriptとHTML&CSS)

progate(プロゲート)学習-4日目

JavaScriptが一通り終わったのと、HTML&CSSコースに突入。

JavaScript(ES6)の環境構築完了。
「環境構築」というものを初めてやった。

パソコンを使い始めて20年以上。
初めて「ターミナル」を使えて嬉しくなった。

(JavaScript一周終了)

JavaScript学習コースⅦ終了。
一応JavaScriptが1周終了ですが、分からないことだらけ。
何周もしたくなる。
JavaScript(ES6)の環境構築完了。


半角スペースを入れるor入れない。
()・{}・[]の違いが分からない。

HTML & CSS へ進む。

HTML & CSS 初級編終了。
wordpressを使い慣れているので初級編はラクでした。

5日目

progate(プロゲート)学習-5日目

HTML & CSS 中級編クリア。

道場コース HTML & CSS 初級編に挑戦

手順書に従いHTML・CSSを入力するコース(道場コース)に挑戦。

初級編とはいえ道場コースは大変だった。

忘れていた箇所は調べつつ完成できたレベル。

6日目

操作ミスによりタイマー画像を紛失。
確か合計3時間30分ぐらい学習。

前回に引き続き、道場クラスにチャレンジ中バグ発生。
調べたけど解決しなかったので一旦中止。

プロゲート経験者のブログを読むと、道場コースはいきなりレベルアップするので学習コースを4-5周後が良いのでは。とのこと。

僕も同意。ちょっと難しいので後回しにします。

HTML & CSS 学習コース 上級編終了。

学習コースの進め方に慣れて来た。
一度、道場コースに触れたのも効果アリ。

以前と比べて精神的にラクに進められた。

HTML & CSS Flexbox編 終了。

順番に進めていれば簡単な内容だと思う。
時間を計測したら12分で終わりました。

とはいえ今は「知ってる」レベル。

「使える」レベルには時間が掛かりそう。

HTML CSSコースを一周終えて

すぐに道場コースへ進みたかったのですが、5日目に挑戦した道場コースで打ちのめされました。

学習コースに戻り、苦手部分を洗い出します。

初級編2周目終了

1時間20分ぐらいで完了。

明らかに前回よりスムーズに進んだ。

ほぼ答えを見ずに正解したけど、お問い合わせフォーム作成が不完全だと分かった。

Tech Academyフロントエンドコース予約

プログラミング学習を始めた時からスクール受講を考えていました。

色々見ましたがTechAcademy [テックアカデミー]に決定。

理由は

  • 短期間
  • 低料金
  • 高品質

だと感じたから。

独学も可能だと思いますが「最短ルートで学習を進めたかった」のが最大の理由です。

過去の経験から言って独学は時間のロスが大きい。

プロ現場を知らない=どの言語をどの程度まで学べば良いか分からない=結局全部カンペキを目指してしまう。

そうなると要らない学習が多くなります。

むしろ学習が進むならマシ方で、ゴールが分からないので「なんでこの勉強してるんだっけ?」となりやすい。

この為、スクール受講は必須でした。

なぜTech Academyのフロントエンドコース?

フロントエンドコースを選んだ理由は副業に直結しているから。

プログラミングを学ぶ理由はただ一つ「副業したいから」。
(理由は記事冒頭)

副業に向いてるのはwordpressコースでは?
と思っていましたが「wordpress学習は独学可能」との情報が。

wordpressを覚えるのにスクール料金が高いと考え、今回は見送りました。

独学できなかったら受講を検討します。

こちらの動画を参考にしました。

https://youtu.be/1510z28Eilw

しょーごログ様の動画でも「(WordPressは)高額なスクールの必要はない」と仰っています。(以下動画10分11秒付近)

https://youtu.be/1vegSrC9iF4?t=611

7日目 HTML&CSS道場コース初級に再挑戦

progate(プロゲート)学習-7日目

道場コース5章のお問い合わせフォームでつまづいた。

1~4章で作った部分にミスがあると思ったので、最初から再挑戦。

こちらのサイトを参考に、まずは答えを見ながら進める。
参考:Progate HTML&CSSコースの最も効率の良い進め方【20周して編み出した】 | 気まぐれWeb日記

いわゆる模写ですね。

画像では2時間25分ほどですが、ボタン押し忘れのため実際は3時間ほど。

HTML&CSS道場コース初級→まぁまぁできた

模写という方法を決めたことで勉強は進んだ。

理解度はまだまだだけど、先が見えたな。
あとは繰り返し勉強するのみ。

理解がイマイチな部分
  • サイトの全体構成
  • paddingとmarginの使い分け
  • お問い合わせフォームの詳細
  • footerロゴは<p>じゃないの?

HTML&CSS道場コース中級に挑戦→まだ無理

中級にチャレンジするも1章の「トップ部分を作ろう」ができず。

道場コース中級と学習コースを繰り返しつつ、もう少し理解を深めよう。

8日目(HTML&CSS道場コース中級)に挑戦

「ヘッダーを作ろう」にチャレンジ。答えを見つつ理解してない部分を洗い出しました。


家の雑務に追われ学習時間取れず。

完全に言い訳なので軌道修正します。

9日目(HTML&CSS道場コース中級)

とにかく答えを見ながら一つずつ確認。

勉強方針を暗記ではなく理解へ変更。

暗記できてないコードはVisual Code Studioにコピー。

覚えたら消すし、覚えてないならそこからコピペする運用。

理解がイマイチ
  • position: relativeと absoluteで表示される位置が理解できてない。
  • containerクラスの必要性。

道場コース中級終了。

答えを見ながらの中級コース終了。

当然、ほとんど身に付いてないので中級コースにチャレンジ。

とにかくコードの暗記より「コードの理解」を最優先。

HTML & CSS 中級編2周目終了。

2周目は納得感を持って終了できますね。
理解度は70-80%。コードは暗記してません。

このまま道場コース中級編に再挑戦するかな。

10日目道場コース2週目

2時間ほど勉強。

道場コース中級「トップ部分を作ろう」に挑戦。

まだ完璧ではないが、理解度アップの実感あり。

もう少し復習して先に進もうと思う。

7日後からTech Academyの授業が始まるので

  • 車検
  • 歯医者

を終えた。勉強時間は取れなかったけど、集中して受講するため。

そして週1回のパーソナルトレーニングを3回予約。

適度な運動も挟みつつフロントエンド授業を進める予定。

11日目

昨日に引き続きヘッダーを作ろうに挑戦。
満足できる理解度になったので次に行きます。

タイマー押し忘れの為、勉強時間は画像+30分。

準備は整いました。

歯医者の通院も終わり、Tech Academyのフロントエンジニアコースに集中できます。

この文章を書いているのが2020年6月30日。
フロントエンジニアコースの開始が7月6日。

開始までにHTML&CSSの道場コース上級を終えて、 Java scriptとjQueryを予習したい。

12日目(HTML & CSSコース2周終了)

道場コース中級編2周目クリア。

  • レッスン一覧部分を作ろう
  • メッセージ部分を作ろう
  • フッターを作ろう


上記のレッスン完了。

道場コース中級編2周目クリア。

昨日も書いたけど、理解度が深まっているのを実感。

スラスラ書けると気持ちがいい。

理解度は70-80%ほど。サクサク進むことを重視して次の言語学習に移ります。

理解度がイマイチ
  • display要素
  • marginとpaddingの使い分け
  • float要素の解除

道場コース上級編2周クリア。

  1. 道場コース上級編を初挑戦(答えを見つつ模写)
  2. 学習コースに戻り復習
  3. 再度道場コース上級編に挑戦

上記の流れで学習。

これまでの応用が効くのでスムーズに進みました。

HTML & CSS環境構築完了。

プロゲートの言う通りに作業しただけですが。

環境構築完了です。

覚えられないコードはVisual Studio Codeに保存

youtubeやブログを調べる限り、プログラミング勉強で「暗記は不要」を主張する人多数。

なので僕もその方法で進めます。

サクサク進むので楽しいですね。

分からない箇所があったら以下の流れで解決します。

  1. ○○がしたい
  2. だったら△△のコードを使おう
  3. Visual Studio Codeを探す
  4. コピペ

なので重要なのは①と②です。

ここが分かれば後はコピペでOKなので。

13日目

  • Sassコース2周終了。
  • JavaScriptの2周目に進む。
  • 進捗状況発信のツイッターが非常に良い。

14日目

  • Tech Academyの事前受講へ。
  • Tech AcademyのLESSON 2途中まで終了。

Tech Academy フロントエンドコースへ。

事前受講期間に入っていたことに今日気づきました・・。

(Tech Academyから届いたメールをしっかり読んでなかったため。)

ProgateのJavascriptコースを勉強する予定を変更し、慌てて準備開始。

しっかりチェックしてなかった自分を呪いつつLesson2の途中まで終えましたが、プロゲートに取り組んでいた甲斐がありスムーズに進めました。

ちょっとした達成感を感じられて嬉しかったです。

とはいえ僕が選んだのは4週間コース。

4週間で全てを終えないといけないので、一喜一憂せず淡々と進めていきます。

LESSON 0(ゼロ) 完了

所用時間2時間。

カリキュラムを進める為の準備。

AWSの設定など。

パソコンの設定に慣れていない人は難しいかも。

LESSON 1 完了

LESSON 1は読み物という感じなのであまり時間は掛かりません。

LESSON 2 HTMLの課題が出ます。

いよいよHTMLを書きます。

LESSON2-8で課題が出ますが、事前受講期間は課題提出ができません。

課題に取り掛かることはできるので、サクサク進めたいと思います。

15日目

  • HTMLの課題制作完了。
  • 一度勉強から離れた後、メンタルが落ちて勉強に集中できなくなった。

夜に「漠然とした不安」に襲われ勉強できなくなった。

自分の悪いクセなので改善しよう。

とはいえ3時間ほど勉強できたので良かった。

16日目

  • ボタンの押し忘れ 勉強時間+40分。
  • Tech Academy Lesson 2 HTML課題合格。
  • Lesson 2 CSS課題合格。

Tech Academyフロントエンドコース開始。

いよいよTech Academyスタート。

と言ってもプログラミング学習には変わりなし。淡々と進めて行きます。

僕は4週間コースを受講しているので時間が僅かなのでサクサクと進めて行きます。

事前に制作したHTML課題をすぐに提出。合格をもらいました。

HTML課題合格後に取り掛かるCSS課題も制作→提出→合格しました。

次のJavaScriptからが本番。

HTMLとCSSはProgateで勉強していたのでスムーズでした。

次のJavaScriptからが本格的なスタートかな。分からないことも多いので、勉強しながら前に進みます。

17日目

勉強時間3時間ほど。

JavaScriptに苦戦中。

テキストを読んでも頭に入ってこない・・。

Progateから復習かなぁ。

18日目

気を取り直してJavaScriptの勉強を再開。

Tech AcademyのJavaScriptのテキストを丁寧に読み込みます。

メンタリング制度がとても嬉しい

Tech Academyは現役のエンジニアさんと直接お話できる制度(メンタリング)があり、今日がその初日でした。

  • どうしてプログラミングを勉強しているのか
  • どんな物を作りたいのか
  • 勉強の進め方

などを話しました。

とても親切なメンターで、アレコレ聞けて嬉しかったです。

「次のメンタリングも良い報告をしたい!」と思えました。

JavaScriptに苦しんでます。

もっとProgateで予習しておきたかった。

なかなか難しいですがJacaScriptを覚えたら面白そうとは思えました。

勉強を進めれば楽しくなるはず。一喜一憂せず淡々と進めます。

19日目

  • タイマー押し忘れ 画像+30分
  • JavaScriptの課題終了。メンターがいなかったら無理だった。

JavaScriptの課題完了。

案の定。JavaScriptは難しかったですね。

もっと予習できていれば良かったですが、時間もなかったのでしょうがない。

でも、Tech Academyの特徴の一つ「チャットで質問できる」ことを有効活用。

アレコレ試して解決しないならすぐにメンターに聞く。

これが良いですね。

そのためのチャットなので。

カリキュラムを進めれば、分からないことにぶつかるのは当然。

教えてもらいながら覚えていくことにします。

タイピング強化ー寿司打ー

以前からタイピングは練習していましたが、プログラミングを始めてからは真剣になりました。

プログラミングはブログ以上にタイピングが重要。

プログラミングより先にタイピングから始めた方が良いぐらい。

というわけでコツコツ寿司打にチャレンジ中。

まずは15,000円を目指しています。

20,000円ぐらいまでは到達したいな。

20日目

  • Lesson 4(jQuery)の課題に取り掛かるが完成せず。
  • ProgateのjQueryコースからやり直すことにした

Tech Academyのフロントエンドコースを受けるならProgateで予習しとけ。

Tech Academyが手取り足取り教えてくれると思っていたら間違いです。

Tech Academyの内容は結構難しい。

このブログで紹介しているように、僕はProgateでHTML CSS JavaScriptを1−2周してからTech Academyに入ってよかった。

良かったんだけど全然足りない。もっと予習しておくべきだった。

Progateで基礎を学んでおかないとTech Academyについていくのは困難です。

今からTech Academyに入ろうと考えている方は絶対知っておいた方が良いです。

苦手な箇所
  • jQueryのthisとfind

21日目

  • jQueryとBootstrapの課題終了。
  • メンターに相談しながら課題に取り組んだら5−6時間が一瞬で過ぎた。

プログラミング学習で一番集中した日でした。

メンター(先生)の効果は絶大ですね。

何かを身に付けたかったら先生に習うのが速くて正確。(自分の努力は前提ですが)

22日目

  • Web APIの課題完了。
  • Tech Academyの進め方に慣れてきました。

23日目

35歳から始めるプログラミング
  • ボタン押し忘れ。勉強時間+45分

24日目

  • 今日はBaaSの課題(本棚サイトを作ろう)だけ。
  • 不具合の原因が分からず右往左往。結局はただの凡ミスでした。

25日目

  • テックアカデミー のBaaSの課題2つ目に到達。

Tech Academyの学習の進め方が分かった。

  • 全てを暗記するのは無理
  • 全てを理解するのは無理
  • 目の前の課題を提出することだけ考える
  • 少し考えて分からなかったらメンターに聞く。

こんなスタンスで進めると良いです。

課題=納品物だと考える

仮に課題が納品物だったら、絶対に期日まで提出しないといけません。

「自分が理解できてないのを提出できない」

というのは、ある意味で甘えだと思いました。

納品物を待っている人は、作り手の理解度なんてどうでも良いですからね。

もし、しっかりと理解したいのなら課題提出後に復習すれば良いだけの話。

「課題提出」と「学習」を少し切り分けることで納得して進められます。

26日目

  • 引き続き、BaaS課題の2つ目「お気に入り登録」
  • 全然できない。メンターさまに聞いても問題の意味が理解できない。

27日目

  • 引き続きBaaS「お気に入り登録」の課題。
  • 今日は一歩前進した。明日には課題提出したい。