プログラミング独学13日目 サイト写経完了! お進め独学方法!

どうも、サムライくんです。
本日ついにサイトの写経が完了しました!
サイト写経に取り組み中で効率の良い勉強方法など色々見えてきたのでご紹介しますね

目次

本日の学習記録

本日の学習時間:180分
累計学習時間:17時間
学習内容:Webページの写経

今日はまとまった時間が確保できる日だったのでここぞとばかりに頑張りました。
仕事ある日はどうしても学習時間が1時間程度になってしまうので
こうしてまとまって学習時間確保できるとめちゃくちゃ捗ります。
今日は無事サイト写経も完了したし良い1日でした。

感想:1つ目のサイト写経完了しました!

1つ目のサイト写経完了しました!
写経完了したのがこんな感じです。サーバーアップしてないので画像ですいません汗

いや〜ただソース書き写しただけなんですが達成感あります!笑
そして、サイトの写経は初心者にとって最強の勉強方法だと思います。

サイト写経が最強の勉強方法だと思う3つの理由
  1. 頻出タグ・セレクタ・プロパティが覚えられる
  2. サイトの構造が理解できる
  3. 答えがあるので躓いた箇所と理由、解決策がすぐわかる

サイトの写経オススメ記事は別で詳細書きますので少々お待ちを〜

僕の写経で行き詰まったときの対応方法

1つ目サイト写経が無事終了したので、2つ目のサイト写経に取り掛かりました。
意気揚々と取り掛かったのは良いんですが、
ただ書き写しているだけなのに上手くいかない・・・
そんな超絶悲しい事態に直面しました。涙

ですがようやく楽しさに気づき始めた今
こんなところではくじけません。
そこで新たな学習方法を編み出してそれを実行したらめちゃくちゃ理解進んだので
皆さんもぜひ参考にしてください!

その学習方法というのが

  1. まずはソース見ながら書き写す
  2. こまめに動作が反映されているか確認
  3. 反映されていなかったらソースと自分の書いたの見比べ修正

この手順で順調に進めば問題ないです。
そのまま完成まで突っ走りましょう!!

本日の私はここから更に一枚上手で、
答えを見てもどこが間違っているか気が付かなかったです笑
そんな方は以下の手順を追加してください。

オススメ手順
  1. 自分の書いたコードはそのまま書いたままにして、答えのソースをコピーしてそのまま貼り付け。
    (ページの中に自分の間違えた部分と、正しい部分両方反映させるイメージ)
  2. コピペしたコードをHTMLならタグ単位・CSSならセレクタ単位で削除して
    どこのタグやセレクタが直したい部分に関連しているか見つける
  3. 自分の間違えた部分と正しい部分のコードを比較する。
  4. 間違えた部分のタグやセレクタ、プロパティの意味をググる。

この手順踏むだけで、「わからない」が「わかる」に変わる回数が格段に増えます!

ぼくもそうなんですが、
上手くいかないときってどこが間違っているのかすぐわかるときもありますが
パソコン画面とにらめっこしてもどこが間違っているかわからないときがあって、
その時がプログラミング学習で1番辛くて辞めたくなる時だと思います。

そんな時に手順1.2試してみてください。

そして大事なのが
「4. 間違えた部分のタグやセレクタ、プロパティの意味をググる」ここです!
この意味を理解しようとするかどうかがとても大事で
間違えた=理解していないなので今の段階で完全に理解する必要はないと思いますが
ググってどういうときに使う物なのかをインプットしたほうが良いです。
英語の勉強でも、間違った部分の答え(単語や文法)を丸暗記しても
それの意味がわからないとだめですよね?それと一緒です!


ほんとこの方法お進めなので、写経や模写で躓いている方は是非試してください!

ということで、これからも学習続けていきます!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次