ブログトップ 記事一覧 ログイン 無料ブログ開設

Enjoy*Study このページをアンテナに追加 RSSフィード

2006-09-11

[]JavaScriptのコードをBlogに貼り付ける際に、コードに色づけをして見やすくする

i d e a * i d e a - ソースの貼り付け方法その後」を見て、確かに色分けされているとソースって読みやすいなぁと思い、JavaScriptのコードを整形&色づけして、Blogに貼り付けられるようなものを作ってみました。

作ったといっても、JsDecoderというソースの整形&色付けを行ってくれる便利なライブラリを使って、ちょっとゴニョゴニョしたレベルです。


とりあえず、公開してみましたが、、

色づけをそのままcolorで指定している(JsDecoderがそういった作り)ので、もし使うならばclass指定に直した方が、後々デザイン変えたいって時に良いと思います。

後は、他の言語に対応したらもっといいなぁと思っていて、dp.SyntaxHighlighterをうまく利用できないかなぁって思ってます。


はてなグループの「スーパーpre記法 シンタックス・ハイライト」がダイアリーでも使えれば、一番うれしいのですが…

----------------

追記@2006/09/29

似たような感じで、classでわけるようなものを作りました。

JavaScript以外にも対応しているので、こっちの方が使い勝手が良いと思います。

JJJJ 2008/10/31 20:34 こんな記事にコメントするのもアレなんですが、ちょっとおかしい部分を見つけました。
match(/abc/)のように、正規表現で記入する時に「/〜/」で括るんですが、

var hogehoge = /aaa/
match(hogehoge)

みたいになってる時、
/〜/の部分が//〜と、コメント化されてしまいます。
すごく便利そうなので、この辺り対応しないかなぁと、願いをこめて。

onozatyonozaty 2008/11/06 23:11 ご指摘ありがとうございます!

JsDecoderがバージョンあがっているようなので、もしかしたら直っているんじゃないかなと期待しているのですが、今JsDecoderの配布サイトにアクセスできない状態です。。
また後で確認してみたいと思います。

onozatyonozaty 2008/12/07 00:44 JsDecoderのバージョンを上げることによって、正規表現リテラルもちゃんと表示されるようになりました。

carcar 2009/05/22 21:49 Code Syntax Highlighterを使えばすむ話ですが、
下記コードを整形すると元のコードと変わってしまうようです。
まあ、早々こんなコード書く人はいないでしょうけど。。。

if(a)
if(b) {
c=c+1;
} else
d=d+1;
else
e=e+1;

onozatyonozaty 2009/05/22 23:05 報告ありがとうございます!
JsDecoderで、そこまでは対応できてないみたいですね。。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/onozaty/20060911/p1