2006-09-11
■[JavaScript]JavaScriptのコードをBlogに貼り付ける際に、コードに色づけをして見やすくする
「i d e a * i d e a - ソースの貼り付け方法その後」を見て、確かに色分けされているとソースって読みやすいなぁと思い、JavaScriptのコードを整形&色づけして、Blogに貼り付けられるようなものを作ってみました。
作ったといっても、JsDecoderというソースの整形&色付けを行ってくれる便利なライブラリを使って、ちょっとゴニョゴニョしたレベルです。
とりあえず、公開してみましたが、、
色づけをそのままcolorで指定している(JsDecoderがそういった作り)ので、もし使うならばclass指定に直した方が、後々デザイン変えたいって時に良いと思います。
後は、他の言語に対応したらもっといいなぁと思っていて、dp.SyntaxHighlighterをうまく利用できないかなぁって思ってます。
はてなグループの「スーパーpre記法 シンタックス・ハイライト」がダイアリーでも使えれば、一番うれしいのですが…
----------------
追記@2006/09/29
似たような感じで、classでわけるようなものを作りました。
JavaScript以外にも対応しているので、こっちの方が使い勝手が良いと思います。
トラックバック - http://d.hatena.ne.jp/onozaty/20060911/p1
リンク元
- 28 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=GGLJ,GGLJ:2006-29,GGLJ:ja&q=JavaScript+正規表現 半角
- 23 http://reader.livedoor.com/reader/
- 13 http://www.enjoyxstudy.com/
- 10 http://www.enjoyxstudy.com/javascript/glayer/
- 10 http://www.google.co.jp/search?sourceid=navclient-ff&ie=UTF-8&rls=GGGL,GGGL:2006-32,GGGL:ja&q=ブラウザサイズ javascript+firefox
- 6 http://clip.livedoor.com/clips/jniyagawa/tag/javascript
- 5 http://b.hatena.ne.jp/hideAki/#Javascript/
- 4 http://blog.yappo.jp/yappo/archives/000376.html
- 4 http://orera.g.hatena.ne.jp/misttrap/20060913/p1
- 4 http://r.hatena.ne.jp/sabro/

