M.C.P.C.

―むり・くり―プラスコミュニケーション（更新終了）


| トップページ |

2010年11月 2日 00:01

blogでソース書く？ <pre>と</pre>で囲めよ。いろいろと捗るぞ

このエントリーをはてなブックマークに追加 mixiチェック

DTP関連のblogでスクリプトのソースがかかれることが急に多くなってきたような感じですが、実はblogってそのままだとプログラムやスクリプトのソースを表示するのはうまくいかないんです。

というのは、HTMLって、特別な指示がない限り、複数のスペース文字は、1つに丸められてしまうんです。

結果、ソースできれいに整えたインデントが、blogではなくなってしまうことがあるわけです。

というわけで、もともとテキスト整形済みのレイアウト箇所に使うよう用意されている、pre要素を使ったほうがいいと思うんです。

元来、マークアップはDTPが始まる前の時代であればコンピュータで組版するために使われていた時期もあったわけですので、せっかく組版している人なんであれば、HTMLでもpreぐらいは的確にマークアップできるようになっているといいかなーと思いました。

もっとも、pre要素を使えば万事解決、というわけではなくて、MovableTypeやTypePadだと、改行設定を、「改行を反映させる」になっている状態では、空行があると勝手にpreを閉じてしまったりしますので注意です。

pre要素を使ったときに、何が得するか、というと、JavaScriptを使って、pre要素の中を装飾することができます。

僕は、google-code-prettifyというのを使って、このblogでソースに色を付けているよ。

prettify [mrs.suzu841.com] を参照。


こんな感じになる。

#!/usr/bin/perl
 
use strict;
use warnings;
use CGI;
my $q = CGI->new;
print $q->header( -type => 'text/html', -charset => 'UTF-8');
print '<html><body><p>ほげ</p></body></html>';
exit;
__END__


～～～

最近さすがにDTPを離れているからここで書くのもどうかと思うけれども、DTPの現役の人って結構HTMLのマークアップって触れないよね。だからここで書いてみました。

投稿　大野 義貴 [DTP] | |

トラックバック(0)

トラックバックURL: http://blog.dtpwiki.jp/MTOS/mt-tb.cgi/3393

コメントする

書いている人： CL

印刷会社に13年間務め、DTP編集、製版・出力、システム開発、営業、Webプログラミング、企画、環境保全、労働安全衛生、コールセンター（インバンド・アウトバンド）、生産補助などに携わりました。転職決まりました。

評価・実績：

  • 前職：出力業務（印刷通販・システム整備）
  • 印刷業界内：DTPデータ検証・予防保全
  • 対外実績：独ハイデルベルグ社主催2008年世界環境大賞受賞応募書類作成

詳細→CLのGoogleプロフィール

カテゴリー

総エントリー数：3968

最近のコメント

RSS

最近の記事

最近のトラックバック

バックナンバー

RSS 1.0 RSS 1.0
はてぶカウンタ++
フィードメーター - M.C.P.C.

プロフィール

あわせて読みたい