エンジニアステップ

初心者エンジニア(1年目~3年目くらい)のための技術ブログ

DAY25.『実践的にコーディング力を伸ばそう』 #30DAYSトライアル

DAY25.『実践的にコーディング力を伸ばそう』#30DAYSトライアルです。 

» 参考:【初心者からサイト制作で月5万円を稼ぐための30日間トライアル】まとめ

www.engineer-step.com

 

DAY25.『実践的にコーディング力を伸ばそう』

DAY25.『実践的にコーディング力を伸ばそう』ということで、久々に0からコーディングです!

 

 

LP(randhingu pe-zi)のHTMLコーディング模写!

LP(randhingu pe-zi)のHTMLコーディング模写やってみてます。

※思ったよりも難しい(´・ω・`)

 

コーディング力とはなにか?

目的はシンプルにコーディングの力を伸ばすということで、より分解すると

  • 構造を把握する力
  • デザインを共通化する力
  • よく使うHTMLタグを瞬時に使える力

を伸ばすべきかなあ、と思って課題に取り組んでいます。

 

これって恐らく、それぞれ別の能力かな、と。

 

料理で例えると、

  • どういう材料が使われた料理か把握する力
  • 調理手順を効率化する力
  • 食材ごとの調理方法を理解しすぐに調理できる力

みたいな感じかなと。

 

とはいえ結局は数が大事っぽい!

とはいえ結局は数が大事っぽいですね。

こういうのはやればやるだけ発見があるはずなので、数をこなしたいと思います。

 

とりあえず、isaraのLPで試しています。

isara.life

 

やってみて個人的に迷うところ

やってみて個人的に迷うところは以下の2点

  • クラス名の命名規則
  • どの文章をhタグに入れるのか

命名規則に関しては、既に購入済みのテンプレートや、実際のソースコードを見つつ真似して、やっています。

ここに凝り始めると時間が足りなくなるのですが、色々と調べています。

htmlのid属性とclass属性の命名はハイフンかcamelかsnakeか - Qiita

新人コーダーに知っておいて欲しい命名規則の考え方[画像・ID・class名]|クロノドライブ

 

何件か案件をこなしてからで良いと思いますが、自分が作ったソースコードの保守(変更)のために「自分なりのルール」を決めておきたいなあ、という感じ。

 

あとは、hタグの使い方。

SEOについて学ぶと分かるのですが、Googleにページを適切に伝えるには、hタグにキーワードを入れることが重要です。

この辺りは、とりあえずは考えなくて良いと思うのですが、後々のウェブサイト制作する上でのアピールポイントになりそうだなあ、と思います。

見出しタグの使い方と絶対に知っておくべき注意点

 

以上、DAY25.『実践的にコーディング力を伸ばそう』 でした。 

 

【前回記事はこちらからどうぞ】