品質チェックリスト

  • 端末・ブラウザ確認
    (Chrome, FireFox, Microsoft Edge)

  • ピクセルパーフェクトによる確認

  • JavaScriptの挙動確認およびコンソールエラーチェック
    (検証ツールのコンソールタブ、各挙動は手動により確認)

  • リンクチェック
    (aタグのクリック領域が文字だけはNG。ボタンならボタン全体に。)

  • フォントの表示確認

  • HTMLチェック

  • CSSチェック

  • 閉じタグチェック

  • 見出し等の確認

  • 表示崩れチェック


ピクセルパーフェクトによる確認とその報告方法

  • デザインカンプの画像を重ねて確認いたします。
  • ・コンテンツの幅はデザインカンプとあっているか
  • ・marginおよびpaddingはデザインカンプとあっているか
  • ・画像を重ねたときに文字は一致しているか

  • その上で、以下を徹底的に管理し、初稿提出時に報告いたします。
  • ・デザインカンプにどうしても合わせられない部分
  • ・明らかにデザインがおかしいのでは?と疑問に思う部分
  • ・PCとSPでテキストやデザインが異なっている部分
  • ・コーダーの判断でデザインと異なる実装をした部分
  • ・その他疑問に思った部分
  • ・相手(先方)に確認してもらいたい部分