【ズルいWeb制作】2nd:100万円稼ぐまでの挑戦34【コーディング後の品質を担保するテスト】

こんにちは、タビんちゅです。

目標はWeb制作で100万円稼ぐ!!

東京フリーランスが無料で提供している30DAYSトライアル(デイトラ)1stを完了し、2ndで学んだことを忘れないうちに書いていきます。

これからデイトラをはじめる人の参考にもなるかもです。

この記事を書いたタビんちゅは、

  • Web制作で稼いで2020年5月のセブ🇵🇭友達の結婚式に絶対行く
  • セブIT留学で大失敗
  • 海外フリーランスを諦められない
  •  #30DAYSトライアル で再挑戦プログラミング中
  • Web制作、フリーランス関連を学んで即発信中

あと記事はサクッと書いているので、誤字脱字があったらすみません。

『2nd:DAY19』を学習中

https://www.daily-trial.com/lessons/web_site/courses/40074aa6/articles/66a3fb3a

【今日やること】コーディング後の品質を担保するテスト

コーディングの品質を担保するために最低限チェック。Web制作会社と仕事するならチェックをクセ付けた方がいいらしい

コーディング完了後する必須6つのチェック項目

特にW3CのチェックとIEチェック(クロスブラウザ対応)は、Web制作会社と仕事するならチェックをクセ付けた方がいいらしい

・W3Cチェック(HTML、CSS):HTML → https://validator.w3.org/ CSS → http://jigsaw.w3.org/css-validator/

・見出し構造が不自然ではないか:ブックマークレットで確認( https://www.pixelimage.jp/blog/2015/08/bookmarklet_seo.html )

・altが正しく設定されているか:画像ALTチェッカーで確認(https://trickster.tools/image-alt-checker/

・閉じタグチェック:HTMLエラーチェッカー( https://chrome.google.com/webstore/detail/html%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%81%E3%82%A7%E3%83%83%E3%82%AB%E3%83%BC/ohdllebchmmponnofchalfkegpjojcaf?hl=ja )

・水平スクロールしないか

・Chrome、Firefox、IE、Safari、Edgeで表示崩れが起きていないか
→特にIEとSafariは注意!

詳しくはこちら:

https://www.daily-trial.com/lessons/web_site/courses/40074aa6/articles/66a3fb3a

「Internet Explorer使わないで」開発元のマイクロソフトが警告

IEチェックもやった方がいいのかなあ。。。

参考サイト:

Webコーディング後にチェック(テスト)しておくべき20のチェックポイント!

web制作会社が紹介するW3Cチェック(validator)の使い方

【HTML】見出しタグの使い方:h1〜h6はどう使い分ける?

MacやWindowsでWebブラウザごとやIEのあらゆるバージョンの動作や表示を確認する

Macで使える無料のWindows・IEチェック環境の作り方。日本語入力・コピペの共有方法も

ひと口メモ

非推奨ブラウザIEチェックもやった方がいいのかが分からない。Chrome、Firefox、Safari、Edgeでチェック完了。少しズレてた。

というわけで、今回はここまでです。『プログラミングは継続がいちばん大事。』ではでは。

人気No.1記事