ちびと.netかちびと.netシンタックスハイライトされたソースコードを手軽に実装できるWebサービス・syntaxhighlight.inのご紹介です。Githubページなど、ちょっとしたデモページでのサンプルコードなんかに良さそうですね。ThisWeb制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。humans.txtをご覧下さい。SnippetResourceOthersWeb制作向け書籍Web関連の求人プレスリリース2012.01.25Category:Webサービスシンタックスハイライトされたソースコードを手軽に実装できるWebサービス・syntaxhighlight.inスポンサーリンク地味に便利だったのでご紹介です。ソースコードをブログやWebサイトなどで表示するのに、シンタックスハイライトはもはや必須とも言えると思いますが、多くの場合は高機能すぎて導入が面倒です。Highlightを実装するためのライブラリとマークアップ一式をサクッと生成してくれるWebサービスです。ブログなどのように、何度も使う環境ならちゃんとしたものを入れたほうがいいでしょうけど、何かしらのライブラリを作って、そのデモページにサンプルコード貼りたい、みたいなちょっとした時なんかに結構便利かなぁと。Githubページとか。Pagesホスティングサービス(ほぼ)完全活用ガイド)syntaxhighlight.in選んだ言語のみの対応にしてくれるので軽量で手軽に実装出来るのが大きな魅力です。生成されるコードはjQueryで動かします。Highlight用ライブラリのは圧縮版でも67KBですが、syntaxhighlight.inなら、選択する言語は1つですので数KBほどで実装できるのが魅力でしょうか。試しに適当に作ってみました。Snippetから拝借しています。Sampleちょっと見にくい設定にしちゃいましたがwデザインは設定で色々と変更できます。プレーンテキストとスイッチできるんですけど、このブログの既存のcssが邪魔して表示が崩れちゃいます。});使い方だいたいは分かるかと思いますけど、一応使い方です。コードをペーストし、開閉式にするかどうか、シンタックスハイライトのデザイン、行数をつけるか、ハイライトさせたい行の指定などを設定し、Done!を押すとこんな感じでjQueryのコードとCSSとマークアップが生成されますので、あとは貼り付ければOKです。Highlight系スクリプトを使うのはなんだか微妙な気がしますのでこういった手軽な物を覚えておくといいかもですね。ドロップシャドウが若干邪魔ですが、これは自分で消す感じでGOです。以下より、ぜひお試し下さい。パソコン倶楽部りんごWeb制作に役立つそうなリソースを独断と好みで配信しています。ちびと.netにリンクの無いトラックバックはお受けいていません。コメントされる前にガイドラインをご覧下さい。