マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBサービス WEB制作

【コーダーには常識!?】あなたのコーディングをチェック!

投稿日:2014年6月3日 更新日:

コーディングをしたけど、エラーや間違いがないか不安に感じたりしませんか?
リンク切れやソースの間違いなどを一つ一つ調べていくのは大変です。
そこで、コーディングエラー、リンク切れなどを調べてくれるお勧めのサイト・ツールをご紹介致します!

 

WEBサービス

20140604_01

「W3C」

http://validator.w3.org/

正式名称:World Wide Web Consortium
(ワールド・ワイド・ウェブ・コンソーシアム)
Web技術の標準化と推進を目的とした非営利団体です。
ページURLの指定、htmlファイルをアップ、ソースをダイレクトに入力する、
のいずれかを行うことでサイトのエラーを調べることが出来ます。

20140604_02

http://jigsaw.w3.org/css-validator/validator.html.ja (CSS用)

W3CはCSSの検証も行えます。
こちらもURLの指定、アップロード、直悦入力の3つが選べます。

 

無料ツール

20140604_03

「Website Explorer」

http://www.umechando.com/webex/

URLを指定して実行するだけでサイト全体のエラーをチェックしてくれます。
サイトの総サイズ、サーバの詳細、外部リンク数、リンクエラー数、更新状況などが表示されます。
これを利用してサイトのファイルをフォルダごとダウンロードすることも可能です。
サイト解析、ダウンローダ、リンクチェッカーなど多様な活用が出来ます。

 

20140604_04

「LinkChecker」

http://wummel.github.io/linkchecker/

リンクの生存を簡単にチェック出来ます。
サイト内の全てのリンクをチェックするだけでなく、インターネット、イントラネット上でジャンプすることができるリンクのURLに対しても検索してくれます。
検索結果は別ウィンドウに表示でき、HTML形式のファイルに出力することも可能です。

 

以上、私がよく使用するサイトやツールをご紹介致しました。
全て無料で利用可能なので、損はしません。
コーディングで悩んでいる方の手助けに少しでもなればと思います。

-WEBサービス, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

javascriptの便利なライブラリについて

javascriptの便利なライブラリについて

オブジェクト(配列)や文字列の処理は自作の作成した場合、時間を要してしまします。 そこで、これらの処理をおこなう際に便利なJavascriptライブラリを紹介します。 1. underscore.js …

WEBトレンド!?パーツの動きに注目!!~素敵サイトの旅 その2~

明けましておめでとうございます。web初心者のKです! 本年もどうぞよろしくお願いいたします。 みなさま、お正月はいかがお過ごしでいたでしょうか? 私はあまりに寒すぎて冬眠できないかな~、と、 食いだ …

WEBデザイナーが仕事を依頼されたとき、まず最初に聞いておくべき7つの事。

こんばんわ。WEBデザイナーのKです。 本日は、WEBデザイナーがWEBディレクターから案件を依頼された時に、 必ず聞いておくべきことをまとめてみました。 ざっくりなので、細かく分けるとまだまだ沢山あ …

【Vol.3】優れたキャッチコピーを見て、閃き力を上げよう!【ファッション編】

は~るがき~た、は~るがき~た♪ みなさまこんばんは。いかがお過ごしでしょうか? 桜の花が各地で満開を迎え、 日差しもあたたかくなり春を感じることが少しずつ増えていく毎日ですね。 春は出会いと別れの季 …

【Illustrator小技】PDFファイルを代替フォントでなくアウトライン化して開ける便利なワザ

アウトライン化されていないPDFをIllustratorで開こうとする時、 Illustrator「このPDF、該当するフォントがないから代替しちゃいますね~」 デザイナー「うわぁぁフォント変わっちゃ …