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制作

関連記事

【Fireworks】Flashなしで簡単に作れるGifアニメーション

【Fireworks】Flashなしで簡単に作れるGifアニメーション

サイトにちょっとした動きがほしい時、Flashを使わず、Fireworksでも簡単にGifアニメーションを作成できます。 ここで画面読込中のローディングアニメーションを作る手順をご紹介したいと思います …

【複数SNS利用者必見!】「Everypost(エブリーポスト)」でラクラク投稿

【複数SNS利用者必見!】「Everypost(エブリーポスト)」でラクラク投稿

Facebook、Twitter、Google+、Tumblrなど、 数年の間でSNSの数もぐっと増えてきましたね。 その数と共に個人で所有するアカウントも増えるわけですが・・・ 同じような投稿をそれ …

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(1)

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(1)

デザイナーのAです。こんにちは。 今日はお客様の立場になって、 WEB制作における良いデザインと悪いデザインの見分け方についてご紹介できればと思います。 デザイナーにとっては、基本的なことでも、以外と …

デザインコンセプトとは?重要性や作り方について事例を交えてわかりやすく解説

デザインコンセプトとは?重要性や作り方について事例を交えてわかりやすく解説

デザインコンセプトは、作る側にとっても、見る側にとっても、とても大切です。何を伝えるべきで、何を伝えないべきか。コンセプトをしっかり設定すると、無駄な部分がスリムになってデザインに統一性が生まれるので …

Bamboo PadであなたのPCもタッチジェスチャーで意のままに!

Bamboo PadであなたのPCもタッチジェスチャーで意のままに!

PC使用時に画面上の画像などを拡大したい時、 思わず画面に親指と人差し指を添えて必死にズームしようとしたり、 スクロールしたい時に画面に指をスイッと滑らせたりして、 あ、これタッチできないんだ…とザン …