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. 新しい販売形態であるDtoCについて考えてみる
  3. AIに求められているものは、実は意外な物だった
  4. 新型コロナウイルスで日本の働き方改革が起こる

関連記事

  1. Web関連

    コミュニケーションの要!?「可愛げ」とは

    さて、そろそろ年度末ですね。新入社員の皆さんはあと少しで丸々1年が…

  2. Web関連

    DMPと3PASってなんだろう

    ども、SEの岸沢です。今回は近年バズワードとなっているDMPと3PA…

  3. Web関連

    小売業界必見!ビジネスの見方が変わる!?小売業界のミライ予測

    小売業のECチャネル進出が当たり前になった今、小売業のビジネスのカタチ…

  4. Web関連

    運動不足のweb担当者に伝えたい!この効果はスゴイと実感する心とカラダの姿勢を整えるヨガ

    こんにちは。管理部の川又です。みなさん、毎日のデスクワークで目もカラダ…

  5. Web関連

    インターネットでのマイナンバーを取扱いについて

    マイナンバーを利用してインターネットからも個人の情報を閲覧できるように…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    サイト制作の見積もりに必要な事、知ってますか?
  2. Web関連

    ちょっと前にはやったWEBコンシェルジュの今
  3. AI関連

    【テレワーク×AI】今後も続くであろうテレワークとどう向き合っていくのか
  4. Web関連

    リッチな表現でサイトを彩る -SVGアニメーション(線画)-
  5. Web関連

    「紙の本、読んでますか?」デジタルファーストとブックラスト
PAGE TOP