1月 27 2010

文字実体参照

たまに使うけど、なぜかいつも忘れてしまう・・・・・・・・・
と言うことでメモ
良く使うのは大体このあたりでしょうか。

" " 引用符
& & アンパサンド
< &lt; 不等号(より小)
> &gt; 不等号(より大)
  &nbsp; ノーブレークスペース

「&nbsp;」は単に半角開けるのだと思っていたら
ノーブレークスペースとはスペース前後位置の自動改行(行の折り返し)を防ぐ為の特殊なスペース記号のようだ。

詳しくは以下の参考サイトを
http://www.asahi-net.or.jp/~ax2s-kmtn/ref/cref_ent.html
http://d.hatena.ne.jp/uzrra/20090505/1241451334

1月 26 2010

XAMPPのMYSQLでinnoDBを有効にする

innoDBを使おうとCREATE TABLEしてみたらなぜかMyISAMに????おかしいな~~って調べてみたらXAMPPでインストールしたMYSQLはデフォルトではinnoDBを使えないらしい。でどうすれば良いか?と言うと。[xamppインストールディレクトリ] mysql/bin/my.cnfを変更すれば良いのだとか。
my.cnfの変更部分は以下の場所

skip-innodb
# Uncomment the following if you are using InnoDB tables
#innodb_data_home_dir = X:/apachefriends/xampp/mysql/
#innodb_data_file_path = ibdata1:10M:autoextend
#innodb_log_group_home_dir = X:/apachefriends/xampp/mysql/
#innodb_log_arch_dir = X:/apachefriends/xampp/mysql/
# You can set .._buffer_pool_size up to 50 - 80 %
# of RAM but beware of setting memory usage too high
#set-variable = innodb_buffer_pool_size=16M
#set-variable = innodb_additional_mem_pool_size=2M
# Set .._log_file_size to 25 % of buffer pool size
#set-variable = innodb_log_file_size=5M
#set-variable = innodb_log_buffer_size=8M
#innodb_flush_log_at_trx_commit=1
#set-variable = innodb_lock_wait_timeout=50

この部分の1行目に#をつけてコメントに。そして3~6・9・10・12~15行目の#をはずして以下のように。

#skip-innodb
# Uncomment the following if you are using InnoDB tables
innodb_data_home_dir = X:/apachefriends/xampp/mysql/
innodb_data_file_path = ibdata1:10M:autoextend
innodb_log_group_home_dir = X:/apachefriends/xampp/mysql/
innodb_log_arch_dir = X:/apachefriends/xampp/mysql/
# You can set .._buffer_pool_size up to 50 - 80 %
# of RAM but beware of setting memory usage too high
set-variable = innodb_buffer_pool_size=16M
set-variable = innodb_additional_mem_pool_size=2M
# Set .._log_file_size to 25 % of buffer pool size
set-variable = innodb_log_file_size=5M
set-variable = innodb_log_buffer_size=8M
innodb_flush_log_at_trx_commit=1
set-variable = innodb_lock_wait_timeout=50

それを保存してMYSQLを再起動すればOK!なお、今回表示した行数とmy.cnfでの実際の行数は違います。またこれをそのままコピペして使うとパスが違ったりする場合があるのでご注意を。

<<参考サイト>>
http://d.hatena.ne.jp/jonobee/20060806/1154846678
http://code.xenophy.com/?p=127

1月 26 2010

コード表示に便利なjavascript

色々なサイトで綺麗にコード表示しれてあるのを前々から気になっていました。今後何かとコードを表示する機会が多そうなのでとりあえず調べてみると、なんでもsyntaxhighlighterなるもののようだ。設置はいたって簡単!

まずGoogle Code よりsyntaxhighlighter最新のファイルをダウンロード。
それを解凍すると Script , Styles, Uncompressed と3つのフォルダに。使うのはScript , Stylesの2つ。今回はScript , Stylesの2つフォルダ内のファイルをすべてjsというフォルダを作りその中に入れてサーバーにアップロード。その場合のファイルの読み込みは以下の通り。パスは相対パスでもいいが、サイトの構成に影響されるので絶対パスの方がいいかも。

<link type="text/css" rel="stylesheet" href="js/SyntaxHighlighter.css">
<script language="javascript" src="js/shCore.js"></script>
<script language="javascript" src="js/shBrushCss.js"></script>
<script language="javascript" src="js/shBrushXml.js"></script>
<script language="javascript" src="js/shBrushPhp.js"></script>
<script language="javascript" src="js/shBrushJScript.js"></script>
<script language="javascript">
window.onload = function () {
    dp.SyntaxHighlighter.ClipboardSwf = 'js/flash/clipboard.swf';
    dp.SyntaxHighlighter.BloggerMode();
    dp.SyntaxHighlighter.HighlightAll('code');
}
</script>

まずこれをhead内に記載します。実際の書き方はtextareaにname=”code”としてclassにコードの種類を指定してやります。なおWordPress では textarea 内でコードを記述すると br タグが入いるので、 textarea タグではなく pre タグを使用するほうがいいかもとのこと。またコード内に textarea タグを書く場合は実体参照で書くとのこと。

<textarea name="code" class="html">
textareaタグを書く場合は実体参照で
ここにコードを書きます
</textarea>

<pre class="html" name="code">
WordPressの場合はpreタグを使用
ここにコードを書きます
</pre>

各種類のclassでの指定は以下の通り。
XMLコードの場合、class=”xml”
PHPコードの場合、class=”php”
CSSコードの場合、class=”css”
JavaScriptコードの場合、class=”js”
SQLコードの場合、class=”sql”
pythonコードの場合、class=”python”
C#コードの場合、class=”c#”
Delphiコードの場合、class=”delphi”

簡単に導入出来てすごく見やすくなるのでとても便利!!ちなみにこのブログはWordPressを使ってるのですが、WordPressも初めてでよくわからず投稿を「ビジュアル」で入力していたものだからせっかく入力したコードがすべて実体参照に・・・・。おかしいな~~~って思っていたら入力形式に「ビジュアル」と「HTML」があることに気がついた!!!「HTML」で入力したら問題なし!バッチリでした。

<<参考サイト>>
http://www.syuhari.jp/blog/archives/372
http://weblibrary.s224.xrea.com/weblog/web20/blog/dpsyntaxhighlig.html
http://hekominn.blog57.fc2.com/?tag=JavaScript