ブログにソースコードを綺麗に記述する方法。
amebloでソースコードを記述したいと思って
色々ツールを探したんだけど
google-code-prettify
とか
SyntaxHighlighter
が有名ですが
なんか取り入れられそうも無いので
(※取り入れる方法知ってる人求む)
こうなったら
無理やり記事内で色分けするしかない
って思ってなんかないかなーと探っていたら
それ用の変換機を見つけた。きゃー。
ソースコード HTML化 コンバーター「唐辛子」
スゲー。Flex2で作られているようです。
色分けするのは
htmlはもちろん、css,javascript,phpとか
いろんなものに対応しているので便利。
ネットに繋げず使いたいひとは
ゴッソリ.swfを持っていっ…
ためしに変換機で変換したヤツを、
スタイル組んだpre要素で囲ったヤツが下記になります。
各ソースカラーは
変えられそうに無いので
背景色を変えて見やすいようにするのが
便利かもしれません。
色々ツールを探したんだけど
google-code-prettify
とか
SyntaxHighlighter
が有名ですが
なんか取り入れられそうも無いので
(※取り入れる方法知ってる人求む)
こうなったら
無理やり記事内で色分けするしかない
って思ってなんかないかなーと探っていたら
それ用の変換機を見つけた。きゃー。
ソースコード HTML化 コンバーター「唐辛子」
スゲー。Flex2で作られているようです。
色分けするのは
htmlはもちろん、css,javascript,phpとか
いろんなものに対応しているので便利。
ネットに繋げず使いたいひとは
ゴッソリ.swfを持っていっ…
ためしに変換機で変換したヤツを、
スタイル組んだpre要素で囲ったヤツが下記になります。
<div class="actionControl"><input type="submit" value="下書き(非公開)" onClick="changeSave('savedraft','/ucs/entry/srventryupdatedraft.do', '1');return false;" />
<input type="submit" value="アメンバーに限定公開" onClick="changeSave('saveentry','/ucs/entry/srventryupdateend1.do', '2');return false;" />
<input type="submit" value="全員に公開" onClick="changeSave('saveentry','/ucs/entry/srventryupdateend1.do', '0');return false;" />
</div><!-- //actionControl -->
<p class="amemberHelp"><a href="http://helps.ameba.jp/qguide/amember/post_186.html" target="_blank">アメンバーってなに?</a></p>
<div id="attentionBox2">
<p class="attention">ボタンを押下しても反応しない場合、<a href="http://helps.ameba.jp/faq/others/5510/pop_top.html" target="_blank">こちらのページ</a>をご参照ください</p>
</div>
各ソースカラーは
変えられそうに無いので
背景色を変えて見やすいようにするのが
便利かもしれません。

