2009年6月アーカイブ

googleがソースコードをハイライト表示するライブラリを公開してる。

javascriptとcssで構成されているので、ブログとかに組み込むと良さそう。

公式サイト（Google code）

http://code.google.com/p/google-code-prettify/

ハイライト表示のサンプルキャプチャ

C

Java

JavaScript

Python

対応言語一覧

メジャー言語はサポートされているので、いい感じ。

• bash


• c


• c++


• java


• javascript


• perl


• python


• ruby


• sql


• xml


• html


• xhtml


• PHP


• xsl


• Lua


• VBScript


• Haskell


• OCaml


• lisp


• Protocol Buffers


• wiki


• css

設定方法

ダウンロード

http://code.google.com/p/google-code-prettify/

からソースコードをダウンロード。

javascript, cssの読み込み。

<link href="prettify.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="prettify.js"></script>

イベントの追加

documentのbody要素に下記を追加。

onload="prettyPrint()";

試す

pre要素または、code要素のclassにprettyprintを設定。

久々の更新です。

外部のJavaScriptを読み込む方法かつコードが綺麗なのは...

と考えていて自分なりに考えがまとまりました。

コード

scriptタグの生成をinnerHTMLで生成するかと考えたのですが、

innerHTMLはブラウザでは実装されているもののそもそも推奨されているものではないので、

代わりに、createElementで実直にいきました。

<script type="text/javascript">

var head = document.getElementsByTagName("head")[0];

script = document.createElement("script");

script.type = "text/javascript";

script.src = "<対象のJavaScriptファイル>";

head.appendChild(script);

もちろん、読み込む対象のJavaScriptファイルは安全なコードである事が使用の前提条件です(;^^

組み込んだあとは、FireFoxならばFirebug等で確認して下さい。確かにscriptタグが生成されているはずです。

今回のコードの欠点としては、body要素内に配置しないと、正常に動きません。

head要素やjsファイルとして別に分ける場合には、addEventListnerでonloadイベントに対し設定すると良いでしょう。

また、VNCサーバーを設定するはめになったので、備忘録ver2として。

VNCサーバをインストールする。

# yum instal vnc-server

/etc/sysconfig/vncserversを修正する。

# VNCSERVERS="2:myusername"

を

VNCSERVERS="2:myusername"

に修正。myusernameはもちろんfedoraのユーザ名。

vncpasswdコマンドで、vncのパスワードを設定する。各々のFedoraユーザで実行する。

$ vncpasswd

Password:

Verify:

vncサーバを起動する。

# service vncserver start

接続時にxtermで開く設定になっているのをgnomeに変更する。/home/username/.vnc/xstartupを修正。

xterm -geometry 80x24+10+10 -ls -title "$VNCDESKTOP Desktop" &

はコメントアウト。

# xterm -geometry 80x24+10+10 -ls -title "$VNCDESKTOP Desktop" &


さらに下記を追加。

gnome-session &

vncサーバを再起動する。

# service vncserver restart

VNCサーバの標準ラン・レベルをonにする。onにすることにより、fedora起動時にVNCサーバも起動する。

# chkconfig vncserver on

VNCクライアントで接続する。おすすめクライアントはチキン。

Chicken of the VNC

参考

• http://www.rokujyouhitoma.com/javapg/2008/06/fedora9vnc.html:title=fedora9にVNCを導入する。?

最近Fedora11が出たのに触ってないけど、私が使うレベルでは大差ないはず。あとで使う。