Web関連

ホームページ制作におけるHTMLのソースレビュー

0

 

こんにちは、システムエンジニアの小森です

今回はコードレビューについて書きます。
まず用語の簡単な説明です。
コードレビューとはプログラム開発をするときによく使われる手法で、
ソースコードを書いた本人とは別の人がソースコードを読んで、
間違いを発見したり、より良い書き方を指摘するものです。
プロダクトからバグをぐっと減らせたり、プログラマーが処理が効率的でバグが少ないコードが書けるようになったりと、
実施することで沢山の良いことがあります。
ただ、HTMLのコードレビューというのはあまり聞かないと思います。
私自身もシステムエンジニアだからか、書いていて少し違和感があります。
恐らくHTML自体がプログラム言語ではなくマークアップ言語だからだと思います。
マークアップ言語なら誰が書いてもほとんど同じになるはずですからね。
実際のところは、デザインやシステムとの連携、HTML自体の書き方の自由度もあって、
誰が書いても同じようにはなりません。
そのためHTMLでもコードレビューをやったほうが良いのは間違いありません。
それではHTMLをコードレビューすることによって見込める2つの効果について書いていきます。

保守性の向上

まずは保守性の向上です。
コードレビューを行うことで保守性を向上させることが可能です。
書き手だけがわかるHTMLは良いHTMLとは言えません。
最初の書き手以外が文書を変更する場合にも
わかりやすいHTMLが望ましいと思います。
コードレビューをすることで改善できそうな点を
箇条書きにして挙げてみます。

・わかりにくいid名の変更
・わかりにくいclass名の変更
・不必要なブロック要素の削除、統合
・適切なコメント文章の挿入
・styleの指定方法の効率化
・画像等の素材名の変更

マークアップエンジニアの方は、今までに漠然と「このソース、自分だったらこうするのになぁ」と思ったことがあると思います。
コードレビューをして改善しましょう。

HTMLコーダーのスキル向上

次はHTMLコーダーのスキル向上です。
HTMLは崩れが無く、綺麗に見れていればOKになることが多いと思います。
コードの書き方までチェックをすることは少ないのではないでしょうか。
コードレビューの場を設けることで、保守性の高いコードとは何かがわかり、効率的で他人にわかりやすいコードが書けるようになっていきます。
独学よりも確実に成長スピードは速くなり、今まで使っていた手法よりも良いものを知るきっかけにもなります。
スキル向上のためにもコードレビューを導入してはいかがでしょうか。

さいごに

HTMLをコードレビューすることの2つの効果について書きました。
実際にコードレビューはどのように実施すればよいかは、プログラム開発のコードレビューを調べて頂ければ沢山情報が出てくると思います。
それでは。

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

W3Cチェック

0

M2Mの加速化で運転手が居なくなる?前のページ

デジタルコミュニケーションの可能性次のページ

ピックアップ記事

  1. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  2. 新型コロナウイルスで日本の働き方改革が起こる
  3. AIに求められているものは、実は意外な物だった
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    ツイッター活用は今がチャンス

    皆さま、twitterはご利用されていますでしょうか?ラインやイン…

  2. Web関連

    Webデザイナーなら知っておくべき!誰でも実践できる写真構図のポイント

    最近寒くなってきましたね。そんななか、11月末に箱根までバイク…

  3. Web関連

    UX改善は業績アップの近道らしい!?

    突然ではありますが、みなさんは、ごひいきにしているお店や日用品はどのく…

  4. SEO関連

    「文字数が多いほうがSEOに有利」は本当なのか!?

    最近のGoogleの検索アルゴリズムは、以前よりも格段に進化しているた…

  5. Web関連

    リモートワークで働く際に知っておきたい6個のポイント

    気が付けばあんなに綺麗だった薄紅ももう新緑に...。季節が移ろうのは早…

  6. Web関連

    システム開発で大事なテストプロセス改善のポイント

     以前、他のコラムで「テストプロセス」について紹介されていましたが、今…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    今注目のクロスチャネル・キャンペーン・マネジメント(CCM)とは?
  2. Web関連

    マーケッター必見! 話題のMAツールを比較してみた
  3. Web関連

    ジャマな広告とはおさらばだ!快適にスマホサイトを閲覧する方法
  4. マーケティング

    不特定多数へ情報を提供する昔のマーケティングしてませんか?
  5. サービス・新技術

    申請書業務はRPAにお任せ!人の代わりに業務を自動化
PAGE TOP