GitHub Gistのようにオンラインでコードを書いておけるサービスはあります。しかし、埋め込みコードが自分のサイトでは使えないというケースは多々あります。JavaScriptタグを危険なものとして全般的に不可としてしまっているケースです。 そこで使ってみたいのがCode Snipperです。コードを画像にしてくれるソフトウェアです。

Code Snipperの使い方

サンプルです。

日本語も使えます。

Code Snipperは画像化したいコードをHTML上に表示し、それをWebブラウザのスクリーンショットツールで撮影するという方法をとっています。そのため日本語も使えますし、フォントや文字サイズを細かく指定したりすることもできます。テーマも変更可能です。画像ならば問題なくブログなどで使えるでしょう。

Code Snipperはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

abhisheksoni27/code-snipper: Export js code snippets as PNG