太字の墨塗

作成日：1999-04-29
最終更新日：

引き続いて正規表現に挑戦した。

前回の経験から、キーワードを明示的に指定しようと思い立った。指定の仕方として、<B>と </B>タグで囲まれた箇所をキーワードとみなす。そしてキーワード全体を伏せ字にする。

例：原文が「変革を迫られる中小企業と起業家精神の発揮」
とあれば、覚えるための墨塗文は
「変革を迫られる中小企業と＊と＊」
となる。

JavaScriptで次のスクリプトを書いてみた。


   var org="変革を迫られる中小企業と<B>起業家精神</B>の<B>発揮</B>";
   var result=org.replace(/<B>.*<\/B>/gi, "＊");
   document.write(result);

replaceメソッドの第１引き数はこれでうまくいくか。

まず、Macintosh上で確認する。ふだん使っているNetscape Communicator 4.04[ja]でやってみたところ、こうなりました。

変革を迫られる中小企業と＊

＊が一つしか出てこない。この理由はすぐわかった。二ケ所で<B>と</B>の組み合わせが出てきていますから、最長一致したところで置き換えてしまったのが原因だ。

最短一致と最長一致

対策はいろいろあるでしょうが、キーワードにはタグの文字が含まれないと判断して、タグに使われる文字以外の１文字以上の並び、とすればいいだろう。この文字にBを使ってみた。


   var result=org.replace(/<B>[^B]*<\/B>/gi, "＊");

いざやってみたところ、エラーになってしまった。>ではない、他の<や\/などを使ってみましたが、同じエラーが出る。

さて、Internet Explorer4.01上では、最初の引数ではもちろん同じ結果になりましたが、次の引数を試した結果は予想通り「変革を迫られる＊と＊」と出てきた。ブラウザ依存の点があるので、なんとか直したいと思いつつ、まだできていない。

＊を 2 個所出すもう一つの方法は、欲張りマッチをしない正規表現の記法を使うことだ。 x* は x の 0 回以上の繰り返しですが、x*? とすれば、なるべく短い列にマッチするように変えられる。次の通り。


   var result=org.replace(/<B>.*?<\/B>/gi, "＊");

実際の結果はこちらです。*? を使っています。

(2007-10-31)

最初の記述から８年もたってしまいました。もう、Netscape 4.* はセキュリティの問題もあるし、対象外としてよいでしょう。対象は主に IE6, IE7, Safari, Firefox, Opera などでしょうか。

MARUYAMA Satosi