マーカーネット株式会社

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

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

関連記事

事前に調べよう!2015年ウェブデザイントレンド!

こんばんわ!新人のKです!今回は今後、ウェブデザインのトレンドについて少し説明させていただきと思います。 01.背景イメージORムービー入れ(Large, Beautiful Background I …

Dropboxを使ってスタティックサイトを簡単に作れるサービス「Brace」

Dropboxを使ってスタティックサイトを簡単に作れるサービス「Brace」

今ではスタティックなWebサイトからでもHTML5と最新のJavaScript環境(各種の既製ライブラリ、フレームワークなど)があれば、相当複雑高度なサービスを提供できますよね。 そんなスタティックな …

普通の写真も一風変わった感じに!【Photoshopで写真をミニチュア風に加工】

普通の写真も一風変わった感じに!【Photoshopで写真をミニチュア風に加工】

デザインする時、「この素材写真イマイチだなー」と思ったことありませんか? ここで普通の写真をミニチュア風に加工するPhotoshopの小技をご紹介します。 STEP1 まず加工する写真をPhotosh …

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

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

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

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

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