◆当ページにはプロモーションが含まれています

初学者向け

【初心者必見】エンジニアとして成長が止まってしまう!!HTML初心者がついついやってしまいがちな2つのコト

みなさん、こんにちは。どんぶラッコです。

本日は、プログラミングを学びたてのみなさんがついついやってしまいがち、だけれど、意識して直していかないと今後必ずエンジニアとしての成長が行き詰まってしまう、恐ろしい

全てに共通するのは、「今後メンテナンスする時に楽になるようにしよう!」ということです。

HTML内にstyle="..."は使わない!

まず1点目は、styleに直書きするのは禁止しましょう。
私も時間がないときについついやってしまいがちなのですが、これは今後のことを考えるとCSSに記述する癖をつけた方が良いです。

プログラミングでよく使われる概念に “分離・独立” があります。

MVCモデルと言う言葉をご存知でしょうか?詳細はLaravelの授業の際に講義があると思うのでそちらに譲りますが、要するに「プログラミングの役割毎に記述するファイルを分けよう!」という考え方です。

https://proglearn.com/2019/08/23/%e5%a1%97%e3%82%8a%e7%b5%b5%e3%81%ae%e4%be%8b%e3%81%88%e8%a9%b1%e3%81%a7%e7%90%86%e8%a7%a3%ef%bc%81-mvc%e3%81%a8%e3%81%af%e3%81%aa%e3%82%93%e3%81%9e%e3%82%84%ef%bc%9f/


なんのためにこんなことをするかと言うと、原因によってメンテナンスする場所をわかりやすくするためです。
翻って、今回のHTMLとCSSの関係で言うと、

  • 必要な要素が足りない! -> HTMLファイルを編集
  • なんか見た目がおかしい! -> CSSファイルを編集

という関係が成立します。

しかし、今回のようにHTMLにstyleを書いてしまうと、どっちもHTMLファイルを1つずつみなくてはなりません。

このように、結果として余計な時間がかかってしまうようになります。

id名は読んでわかる名前を!

これもやってしまいがちですが、id名やクラス名などに”a”などの仮のid名をつけることは極力避けましょう。

今後より複雑なWebサイトを作成していくことになるでしょう。

その時に、絶対”これ、なんだっけ?”となります(経験談)

小規模のプロダクトを作成している今から、後から読んでもわかりやすい名前をつける癖付けをしておきましょう!

ちなみに、読みやすい名前の付け方、と言う意味ではリーダブルコードを読むことをオススメします。


エンジニアとして巣立っていく皆様は、今のうちから良い癖付けをしておく必要があります。

ぜひ、今のうちから良い習慣を身に付けるようにしましょう!!

エンジニアにおすすめ転職サイト

マイナビIT AGENT
迷ったらまずはココ。求人数が多いため希望や条件にマッチする求人が見つかる!

レバテックキャリア
担当者のレベルが高い。エンジニア特化で15年の実績がある実績で初回提案での内定率驚異の90%!

JOIN
副業やフリーランスとして高額報酬案件を見つけるならJOIN。未経験者でも案件獲得実績豊富が強み!

\面白いと思ったら/

記事のシェア & Twitter のフォロー をお願いします!

@proglearn
一緒によく読まれている記事

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です