ソースコードのマークアップを考える

これでいいの？

ひとつ前の記事を書いていて、いざコードをブログに貼り付けようとしたときに手が止まりました。「ソースがすごく汚い感じ（図1）になるけどこれでいいのか？」と。

　図1

今までの方法を説明すると、ほとんど普通の文章と同じように扱っていました。

1. 記号の部分を実体参照ツールで変換
2. 一旦FCKeditorのテキストエリアに張り付けることで整形
3. 2でできたソースをblockquoteでくくって貼り付け

 なんとなくこれはよろしくないような予感がし、ソースコードの正しい貼りつけ方について調べてみました。

blockquoteじゃいけないの？

そして「コード　引用」で検索してひっかかったのがこのページ。

• hxxk.jp – ソースコードは blockquote でマークアップ ?

この記事を読んで、「コードを引用する」という概念がそもそもちょっと違うということと、現時点ではpre＋codeでくくるのがベターですよということがわかりました。

他にもこんな記事が。

• ブログにコードを貼り付ける方法で悩むの巻 | i d e a * i d e a
• hxxk.jp – Re: i d e a * i d e a – ブログにコードを貼り付ける方法で悩むの巻

このブログのテンプレート（MAQUE ）はCSSもそれを想定して書かれているみたいで、preとcodeでくくったらいい感じに表示されるようになっています。

ということで

1. 実際参照変換ツールで記号を変換
2. pre＋codeでくくって貼り付け！

という方法でやっていきたいと思います。