環境作成ツールをご存知でしたら教えてください。

Question

お世話になっております。パラボッセの内堀です。

楽天市場の GOLD のページとヤフーショッピングの トリプル のページで
共通のhtmlを使用していまして
それぞれのドメインが　rakuten.co.jp や、 store.shopping.yahoo.co.jp と違っているので
いちいちURLを書き換えています。
ここを効率化したいなと思っています。

例えば Jakartaプロジェクトの Ant のように環境を設定ファイルで決めておけばツールが一括して書き換えてくれるようなものをご存知でしたら教えていただけますと嬉しいです。
イメージとしては

と元のソースにあれば、ツールで


に書き換えてくれるもの。

勉強不足で申し訳ございませんが、どうぞよろしくお願いいたします。

Answer

お世話になっております。

一括書き換えを行うツールは存じ上げませんが、
ページ読み込み時、JavaScriptによる書き換えで対応するというのはいかがでしょうか。

例えば、以下の内容を「changelink.js」というファイル名で保存していただき、

========これより下========
$(function(){
	var mall = 'http://www.rakuten.ne.jp/gold/paravoce/';
	function chg(r){ return r.replace('./', mall); }
	$('a').each(function(){
		$(this).attr('href', chg( $(this).attr('href') ) );
	});
	$('img').each(function(){
		$(this).attr('src', chg( $(this).attr('src') ) );
	});
});
========これより上========

ｊQueryと一緒に、共通HTMLにて読み込ませれば完了です。
例えば、




のような形になります。
（※他の場所でjqueryのjsを読み込ませている場合、一行目は不要です）

上記changelink.jsの場合、
置換するのはaタグのhref属性、imgタグのsrc属性だけになりますので
その他の属性を置換する必要があれば

$('【タグ名】').each(function(){
	$(this).attr('【属性名】', chg( $(this).attr('【属性名】') ) );
});

このような形式で、changelink.jsの最後と最後から2行目の間に
挿入していただければ結構です。

実際にお試しいただき、効果が無い場合はお知らせください。

Answer

早速のご返答ありがとうございます。
すごいですね。
さっそく設定します。


商品ページへのリンクはやはりそれぞれ書き換えるしかないのでしょうか？
"./"で一律にならない URL なので方法が思いつかないのですが、なにか効率化できる方法があるといいなと思っています。

Answer

商品ページURLの部分が一致しているのでしたら、
例えば、HTML内のリンクには「item/samplesku」と書いていただき、
changelink.jsの2行目・3行目を、

Yahooの場合は
var mall = 'http://shopping.geocities.jp/paravoce/';
var item = 'http://store.shopping.yahoo.co.jp/paravoce/';
function chg(r){ return r.replace('./', mall).replace(/item\/(.+$)/,item+'$1.html'); }

楽天の場合は
var mall = 'http://www.rakuten.ne.jp/gold/paravoce/';
var item = 'http://item.rakuten.co.jp/paravoce/';
function chg(r){ return r.replace('./', mall).replace('item/',item); }

と書き換えていただければ動作すると思われますが、
いかがでしょうか。
一度、お試しください。

Answer

ご丁寧な返答ありがとうございます。
またわからないことがあったら質問します。
設定するまで時間がかかると思うので、いったん解決済みにします。

Answer

お世話になっております。　　パラボッセの内堀です。

Javascript での対応を教えていただきましたが、windows のコマンドなどで作成することは可能でしょうか？

Answer

windows上で完結するならば、
バッチファイルを独自で作成していただく必要があります。

バッチファイルについては下記URLを、
http://www.adminweb.jp/command/bat/index1.html
バッチファイル内で使える命令については下記URLをご参照ください。
http://pf-j.sakura.ne.jp/program/dos/doscmd/
バッチファイル内の命令でテキストファイルを置換するには
下記URLのgawkをダウンロード及び解凍して、
「gawk.exe」ファイルを「C:\Windows\System32」フォルダにコピーしてください。
http://www.vector.co.jp/soft/win95/util/se376460.html

バッチファイルの動作の流れとしては、
chdirコマンドで現在のフォルダを置換対象のHTMLが存在するフォルダに移動させ、
mkdirコマンドで、楽天用、Yahoo!用のHTMLを書き出すフォルダをそれぞれ作成し、
gawkコマンドで、全てのHTMLに対して書き換えた結果を楽天、Yahoo用フォルダにそれぞれ保存する、
という流れで作成していただきます。

gawkの使い方ですが、
例えば、HTMLファイルに含まれる「###URL###」を「rakuten.co.jp」に変えて「rakuten」フォルダに保存する場合は、

for %%A in (*.htm*) do gawk "{gsub(\"###URL###\", \"rakuten.co.jp\"); print $0;}" %%A > rakuten\%%A

という書き方になります。

Answer

ご返答ありがとうございます。
gawk。。初めてです。

バッチファイルを置換対象のHTMLがあるフォルダにおけば、chdir はいらないですか？

%%A というのはこのままがいいのでしょうか？
%%A の意味が分かっていなくて教えて頂けたら嬉しいです。

rakutenフォルダ以下に元ファイルと同じ名前のファイルか xx_ra.html　のようになると嬉しいです。

Answer

はい、バッチファイルを同じフォルダに置けば、chdirは不要です。

%%Aには、同じフォルダにあるhtmlファイルの名前が1つずつ入ります。
for文を使って、同じ命令を、htmlファイルの個数分だけ繰り返しております。
for文につきましては、以下のページのサンプルをご参照ください。
http://pf-j.sakura.ne.jp/program/dos/doscmd/for.htm

rakutenフォルダ以下に元ファイルと同じ名前のファイルで保存されるようにする、ということであれば、
1つ前にご返信いたしました、下記の文のままで結構です。

for %%A in (*.htm*) do gawk "{gsub(\"###URL###\", \"rakuten.co.jp\"); print $0;}" %%A > rakuten\%%A

Answer

早速のご返答ありがとうございます。
ご説明ありがとうございます。分かりました！

ちなみに、今回のように一回解決済みにした質問に再質問をしたい場合は、新たにスレッドを立てた方がいいのでしょうか？
今回だと「解決済み」のままやり取りがあって、よかったのかな？と思いました。

Answer

同一の内容であれば、同じスレッドで構いません。
全く別の内容であれば、新たにスレッドを立てて頂ければと思います。
今後ともよろしくお願い致します。