N予備校を始めて10日間の成長記録

プログラミングど初心者がN予備校を始めて10日経ちました！

N予備校、教材として最高に優秀。出会えて良かった。
主に、詰まったところと解決方法・気づき・今後の課題をまとめていきます。
(数日間まとめてやるより毎日つけた方が良いね…)

●1日目(3/3)
○進捗
開始当初は1章がProgateと被ってる？と思っていたため2章から開始。
2章7項あたりまで進める。

○主にやったこと

開発環境構築！
LinuxとvsCodeを手に入れる

○やってよかったこと

・買ったばかりのMac Book Proで学習開始。
こちらの記事で、Linux導入時に従来のユーザーデータが吹っ飛んでるのを見て「怖っ！！」と思った。

【3日目】プログラミング初心者がＮ予備校を使ってタダでどこまで強くなれるか試してみた
https://note.com/murethermidor/n/n857037ca773e?magazine_key=m4ec5ddebf9f2

・とりあえずわからないなりに進めていったこと

理解度は浅くても、とりあえず開発環境ツールを作っていくんじゃいという心持ちでやった。
当初出た気になるエラーは後々出なくなったし。

(『Ubuntu起動コマンドの「vagrant up」を手動で入力したら、毎回エラーになるの何か怖いな。
N予備校のテキストから「vagrant up」コマンドをコピペしたらちゃんと立ち上がってくれるのに。』→ただのスペルミスだったのかも？)


「vim、とは？？」状態だったのがやってるうちに理解できるようになったりとか。

訳はわかってないけどとりあえず「こうしてこうしてああしたらこうなるのね！ふーん」という感じで飛ばしてく。これは正解かも？

理解度のレイヤーを重ねてくんや…

2日目(3/4)
○進捗
2章13項、GitHubのローカルリポジトリをLinux内に入れるとこまでいった

○詰まったところ
・2章3項。vagrantと元OSとの間に共有ディレクトリを作る作業。

「cd ~/vagrant/ubuntu64_18
mkdir workspace」

を、vagrant sshした状態でやってた。

Finderからだとworkspaceが作れていなかったので、ちょっと焦った。

Vagrant sshした状態のパソコンは仮想環境！！自分のPCとは異なるPC！

・tmuxのショートカットキーが打てない

tmux ショートカットキーが反応しない
https://qiita.com/hgoj/items/a6eb2eb420a62bf92212

こちらの記事に大変助けられた。
ほんのちょっとしたことでも認識の違いに気づかないとハマるよね。ググる力、調べる力、大切！

○今後の課題
iTerm上で「. code」を打ってもVS Codeが開かなかった。VS Code側でコマンドの事前設定が必要。

【Visual Studio Code】コマンドからVS Codeを起動できない場合 (Mac編)
https://qiita.com/ayatokura/items/69c96306e3dee501e19b

こちらの記事を読み、VS Codeから「シェルコマンド: PAHT内にVS Codeをインストールします (Shell Command: Install code command in PATH)」を実行。

→未解決点！
 Vagrant sshしてるときには「code」コマンド打ってもVS Codeが開かない。
「Codeコマンドをインストールしてね」的な英文は出る。

どうやってインストールするのか…？VS Codeからはもうやってるんだけどな。

仮想環境は自分のパソコンとは別パソコン…

3日目(3/5)
○進捗
ここらで、1章で作った「あなたのいいところ診断」が必要になる。1章に戻り8項まで進める

○詰まったところ
2章段階で、「いいところ診断」が無いなら別のファイルをGitに上げれば良いのでは？と自己紹介ファイルをアップロードするも挫折。
リポジトリに書いた内容がwebに反映されない

原因:答えは「setting」で公開に設定してなかった。どうurlを入れたらwebから観れるページに行けるかわからなかった。

○Progateとの比較メモ
Progateが教えてくれてN予備校が教えてくれなかったこと:iTerm上に入力中、Tabキーをおしたら入力補完してくれる
N予備校が教えてくれてProgateが教えてくれなかったこと:Emmetを使えばHTML入力時、コード入力のショートカットができる
「例)「h3+ul>li*3」で<\h3>ヘッドと<\li>3項目含んだ<\ul>を一気にかける

○やってよかったこと
FizzBuzzを応用して、世界のナベアツのループをつくる。手を動かす、大切。

4日目(3/6)
○進捗
1章14項、web pageの企画まで。
翌日ITパスポートだったので適当にきりあげ。

○良かったこと
ITパスポートの勉強を並行してやってたこと。2章でパソコンの仕組みの基礎的な部分に触れるので「これITパスポートでやったー！」ができる。

5日目
○進捗
Itパスポート合格！
1章修了

○反省点
・Cssを使って自己紹介サイトをつくるのに時間を使いすぎた。遊んでしまった

・診断機能作成でかなり手間取る。JavaScriptに慣れない…頑張ろうね


6日目(3/8)
○進捗
2章修了
・自己紹介(https://moritat-222.github.io/my_profile/self-introduction.html)
と
・FizzBuzzナベアツ(https://moritat-222.github.io/FizzBuzzNabeatsu/Nabeatsu.html)
をwebへ公開


7日目(3/9)
○進捗
・2章の復習ちょっと(3章まで、まだ復習段階でないのでは？というかやってきながら読み物にする方が良くない？と思い止める)

・WebデザインコースのJavaScript,jQueryに進む(フロントエンドの構成に重要と聞いたので寄り道)

○反省点
jQueryに時間をかけすぎた？とはいえJavaScriptの読解＆勉強もかねてるし…

Webデザインコースはコードファイルをダウンロードする形式だったが、あえて手打ちにした。
「読解→何してるかなんとなく理解→写して打って覚える」
の学習をしたら、読解ですごく時間がかかった


8日目(3/10)
○進捗
jQuery2章の途中

○詰まったところ
Typoに苦しむ

○導入物
・VSCode に Code Spell Checker を導入して typo と戦う
https://qiita.com/diescake/items/98c5a099e85775cd917d

こちらの記事を参考に、Code Spell Checkerを導入。

無いよりはマシだが期待したほど効果はないかも？まあ慣れかな……

functionをfinctionて書いちゃってたり、btnをbynって書いちゃってたりして思わぬところでプログラムが止まるの無念。
‘の閉じ忘れや>の閉じ忘れもやった。

・『文章比較ツール』http://lab.hidetake.org/diff/

自分のコードがおかしいのか？自分が見てるのとは違うタブ部分でミスがあるのか？わからんーー！

そんな時に、見本のコードと自分のコードをこのサイトに入れて見比べるとわかりやすかった。私はこれで「’」の閉じ忘れのせいで動かないことを発見した。


○今後の課題
まだtypoで消耗してるの? ― typoで悲しい思いをする機会を減らす方法
https://qiita.com/tasaki-i3/items/8edcca35bbad97883031

こちらの記事を参考に、gitにデプロイする前にtypoを弾くシステムを組む！



○気づき
コード打つことの重要性と、コピペでは気づけないミスに気づく。
まさかこんなしょうもないTypoでハマるとか、打ってみないと気づかないよね。あとコードを打つことに慣れるのも大切だし。時間は食うけど…


9日目(3/11)
○進捗
jQueryを終わらせる

N予備校で紹介してくれたjQueryのプラグイン、実践的なのが多かったから、後で入門編1章で作ったホームページに付け加えたい。

○今後の課題
jQueryのプラグイン使って、自己紹介ページの読み込み画面でSVGアニメーションを作動させようとしたんだけど、作業時間30分くらいじゃ全然出来なかった…
もう少し簡単なとこからプラグイン実装チャレンジをしたい。自信がついたらSVGアニメーションリベンジもしたい

10日目(3/12)
○3章3項の途中
node.jsを導入！

思い立ってPaizaのスキルチェッカーにJavaScriptで登録してみるも爆死。まだ実践で書くという意味では土俵に立ててないと実感。転職にはPaizaとポートフォリオが大切というけど、Paizaはやるなら何の言語で勉強したら良いんだろう？Rubyエンジニアからキャリアを始めないならやはりRubyなのかな？

○詰まったところ
V8 simple profileが調子悪い？

コンソールで
node —prof app.js
を入力しても、ログファイルが出ない。

何故かかわりにVScodeにログを記録したファイルが作られていた。ドウシテ……

●10日を終えて

まだまだ未熟！
とはいえ10日前に比べたら成長してる！
引き続き頑張ります。

N予備校で開発についての知識を蓄えるのも大切だけど、コーディングそのものの勉強もちゃんとしなくては…。
こういうのは演習の積み重ね、手を動かしてなんぼだと思うので。教材どうしよう。そして時間の捻出も…。基本情報の勉強もあるし…。

やることが…
やることが多い…！

あとこういう学習記録はまとめてやるより毎日少しずつやる方が短時間で短くかけるし、アウトプットへの心理的ハードルも下がるし良いね。なるべく毎日アウトプットします！