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

関連記事

  1. Web関連

    オンラインショッピングしたことありますか?

    こんにちは!IAの鑓水です。今回はついつい使う、オンラインショ…

  2. Web関連

    ホームページ制作会社が紹介するHTML5の動画のメリット

    皆さんは使ったことはありますか?きっとありますよね、Youtubeです…

  3. Web関連

    web制作に便利な iPhone アプリまとめ

    こんにちは。育児に家事に大忙しのディレクター、望月です。限られ…

  4. Web関連

    ターゲットを見極めてWebサイトの売り上げ大幅アップ!「男女」のニーズを把握する

    今回は、ユーザーの性別によるwebサイト最適化方法の違いについてご紹介…

  5. SNS関連

    Twitterを使った狙い撃ちマーケティング、Twitter広告活用法

    今や知らない人はいないであろうTwitter。Facebookと並…

  6. Web関連

    SEOの基礎中の基礎

    皆さん調べたいことがあったら検索しますよね。そのときに表示される検索結…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    システム化されたサイトとリッチスニペットの相性が良い理由
  2. AI関連

    【人工知能(AI)×コールセンター】コールセンターが抱える悩みを人工知能が解決
  3. Web関連

    Webサイトに関する昨今のトレンドあれこれを集めてみた!
  4. Web関連

    コンバージョンアップのための3ステップ!
  5. AIさくらさん

    商業施設のインフォメーションをAIさくらさんが担う!
PAGE TOP