マーカーネット株式会社

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

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

関連記事

ごろごろしながらウェブネタ探し

皆さん! こんばんは!! 株式会社マーカーネットでwebデザインを修行をしている新人デザイナーKです。 普段、皆さんはデザインを作るとき、どこからデザインのネタを探しているんですか? 私は場合は、そう …

参考になるスマホサイト

皆さん・・・ こんばんは・・・・ webデザインを新人デザイナーKです・・・ 何故私がこんなに落ち込んでいるかというと・・・最近、5kgも太っ”#$#”$!!! ことではなく! 最近、スマホのデザイン …

Windows7版最新IE(InternetExplorer11)がリリースされたのでさっそく試してみた

web制作の業界ではほぼ確認用としか使われていないIE。 制作者ならだれもが分かると思いますが動作が重く、昔から癖が強くアプデの度にその癖が変わる。 わがままなブラウザ。そんなイメージでした。 そんな …

モバイルフレンドリーでいたい!~素敵サイトレスポンシブの旅~

みなさん、こんにちは! web初心者のKです! この度、googleがモバイルフレンドリーな webサイトのランクを上げるアルゴリズムの変更を発表しましたね! http://www.itmedia.c …

中国でWEBサイトマーケティング考えてる方への 両国の大きな違い②

一般的にWEBサイトを展開する場合、最初に考えることの一つにドメインの問題があります。 中国でも.comなどの一般的なドメインは.cnよりも簡単に取得可能ですが、その先にICP登録という問題があります …