ソースコードなんかをブログに貼り付ける時は、<とか>とか&の扱いがめんどくさくてついついPREタグを使用してしまうものだが、PREタグを使うと強調表示したいときなどに打つ手がなく、やっぱＰＲＥタグは避けようってなってそしてまた<とか>とか&がめんどくさい問題に逆戻りしてしまう。
シンタックスハイライターも良さそうだが、スクリプト設置がめんどくさいのと、ときどきスクリプトが走るのがもたもたして具が見えてしまうことがあるのが気になる。

で、そんなときに便利なツールの紹介。

srctohtml

まずＣＳＳだJSだをアップしなくてもよくて、単純なコピーペーストで簡潔するのがいい。そしてプロファイルというデザインのひな形のようなものを選べるのも良い。このブログでもこれまでＰＲＥタグを使ってきたが、今後はこのツールで行こう。
ちなみに実際のソース出力はこんな感じ。

1. var obj = document.getElementById('test');
2.  
3. // コメント行
4. if (obj.name == 'test') {
5.     alert ('テストです');
6.     obj.name = 'test2';
7. }