WEBサイト制作を効率化するツール色々

Share :

一般的な作り方をすれば、ホームページってつまりはたくさんのHTMLドキュメントの集まりです。

なので例えば全ページのフッター部分を入れ替えたいとか、メニューを追加したいとか、そういうことをしたくなると、どうしてもめんどくさいです。

ただ現在では、PHPやSSI、WindowsサーバならASPで、パーツを共有化したりと言う手法も広まってるので、そのへんを組み込めば楽になります。

とは言え、原始的な一括置換やらの方法を知っておくと何かと便利かと思いますので、自分が良く使ってるソフトやらやりかたをご紹介します。

DreamWeaverがらみ

DreamWeaverだとテンプレート機能が有名ですが、自分はあまり使いません。

多分それほどきっちり仕様が固めてサイトを制作しないからです。

それより柔軟性とかスピード重視です。

そうなると便利なのが、「検索および置換」です(ふつーですいませんorz)。

その中でも「正規表現を使用」と、検索の「特定のタグ」が便利です。

「正規表現」

DreamWeaverでは検索と置換に正規表現を使えます。

もちろん”()”で囲んだ部分を$1などで参照できます。

DreamWeaverは標準で複数行の検索と置換に対応してるので、正規表現と組み合わせるとかなり楽にバッチ処理できます。

例えば、現在地表示のクラス名がついているdivタグの中のテキストをtitleタグの頭につけるとか。

いったんサイト全体バックアップを取ってからやれば安心ですし。

なにげに重宝しています。 →公式ヘルプはこちら

「特定のタグ」

「検索および置換」ダイアログの「検索(E)」には

  • ソースコード
  • テキスト
  • テキスト(高度)
  • 特定のタグ

の4種類があります。

特にこの中の「特定のタグ」が便利です。
あるclass属性を持つタグを一気に消したり、特定のタグを内容そのままで一気に別のタグに置換したりできます。

古いHTMLファイルを一気にクリーンナップするのにも便利です。

「特定のタグ」機能については、あんまりいいドキュメントが見つからなかったのですが、いじってみればきっとすぐなじむのでは、と。

何かいいのがあったら掲載します。 ひとまず見つかったのは

です。

一括検索結果を記録:JGREP

つづいてJGREPです。

名前が示すとおり、文字列の一括検索ソフトです。

一括で検索するだけだったらDreamWeaverの方がいいじゃん、複数行でも検索できるし、と思うかもしれませんが、DreamWeaverのそれには大きな欠点があります。

それは、検索結果を保存できないこと orz (本当に方法ないんですかね…もしどなたかご存知だったら教えてください)

仕事なんかだと、サイトの変更箇所を洗い出して資料として提出するなんていうことが往々にしてありますよね。

そういう時はエクセルなんかで修正箇所を一覧にしたいのですが、いかんせんDWでは検索結果を保存できません。

なのでJGREPを使います。 使い方はJGREPのサイトやらを見ていただくとして、これを使うとWindowsファイルシステムのパスと、検索文字列の前後の文字列がCSVで保存できます。

後はエクセルで¥を/に変換したりしてURLに仕立て上げれば、参照可能な資料の完成です。

ファイルを一括作成

サイトが巨大だと、作成するHTMLドキュメントの量も莫大になります。

特にPHPとかASPでパーツを細分化して組み合わせて作る場合、準備としての空ファイルの作成だけでも大変です。

そういうときには、以下の二つのソフトの組み合わせが便利です。

1.bpTran : CSVからファイルを自動生成

CSV形式のデータファイルとテンプレートファイルの組み合わせで、ファイルを一括で生成できるソフトです。

世間ではバルク的アフィリエイトサイト作成なんかに使われていることが多いようです。

それはともかく、これを使えば一気にファイルを作成できます。

また、テンプレートファイルを編集すれば、内容もCSVを元に一括生成できます。

このソフトを使う前提で、サイトの構成をあらかじめCSVで作成しておき、変更が入るたびに毎回再書き出しというやり方もいいのではと。

MTで言うRebuildみたいな感じで。

Flexible Renamer : ファイル名を一括変更

こちらはファイル名を一括で変えられるソフトです。

一括変更後のプレビューができるのがとても便利です。

えいやっと一括で変えてみたら、全然変わっていなかったり、おかしくなっていたり、しかも不可逆的におかしくなっていたり…という悲劇が避けられます。

さきほどのbpTraneで同じようなことはできますが、あれは要はもう一回出力して上書きしているだけなので

  • そもそもbpTranを通して作ったものではない
  • 作ったんだけどbpTranを通さない形で手がかなり入っていて、もはやbpTranで再構築すると大変なことになる

場合には無力です。

FlexibleRenamerは単にファイル名を変えるだけなので、難しいことを考えずにファイル名の一括変更ができます。

PHPやASPのパーツファイルのディレクトリ構成やネーミングルールが土壇場で変更になったりしても、「DreamWeaverでファイル内のパスやらを一括変更」「FlexibleRenamerでファイル名やらを一括変更」すれば、かなり楽になるのではと思います。

というわけで

ばらばらっと、自分が利用してる機能やらソフトを紹介してみました。

これで単純作業の工数が少しでも減れば幸いです。

そして空いた時間でクオリティアップ or 睡眠…したいですなぁ…。


Share :
お悩みの方へ。一回のご相談で解決することもあります
ラウンドナップ・コンサルティングへのお問合せ方法 お電話でのご相談もお気軽に。[048-234-3361](10〜16 土日祝日除)全国対応 24時間受付 お問合せメールフォーム