【独学の記録】勉強8日目〜14日目学んだこと模写コーディングたくさんやりました

れもも

プロフィール
れもも(@lamoneido)と申します。
2021/12〜本業休職をきっかけにweb制作の学習を始めました。先日デイトラweb制作コースの卒業制作を終えました。
これからshopifyコースも控えています＾＾

れももです。
前回に引き続きweb制作の学習の振り返りを書いていきます。今回も当時記録していた学習の記録を公開しています。
今回は8日目〜14日目の記録です。前回の記事をまだみていない方は下記から是非ご覧ください＾＾

・第1弾：【独学の記録】勉強0日目〜7日目で学んだこと Progateとドットインストール始めました
・第2弾：【独学の記録】勉強8日目〜14日目で学んだこと模写コーディングたくさんやりました　←今回の記事
・第3弾：【独学の記録】勉強15日目〜21日目で学んだことデイトラ入会を決意しました！　
・第4弾：【デイトラ学習記録】勉強22日目〜28日目爆速でデイトラWEB制作コース中級編突入！　
・第5弾：【デイトラ学習記録】勉強29日〜35日目 Sass学習・デザインカンプからのコーディング

web制作学習の記録
1. 8日目〜14日目（学習：2週間目）
まとめ
1. 学んだこと

web制作学習の記録

8日目〜14日目までのトータルの学習時間は38.5時間でした。
前の週より6時間ほど少ない学習時間でしたね。

れもも

前回の週は1日に12.5時間やった日とかあったんでね😂 減って当然ですね！笑

みかんちゃん

1日に12.5時間は普通に引くね＾＾

れもも

いや、そんな笑顔でディスるのやめてください（ ; ; ）

8日目〜14日目（学習：2週間目）

れもも

見づらいので今回も下表にまとめ直していますm(_ _)m

日付	学習内容	学習時間	合計時間
12/8	・模写コーディング「My Work」初級編	9.0h	9.0h
12/9	・模写コーディング「My Work」初級編（復習）・ドットインストール(アニメーショ〜変数編、実践編①、②)	1.0h 6.0h	7.0h
12/10	・ドットインストール(実践編③) ・ドットインストール(サイト公開方法) ・オリジナルサイト制作	1.5h 0.5h 7.0h	9.0h
12/11	・オリジナルサイト制作・ドットインストール（はじめてのJavascript）	2.0h 0.5h	2.5h
12/12	・休み（父親とサッカー観戦へ）	0	0
12/13	・ドットインストール（Javascript基礎文法編）・Progate：JavaScriptⅠ、Ⅱ、Ⅲ ・模写コーディング「2カラムブログサイト」中級編	1.5h 4.0h 1.5h	7.0h
12/14	・Progate：JavaScript Ⅲ（復習）、Ⅳ ・模写コーディング「2カラムブログサイト」中級編	1.5h 2.0h	3.5h

学習開始8日目〜14日目までの記録

この週もガンガン進めていますねw この週からはJavaScriptにも挑戦しています。
では、1日ごとの振り返りを見てみましょう＾＾

12/8（学習：8日目）

この日は模写コーディングおすすめの練習素材を紹介しているサイトにある初級編の「My Work」という簡単なポートフォリオ型の模写コーディングをやりました。
この頃は自分の実力を試したくて模写に力を入れていました！
ちなみにこちらが実際に作成したサイトになります。

れもも

ちなみにこのサイトはお題ごとにコーディング単価○○万円って書いてあるのでそれがすごいモチベーションになりました！

【模写コーディング】おすすめの練習サイト【入門編～上級編】

12/9（学習：9日目）

この日は前日に取り組んだ模写コーディングの回答コードをみて復習したのと、ドットインストールをひたすら進めていますね。
初級編の模写コーディングもまあまあ出来ていたので、次の中級編模写コーディングに挑戦するために早くJavaScriptを勉強したいと思っていました。

れもも

ドットインストールは動画で学習ですが、すぐにウトウトしてしまいこの頃は睡魔と戦いながらやってました。気づいたら動画終わってたってことがザラにありました！笑

12/10（学習：10日目）

前日からドットインストールの実践編をやっていたので、引き続き進めました。
実践編の次の講座に「Github PagesでWebサイトを公開しよう」という講座があるんですが、そこで初めてweb上にサイトを公開する勉強をしました。
簡単にweb上に公開できることに感動し、何かサイトを作って友人に自慢したいと思い、この日から唐突にオリジナルサイトを作り始めますw
その時作ったオリジナルサイトの一部を公開します！笑

社会人になって趣味でバンドをやっていたんですけど、バンドのwebサイトを作ってみようと思い、webサイトを作ってみました！笑
もちろん今は公開はしていないですし、バンド名も仮で付けただけなので検索したりしても何の情報も出てきません笑バンドメンバーと曲を作ったりしたことがあったのでその作品載せるためにyoutube埋め込みの方法を調べたり、友人が絵を描いていたのでギャラリーを作るためにフレックスボックスを使ったりかなり勉強にはなりました！

そんな脱線もしつつ次の日からJavaScriptの勉強をし始めます。

れもも

自分こうゆう脱線結構あります😅

12/11〜12（学習：11〜12日目）

例のオリジナルサイトを仕上げ友人自慢した後、普段の学習に戻りドットインストールでJavaScriptを学習していきました。
この日は集中できなかったみたいで2時間30分しか作業していないですね。

れもも

どうしても集中できない日ってありますよね、、、
ちなみに次の日はまた父親とサッカー観戦に行っていたのでお休みしました。

12/13（学習：13日目）

前日に休めたこともあり、この日からはドットインストールとProgateの二刀流でJavaScriptを進めていきました。
また、JavaScriptの学習と並行して、模写コーディングの中級編①にも挑戦しました。

れもも

JavaScriptはHTML/CSSと違って基礎文法理解に苦しみました。
理解するのに頭使ってすぐ疲れちゃうんで、疲れたら没頭できる模写コーディングをやるように意識していました。

12/14（学習：14日目）

この日も前日に続きJavaScriptの学習と模写コーディングを並行してやりました。
ProgateのJavaScript学習は復習もしつつ先へ進んでいました

前日から取り組んでいる模写コーディング中級編は、2カラムのブログサイトでブログのよくあるパターンのレイアウトでHTML/CSSだけで制作できるものでしたが結構苦戦してました。
Twitterの埋め込みもあって調べながらやっていました。
ちなみにこんなサイトです。

独学2週目でこんなサイトの見た目まで意外と作れちゃうんもんなんだな〜と本当に楽しんでやっていました＾＾

まとめ

以上がれももの2週間目までの学習記録でした。
この週はHTML/CSSが身に付いてきた頃でアウトプットとして模写コーディングも取り入れていましたね。JavaScriptが難しくて少しモチベが下がってしまうところもあったので、模写コーディングみたいに「よっしゃ、やってやるぜー！！」みたい感じで取り組めるものがあるといいかなと個人的に思います。

みかんちゃん

前の週で学んだことをアウトプットしつつ、新しいことをインプットできた週になりましたね👍

れもも

自分計画的に行動できなく、いつも衝動的にやりたいと思ったことに手を出すタイプなので、結果的にバランスが取れていたんだなと思っています😅