Web制作の勉強は「手を動かす」が大切!初心者が実践して気づいたこと

学習記録

はじめに

Web制作の勉強を始めた頃、私は「勉強しているつもり」になっていました。

HTMLやCSSの本を読んだり、動画を見たりして、知識が少しずつ増えている感覚はありました。

でも、いざ自分でコードを書こうとすると、なかなか手が動かない。

「勉強しているのに、どうして身につかないんだろう?」

そんなモヤモヤを感じることが何度もありました。

そこで最近は、知識をインプットするだけではなく、実際にコードを書いて手を動かすことを意識しています。

今回は、Web制作の勉強をしていて感じた「手を動かして学ぶことの大切さ」について書いてみます。

本を読むだけでは「わかったつもり」になっていた

Web制作の勉強を始めたばかりの頃は、HTMLやCSSの本を読むことが中心でした。

本を読んでいると、

「なるほど、marginってこういうものなのか」

「flexはこうやって使うんだ」

と、なんとなく理解した気になります。

でも、いざ自分でコードを書こうとすると、手が止まってしまう。

知識としては知っているのに、自分で使おうとすると出てこないんです。

グリヨン
グリヨン

本を読んでいると理解した気になるけど、実際にコードを書くと全然できない……。

まさに当時の私は、この状態でした。

そこで初めて、

「わかった」と「自分で使える」は違うんだ

と気づきました。

Web制作は「手を動かして学ぶ」ことが大切

最近は、少しでも時間があればコードを書くようにしています。

HTMLを書いてみたり、CSSで文字の大きさや余白を変えてみたり、flexboxを使って要素を並べてみたり。

実際に手を動かしてみると、本を読んでいるだけでは気づかなかったことがたくさんあります。

「marginって、こういうふうに余白ができるのか」

「flexを使うと、こんな感じで横並びになるんだ」

「ここを変えると、こっちにも影響するんだ」

というように、知識が少しずつ実際の動きとつながってきました。

見るだけより、やってみたほうが理解しやすい

もちろん、本を読んだり動画を見たりすることも大切です。

ただ、インプットだけでは「理解したつもり」で終わってしまうことがあります。

実際にコードを書いて、

「思った通りに動かない」→「調べる」→「試してみる」

という経験を繰り返すことで、少しずつ知識が身についてきました。

Web制作の勉強では、インプットとアウトプットをセットにすることが大切なんだと思います。

うまくいかないことも、勉強の一部

もちろん、今でも思った通りにいかないことはたくさんあります。

コードを書いてもレイアウトが崩れたり、

「どうしてこうなるの?」

と悩んだりすることもあります。

以前なら、わからないことがあると「自分には向いていないのかな」と思ってしまうこともありました。

グリヨン
グリヨン

またエラー……。全然わからない!

そんなふうに思うことも、まだまだあります。

でも、最近は少し考え方が変わってきました。

「わからない=勉強できていない」ではなく、「わからないから調べて試す」ことも勉強なんだ。

そう思えるようになってから、以前より気楽にコードを書くことができるようになりました。

少しずつ「自分で作れる」が増えてきた

まだまだ勉強中なので、わからないことはたくさんあります。

それでも、最初の頃と比べると、少しずつ自分で作れるものが増えてきました。

以前はコードを見ても何が書いてあるのかわからなかったのに、

「ここは余白を調整しているんだな」

「ここで要素を横並びにしているんだな」

と、少しずつコードの意味がわかるようになってきました。

この小さな変化が、個人的にはとても嬉しいです。

まだ完璧にはできなくても、昨日できなかったことが今日できるようになる。

その積み重ねが、Web制作の勉強の楽しさなのかもしれません。

Web制作の勉強で大切なのは「完璧」より「継続」

Web制作を始めたばかりだと、知らない言葉や覚えることがたくさんあります。

HTML、CSS、flexbox、margin、padding……。

最初は全部覚えようとしてしまいますが、今は「一度で全部覚えなくてもいい」と思うようになりました。

わからなければ調べる。

間違えたら直す。

そして、またコードを書く。

その繰り返しで、少しずつ身につけていけばいい。

グリヨン
グリヨン

完璧に理解してから進むんじゃなくて、わからなくてもまずやってみよう

今はこのことを意識して、少しずつ勉強を続けています。

おわりに

Web制作の勉強を始めて、私が一番変わったのは、知識の量だけではありません。

「勉強する=本を読む」だけではなく、「実際に手を動かして作ってみる」ことが大切だと気づいたことです。

本を読んだり動画を見たりするインプットも大切。

でも、それだけで終わらせず、実際にコードを書いてみる。

思い通りにいかなかったら調べる。

そして、もう一度試してみる。

これからも試行錯誤しながら、少しずつWeb制作の知識とスキルを身につけていきたいと思います。

そして、いつか自分で学んだことや作ったものをブログで発信して、「自分の経験が誰かの役に立つ」ようなブログにしていきたいです。

まずは焦らず、一歩ずつ。

今日も少しだけコードを書いていきます。

コメント

タイトルとURLをコピーしました