HTML-lintを自分のパソコンで動かす

2001/12/10

[Home] [日記目次]
日記に戻る

HTMLの文法チェックプログラム【Another HTML-lint】を自分のパソコン上で動かすための設定メモ。


準備

まず、ActivePerlとApacheをインストールして、パソコンを疑似サーバとして使えるようにしておく。
やり方については、【ActivePerlとApacheでパソコンをサーバに [Windows 版]】を参照。

設定した環境は以下の通りとする。


擬似サーバのディレクトリ: c:\_host\public_html
AcivePerl ディレクトリ : c:\usr\
チェックするHTML    : c:\www\mysite\index.htm

ダウンロード

Another HTML-lint ダウンロード】から、ダウンロード用パッケージをダウンロードする。
Perlライブラリのことがゴチャゴチャ書いてあるが、ActivePerlの最新版には必要なものはすでに揃っているようだ。


インストール

  1. ダウンロードしたフルパッケージを解凍し、中身全部を htmllint というフォルダに入れる。
  2. htmllintフォルダ を 擬似サーバのディレクトリ(c:\_host\public_html)に移動する。
  3. htmllintフォルダ 内にある htmllintenv ファイルを リネームして htmllint.env にする
  4. htmllint.env の内容を以下のように書きかえる
    
    # CGI 用ディレクトリ (絶対パスかCGI相対パスで指定、なるべく絶対パスにしてください)
    $RULEDIR  = 'C:/_host/public_html/htmllint/';        # 規則ファイルの場所
    $LOGSDIR  = 'C:/_host/public_html/htmllint/logs/';   # ログファイルの場所 
    $TMPDIR   = 'C:/_host/public_html/htmllint/tmp/';    # テンポラリファイルの場所
    $IMGDIR   = 'C:/_host/public_html/htmllint/';        # イメージファイルの場所
    $TAGSLIST = 'C:/_host/public_html/htmllint/tags/';   # タグ一覧キャッシュ用の場所 
                                     # 設定するときはアクセス権を適当に与えておくこと
     
    # HTML 用ディレクトリ (CGI が出力する HTML 中で使う)
    $HTMLDIR    = './';       # HTMLファイルの場所
    $GATEWAYURL = $HTMLDIR.'htmllint.html'; # ゲイトウェイサーヴィス HTML
    $EXPLAIN    = $HTMLDIR.'explain.html';  # 解説用 HTML (HTML用)
    $CGIROOT    = $HTMLDIR;                 # CGIの場所
    $IMGROOT    = $HTMLDIR;                 # イメージファイルの場所
    
  5. htmllint.cgi と tagslist.cgi の1行目を 「#!/usr/bin/perl」に書き換える。
    (なぜなら、私のパソコンでは perl は c:\usr\bin\ にあるから)
  6. htmllintフォルダ 内に作業用フォルダ(ディレクトリ) logs, tmp, tags を作る。
  7. Windowsなので、アクセス権は特に設定しない。(というより、設定したくてもできないです)

テスト

設定を変えたら、テストしてみる。

  1. Apacheを起動する
  2. ブラウザを起動して、アドレス欄に 「http://127.0.0.1/htmllint/htmllintl.html」を入力して、リターンキーを押す。
  3. Another HTML-lint gateway が表示されたら、URL欄にファイル名を入力して「チェック」ボタンを押す。
    ローカルファイルをチェックする場合は「file://c:/www/mysite/index.htm」のように入力する。
  4. チェックの結果が表示されれば成功。

[Home] [日記目次]
日記に戻る

有里 (alisato@anet.ne.jp)
http://alisato.cool.ne.jp/
http://member.nifty.ne.jp/alisato/