304 - narucissus is Not Modified

CentOSのSubversionを1.4から1.6にアップグレード

2011-11-07T21:44:00.000+09:00

現在使っているSubversionのリポジトリサーバがCentOS 5.2でSubversionは1.4.2-2(r22196)がインストールされている。これまではサーバ側のバージョンとクライアント側のバージョンをなるべく1.4に統一してやっていた。最近はGitを使うことが増えてきて、既存のsvnリポジトリと連携したいケースも出てきたが、git-svnを使うには1.6が必要。いま（2011年11月）はCentOS 5.2上でyum updateを実行しようとするとSubversion 1.6.11-7がインストールされるようだが、1.4.xと1.6.xでは互換性がどうなっているのかよくわからないので、いろいろ試してからアップグレードすることにした。

現在の環境
Subversion 1.4でリポジトリ作成
1.4のリポジトリに1.6.x系のクライアントでアクセス
yumでSubversion 1.6をインストール
1.4で作成されたリポジトリに1.4と1.6でアクセス
1.4でチェックアウトした作業コピーを1.6で操作
1.6で作成されたリポジトリに1.4からアクセス
まとめ

現在の環境

OS: CentOS release 5.2 (Final)
Subversion: バージョン 1.4.2 (r22196)
mod_dav_svn: 1.4.2

※いきなり本番環境のSubversionをアップデートするわけにもいかないのでVMを構築しようと思ったら、いま（2011年11月）CentOS 5.2を入手してSubversionとmod_dav_svnをyumインストールしようとすると1.6系しかインストールできない。昔のVMを引っ張り出してなんとかSubversionとmod_dav_svnが両方1.4.2の環境を用意した。

Subversion 1.4でリポジトリ作成

リポジトリは以下のように作成。

# cd /var/www/svn
# svnadmin create project1 --fs-type fsfs
# chown -R apache.apache project1

ブラウザから http://[ip]/svn/project1 にアクセスして「Revision 0」と表示されればリポジトリの作成は成功。この状態で/var/www/svn/project1/db/formatを確認すると「2」と書いてあり、formatタイプが2であることが分かる。

ここに適当にファイルをコミットしておく。

$ mkdir project1
$ ethna add-project sample
$ cd ..
$ svn import -m "New Import" project1 http://[ip]/svn/project1/trunk/project1
$ rm -fr project1
$ svn checkout http://[ip]/svn/project1/trunk/project1 ./project1

1.4のリポジトリに1.6.x系のクライアントでアクセス

CentOS 5.6にインストールされているsvn 1.6.11（r934486）でプロジェクトをチェックアウトし、ファイルを変更する。その後svn 1.4.2からも問題なくリポジトリの操作が行えたため、この操作によって1.4のリポジトリのフォーマットが変わっていないことが分かる。
（db/formatも2のまま）

同様にTortoiseSVN 1.6.11でプロジェクトをチェックアウトし、ファイルを変更したが結果はsvnコマンドと同じだった。

yumでSubversion 1.6をインストール

CentOS 5.2でyumを使ってSubversion 1.6をインストールする。

# yum update subversion
Loaded plugins: fastestmirror
Loading mirror speeds from cached hostfile
 * base: mirror.khlug.org
 * updates: mirror.khlug.org
 * extras: ftp.daum.net
Setting up Update Process
Resolving Dependencies
--> Running transaction check
---> Package subversion.i386 0:1.6.11-7.el5_6.4 set to be updated
--> Processing Dependency: subversion = 1.4.2-4.el5_3.1 for package: mod_dav_svn
--> Running transaction check
---> Package mod_dav_svn.i386 0:1.6.11-7.el5_6.4 set to be updated
--> Finished Dependency Resolution

Dependencies Resolved

=======================================================================================================================================================
 Package                               Arch                           Version                                     Repository                      Size
=======================================================================================================================================================
Updating:
 mod_dav_svn                           i386                           1.6.11-7.el5_6.4                            base                            78 k
 subversion                            i386                           1.6.11-7.el5_6.4                            base                           3.1 M

Transaction Summary
=======================================================================================================================================================
Install      0 Package(s)         
Update       2 Package(s)         
Remove       0 Package(s)         

Total download size: 3.2 M
Is this ok [y/N]: y
Downloading Packages:
(1/2): mod_dav_svn-1.6.11-7.el5_6.4.i386.rpm                                                                                    |  78 kB     00:00     
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (13%) 11% [=====                                           ]  0.0 B/s | 360 kB     --:-- ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (27%) 25% [============                                    ] 738 kB/s | 816 kB     00:03 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (35%) 33% [================                                ] 744 kB/s | 1.1 MB     00:02 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (60%) 60% [============================-                   ] 868 kB/s | 1.9 MB     00:01 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (71%) 70% [=================================-              ] 883 kB/s | 2.2 MB     00:01 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (76%) 75% [====================================            ] 862 kB/s | 2.4 MB     00:00 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (81%) 81% [======================================-         ] 843 kB/s | 2.5 MB     00:00 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (86%) 86% [=========================================       ] 822 kB/s | 2.7 MB     00:00 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (91%) 91% [===========================================-    ] 807 kB/s | 2.9 MB     00:00 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (95%) 95% [=============================================-  ] 784 kB/s | 3.0 MB     00:00 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm               (99%) 99% [===============================================-] 762 kB/s | 3.1 MB     00:00 ETA 
(2/2): subversion-1.6.11-7.el5_6.4.i386.rpm                                                                                     | 3.1 MB     00:03     
-------------------------------------------------------------------------------------------------------------------------------------------------------
Total                                                                                                                  764 kB/s | 3.2 MB     00:04     
Running rpm_check_debug
Running Transaction Test
Finished Transaction Test
Transaction Test Succeeded
Running Transaction
  Updating       : subversion                                        [1/4] 
  Updating       : mod_dav_svn                                       [2/4] 
  Cleanup        : subversion                                        [3/4] 
  Cleanup        : mod_dav_svn                                       [4/4] 

Updated: mod_dav_svn.i386 0:1.6.11-7.el5_6.4 subversion.i386 0:1.6.11-7.el5_6.4
Complete!

mod_dav_svnもアップデートされたのでhttpdを再起動する。

# /etc/init.d/httpd restart

アップデートしただけでは/var/www/svn/project1以下のファイルには変化はないようだ。

1.4で作成されたリポジトリに1.4と1.6でアクセス

ここへんからが一番知りたいところ。現状/var/www/svn以下には1.4で作成されたformat=2のリポジトリがある。ローカルにインストールされたsvnは1.6.11(r934486)になったので、チェックアウトしてみる。

$ cd /tmp
$ svn checkout http://[ip]/svn/project1/trunk/project1 ./project1
$ cd project1
$ vim sample/www/index.php
$ svn commit -m "index.phpの変更"

さらに別のLinuxに入っているsvn 1.4.2でチェックアウトやコミットを試してみるが...なんともない。db/formatも2のまま。むむ。

1.4でチェックアウトした作業コピーを1.6で操作

上記の例ではSubversionを1.6に上げたが、1.4で作られたformat=2のリポジトリをチェックアウトして作業する想定だった。今度は1.4の時点で取得した作業コピーをsvn 1.6.11で操作するとどうなるのか試す。サーバのSubversionも1.6.11に上がっている。作業コピーだけが1.4という状況。

$ cd /path/to/project1
$ vim sample/www/index.php
$ svn commit -m "index.phpの変更"

1.6で操作後別のマシンから1.4で操作してみたが問題なし...db/formatも2のまま。フォーマットは変わっていない。むむむ。うまく操作できなくなると予想していたけど予想はハズレ。

1.6で作成されたリポジトリに1.4からアクセス

以下のコマンドで新たにリポジトリを作成する。1.6にバージョンが上がっているのでformat=4のリポジトリが作成される。

# cd /var/www/svn
# svnadmin create project2 --fs-type fsfs
# chown -R apache.apache project2

このリポジトリに1.4と1.6の両方でアクセスしたが、1.4からでも問題なく操作できた。

まとめ

ここから分かったことを（多くないけど）とりあえずまとめてみる。

yum updateによるSubversion 1.4.2 -> 1.6.11のアップデートではリポジトリのフォーマットは変更されない
1.4.2で作成されたリポジトリにsvn 1.4とsvn 1.6の両方でアクセスしても問題ない
1.6.11で作成されたリポジトリにsvn 1.4とsvn 1.6の両方でアクセスしても問題ない

ただし、今回試したのはcheckoutして編集してcommitするという非常に単純な作業だったし、ファイル数も多くない。
Subversion 1.5で追加されたshardingという機能はリビジョンが1000を超えると影響がありそうだが、それもテストできていない。

だが互換性は1.1系から1.4系に上げるときより格段に高いようなので、本番環境ではsvnadmin dumpでリポジトリのダンプを取得した状態でアップグレードを実施してみようと思う。

PHPでセッション情報をDBに格納するときの注意点

2011-09-16T19:23:00.002+09:00

最後の更新から１年以上経ってる...orz

session_set_save_handlerを使ってDBにセッション情報を保存するのは以前からやっていたけど、Ethnaに組み込んだ時にたまに以下のようなエラーが出ていた。

Fatal error: session_start(): Failed to initialize storage module: user (path: /tmp) in ...（以下略）

たまにではなく、DBにセッション情報がない状態でアクセスすると初回のみ毎回エラーが出る。これはまずい。調べた結果PHPのバグだったらしい。先人に感謝。

具体的にはEthnaのカスタムのセッションクラスに以下のような変更を追加。

//以下をコンストラクタに追加
        ini_set('session.save_handler', 'user');

        session_set_save_handler(
            array($this, "_open"),
            array($this, "_close"),
            array($this, "_read"),
            array($this, "_write"),
            array($this, "_destroy"),
            array($this, "_gc")
        );

//クラスに_open, _close, _read, _write, _destroy, _gc関数を作成

//isValid関数をオーバーライド
    function isValid()
    {
        if (!$this->session_start) {
            if (!empty($_COOKIE[$this->session_name]) || session_id() != null) {
                setcookie($this->session_name, "", 0, "/");
            }
            return false;
        }

        // check remote address
        if (!isset($_SESSION['REMOTE_ADDR'])
            || $this->_validateRemoteAddr($_SESSION['REMOTE_ADDR'],
                                          $_SERVER['REMOTE_ADDR']) == false) {
            // we do not allow this
            setcookie($this->session_name, "", 0, "/");
            session_destroy();
            
            //session_destroy直後にsession_set_save_handlerを再呼び出し
            session_set_save_handler(
                array($this, "_open"),
                array($this, "_close"),
                array($this, "_read"),
                array($this, "_write"),
                array($this, "_destroy"),
                array($this, "_gc")
            );
            
            $this->session_start = false;
            return false;
        }

        return true;
    }

//destroy関数をオーバーライド
    function destroy() {
        if (!$this->session_start) {
            return true;
        }
        
        session_destroy();

        //session_destroy直後にsession_set_save_handlerを再呼び出し
        session_set_save_handler(
            array($this, "_open"),
            array($this, "_close"),
            array($this, "_read"),
            array($this, "_write"),
            array($this, "_destroy"),
            array($this, "_gc")
        );

        $this->session_start = false;
        setcookie($this->session_name, "", 0, "/");
        
        return true;
    }

Ethnaを使わないで作成していた頃は上記のエラーは出ていなかったので、たぶんEthnaのセッションのクラスとの相性が悪いんだと予想。open,close,read,write,destroy,gcの呼び出しの順番とかが影響しているんだと思われる。今度時間があったらログつけてどういう順番なのか調べてみると理解が深まるかもしれない。

動画変換のあいまに

2010-07-19T16:24:00.003+09:00

久しぶりにブログなど書いてみるなう。

8mmビデオテープあらわる

先日実家に帰ったときに8mmビデオのテープの話題に。小学校の時に撮ったテープはすでに20年近く前のものだが、テレビの脇に無造作に積まれたままで保存状態が悪く、いつ再生できなくなるかわからない。しかもアダプターみたいなものを使ってVHSのデッキに入れないと見られないので、そもそも再生する機械がなくなってしまう。そんなわけでたまの親孝行にDVDに変換してみることにした。

8mmをDVDに変換

8mmからDVDへの変換はそういう作業を専門で行っている業者にお願いした。これは後で分かったことだが、テープにカビが生えていたためカビ取りの費用が余分にかかった。変換自体はVHSを再生できるデッキと入力した映像を録画できるDVDデッキさえあれば自分でできないこともないが、カビ取りはさすがに素人はムリだ。心配な人は専門業者にお願いしたほうがよい。

DVDからvob形式に取り込み

計12本の8mmを送付して待つこと数週間、DVD12本とオリジナルの8mmが帰ってきた。代金は2万を超えてしまったが、半分のテープでカビ取りが必要だったのでまぁ仕方がない。実家に持っていく前にMacTheRipperでHDDにデータをコピーしておいた。

ビデオの編集

ビデオの中身は親戚が集まった時のものや家族旅行だったが、1本あたり30分程度で、8mmを2,3本に分けて撮ってあった。これを親戚にも配りたいわけだが、せっかくだからちょっと編集してDVD1本に全部収められるとスマートだ。

ただしここで問題があって、iDVDではvob形式の動画形式は扱うことができないのでまた変換が必要になる。iSquintというフリーソフトを使用してvob形式のファイルをmp4形式に変換してやればよい。まとめて複数のファイルを変換できるが、同じファイル名のファイルを変換しようとするとちょっと動作がおかしいようだ。

DVDの作成

mp4形式になったらiDVDで編集できるようになるので、数本の動画をまとめてチャプターに分けてDVDを作成完了。mp4を結合するなら事前にiMovieで編集しておくとよい。

特に設定を変えていないのにORA-12154またはORA-12560が発生した

2010-06-08T09:33:00.000+09:00

Oracle 11gにsqlplusから接続しようとしたら急に接続できなくなった。ウェブアプリやOracle SQL Developerからは接続できるのにsqlplusだけダメ。変更したことと言えばOSのパスワード変えたぐらいか？と思ってたら重要なことを忘れてた。 Oracle Data Access Components（ODAC）インストールしてた！

ODACをインストールすることで、今までsqlplus.exeがC:\app\Administrator\product\11.1.0\db_1\BINにだけあったのに、 C:\app\Administrator\product\11.1.0\client_1にもsqlplus.exeが追加され環境変数Pathが書き換わっていた。ということで環境変数PathからC:\app\Administrator\product\11.1.0\client_1を除いて無事接続できるようになりましたとさ。

iMacrosで時間も操作

2010-02-17T19:57:00.001+09:00

FirefoxのプラグインiMacrosを使えばFirefoxの操作を記録できるが、記録した操作はPlayボタンで即時実行することしかできない。さいわいJavaScriptも併用できるので、何時になったらスクリプト実行、みたいなことが実現できる。

実行するJavaScriptは「遅延実行.js」として以下のように作成する。

iimDisplay ("実行開始")

var run_time = new Date(2010, 1, 17, 19, 0, 0);
var timer_id;

timer_id = setInterval(
 function(){
  ret = iimDisplay ("現在時刻：" + new Date());
  
  if (run_time.getTime() < new Date().getTime())
  {
   ret = iimPlay("本体");
   
   clearInterval(timer_id);
  }
 },
 1000
);

実行されるiimファイルは「本体.iim」として以下のように作成する。サンプルなので中身はどんな処理でも問題ない。

VERSION BUILD=6500125 RECORDER=FX
TAB T=1
URL GOTO=http://www.yahoo.co.jp/
TAG POS=1 TYPE=INPUT:TEXT FORM=NAME:sf1 ATTR=ID:srchtxt CONTENT=ラーメン
TAG POS=1 TYPE=INPUT:SUBMIT FORM=NAME:sf1 ATTR=ID:srchbtn

以上の２つをiMacrosのマクロが保存されているフォルダ以下にutf-8で保存して、 Editタブの「Refresh Macro List」をクリックして「遅延実行.js」をPlayで実行すれば、 2010年2月17日の夕ごはん時にYahoo! JAPANに移動してラーメンを検索してくれる、というわけ。深夜にどこかに記事をポストしたいとかいうときに使えそう。

PHPでMIMEタイプを取得する方法（画像限定）

2009-09-04T19:36:00.002+09:00

mime_content_type関数が使えない環境で別の関数がなんだったか思い出せなくなるのでメモ。ただしMIMEタイプを取得できるのは画像限定。

<?php
$array = getimagesize("Winter.jpg");
var_export($array);

$ php get_mime_type.php
Content-type: text/html
X-Powered-By: PHP/4.3.9

array (
  0 => 800,
  1 => 600,
  2 => 2,
  3 => 'width="800" height="600"',
  'bits' => 8,
  'channels' => 3,
  'mime' => 'image/jpeg',
)

bashのプロンプトにIPアドレスを表示

2009-09-03T14:41:00.001+09:00

sshでマシンを行ったり来たりしていると自分がどのマシンを操作しているのか分からなくなるので、 bashのプロンプトにIPアドレスを設定することにした。 IPアドレスはifconfigで取得し、環境変数に設定してからPS1に設定。

export IPADDR=`/sbin/ifconfig | /bin/grep 172.16 | /usr/bin/perl -nle '/172\.16\.\d+.\d+/ && print $&;'`
export PS1='[\u@$IPADDR \W]\$ '

NICが２つある場合は考慮していない。 IPアドレスは172.16.x.xに固定。

odの使い方とUnocodeコードポイント・UTF-8バイト列の簡単な変換方法

2009-09-02T15:38:00.002+09:00

odの基本的な使い方

以下のようなテキストをUTF-8で保存したと仮定。

abcdefghijklmn
あいうえおかきくけこ
㈱のような機種依存文字。

odコマンドで中身を見るとこうなる。

$ od -tx1 -w16 od.txt 
0000000 61 62 63 64 65 66 67 68 69 6a 6b 6c 6d 6e 0a e3
0000020 81 82 e3 81 84 e3 81 86 e3 81 88 e3 81 8a e3 81
0000040 8b e3 81 8d e3 81 8f e3 81 91 e3 81 93 0a e3 88
0000060 b1 e3 81 ae e3 82 88 e3 81 86 e3 81 aa e6 a9 9f
0000100 e7 a8 ae e4 be 9d e5 ad 98 e6 96 87 e5 ad 97 e3
0000120 80 82 0a
0000123

「a」は61、「LF」は0a、「あ」はe3 81 82、「㈱」はe3 88 b1であることが分かる。

-tx1ではなく-xを指定して実行すると、以下のようにエンディアンの関係で表示が異なるので注意。

$ od -x -w16 od.txt 
0000000 6261 6463 6665 6867 6a69 6c6b 6e6d e30a
0000020 8281 81e3 e384 8681 81e3 e388 8a81 81e3
0000040 e38b 8d81 81e3 e38f 9181 81e3 0a93 88e3
0000060 e3b1 ae81 82e3 e388 8681 81e3 e6aa 9fa9
0000100 a8e7 e4ae 9dbe ade5 e698 8796 ade5 e397
0000120 8280 000a
0000123

パイプを使ってodに文字列を流し込むこともできる。

$ echo "あいうえお" | od -tx1 -w16
0000000 e3 81 82 e3 81 84 e3 81 86 e3 81 88 e3 81 8a 0a
0000020

Unocodeコードポイント・UTF-8バイト列の簡単な変換方法

perl使います。まずはUTF-8のバイト列からUnicodeコードポイントへの変換。

$ echo -n "e3 81 82" | perl -nle 'use Encode;s/ //g;$_=pack("H*",$_);Encode::from_to($_,"utf8","utf16");print unpack("H*",$_);'
feff3042

e3 81 82は「あ」のUTF-8バイト列。 feffはBOMなので、「あ」のコードポイントは3042であることが分かる。

次にUnicodeコードポイントからUTF-8のバイト列への変換。

$ echo -n "3042" | perl -nle 'use Encode;s/ //g;$_=pack("H*","feff".$_);Encode::from_to($_,"utf16","utf8");print unpack("H*",$_);'
e38182

「あ」のUnicodeコードポイントである3042を指定し、BOMのfeffをつけて変換してe38182が得られた。

VMware上のLinux(CentOS)にLVMでHDD追加

2009-08-27T20:50:00.001+09:00

CentOS5.3のHDD容量がまた足りないケースが出てきたので、今度はLVMを使ってディスク容量を増やしてみる。 CentOS5では最初からLVMが使用されているので、いちいちマウントする場所を気にしたりせずにディスク容量が増やせて非常に楽。 CentOS5のインストール時には「高度なストレージ設定」をしなかったと仮定。今回のVMwareはServerではなくVMware Workstation 5.5。

VMwareにHDDを追加

まずゲストOSをシャットダウン。 CentOSなのでshutdown -h nowを実行した。終了後以下の手順でHDDを追加。

お気に入りからHDDを追加したい仮想マシンを右クリックして設定を選択
ハードウェアタブの追加ボタンをクリック
ハードウェア追加ウィザードへようこそ: 「次へ」ボタンをクリック
ハードウェアの種類: 「ハードディスク」を選択して「次へ」ボタンをクリック
ディスクの選択: 「仮想ディスクの新規作成」を選択して「次へ」ボタンをクリック
ディスクタイプの選択: この仮想マシンで使用しているHDDと同じタイプを選択して「次へ」ボタンをクリック。SCSI (推奨)
ディスク容量の指定: ディスクサイズ(GB)を好きなサイズに設定する。今回は「ディスクを2GBに分割」を選択するがどちらでもＯＫ。「次へ」ボタンをクリック
ディスクファイルの指定: 好きなファイル名を指定。「完了」ボタンをクリックしてウィザードが終了し、HDDが追加される
Virtual Machine Settings画面のHardwareタブにHard Disk 2 (SCSI 0:1)が追加されているはず

Linuxのパーティション設定

仮想マシンを起動すると、以下のようにデバイスファイルsdbが増えていることが分かる。

# cd /dev
# ls -l sd*
brw-r----- 1 root disk 8,  0  8月 27 18:39 sda
brw-r----- 1 root disk 8,  1  8月 27 18:40 sda1
brw-r----- 1 root disk 8,  2  8月 27 18:39 sda2
brw-r----- 1 root disk 8, 16  8月 27 18:39 sdb

SCSI 0:0はsdaに、SCSI 0:1はsdbになっている。 fdisk -lの実行結果は以下の通り。

# fdisk -l

Disk /dev/sda: 21.4 GB, 21474836480 bytes
255 heads, 63 sectors/track, 2610 cylinders
Units = シリンダ数 of 16065 * 512 = 8225280 bytes

デバイス Boot      Start         End      Blocks   Id  System
/dev/sda1   *           1          13      104391   83  Linux
/dev/sda2              14        2610    20860402+  8e  Linux LVM

Disk /dev/sdb: 8589 MB, 8589934592 bytes
255 heads, 63 sectors/track, 1044 cylinders
Units = シリンダ数 of 16065 * 512 = 8225280 bytes

ディスク /dev/sdb は正常な領域テーブルを含んでいません

/dev/sda2がId:8eでLinux LVMになっていることが分かる。 sdbはまだ初期化されていないのでなにも表示されない。

ちなみに現在のディスク容量は以下の通り。インストール時に「高度なストレージ設定」を行っていないが、ファイルシステムがVolGroup00-LogVol00になっている。

# df -h
Filesystem          サイズ  使用  残り 使用% マウント位置
/dev/mapper/VolGroup00-LogVol00
                       19G  2.9G   15G  17% /
/dev/sda1              99M   18M   76M  19% /boot
tmpfs                 125M     0  125M   0% /dev/shm

以下のようにしてパーティション設定を行う。

fdisk /dev/sdbを実行
nコマンドで新たに領域を作成
拡張または基本領域を聞かれるのでpをタイプ
領域番号を聞かれるので1をタイプ
最初シリンダ（First cylinder）を聞かれるのでそのままEnter
終点シリンダまたは+サイズ...を聞かれるのでそのままEnter
tコマンドで領域のシステムIDを変更（ここ前回と違うので注意！）
16進数でLinux LVMのシステムID「8e」をタイプ（ここ前回と違うので注意！）
wコマンドで書き込み、fdiskを終了
（fdisk /dev/sdbを実行してpコマンドで領域を確認）

# fdisk /dev/sdb
デバイスは正常な DOS 領域テーブルも、Sun, SGI や OSF ディスクラベルも
含んでいません
新たに DOS ディスクラベルを作成します。あなたが書き込みを決定するまで、変更は
メモリ内だけに残します。その後はもちろん以前の内容は修復不可能になります。

このディスクのシリンダ数は 1044 に設定されています。
間違いではないのですが、1024 を超えているため、以下の場合
に問題を生じうる事を確認しましょう:
1) ブート時に実行するソフトウェア (例. バージョンが古い LILO)
2) 別の OS のブートやパーティション作成ソフト
   (例. DOS FDISK, OS/2 FDISK)
警告: 領域テーブル 4 の不正なフラグ 0x0000 は w(書き込み)によって
正常になります

コマンド (m でヘルプ): m
コマンドの動作
   a   ブート可能フラグをつける
   b   bsd ディスクラベルを編集する
   c   dos 互換フラグをつける
   d   領域を削除する
   l   既知の領域タイプをリスト表示する
   m   このメニューを表示する
   n   新たに領域を作成する
   o   新たに空の DOS 領域テーブルを作成する
   p   領域テーブルを表示する
   q   変更を保存せずに終了する
   s   空の Sun ディスクラベルを作成する
   t   領域のシステム ID を変更する
   u   表示/項目ユニットを変更する
   v   領域テーブルを照合する
   w   テーブルをディスクに書き込み、終了する
   x   特別な機能 (エキスパート専用)

コマンド (m でヘルプ): p

Disk /dev/sdb: 8589 MB, 8589934592 bytes
255 heads, 63 sectors/track, 1044 cylinders
Units = シリンダ数 of 16065 * 512 = 8225280 bytes

デバイス Boot      Start         End      Blocks   Id  System

コマンド (m でヘルプ): n
コマンドアクション
   e   拡張
   p   基本領域 (1-4)
p
領域番号 (1-4): 1
最初 シリンダ (1-1044, default 1): 
Using default value 1
終点 シリンダ または +サイズ または +サイズM または +サイズK (1-1044, default 1044): 
Using default value 1044

コマンド (m でヘルプ): t
Selected partition 1
16進数コード (L コマンドでコードリスト表示): L

 0  空             1e  Hidden W95 FAT1 80  古い Minix    bf  Solaris        
 1  FAT12           24  NEC DOS         81  Minix / 古い  c1  DRDOS/sec (FAT-
 2  XENIX root      39  Plan 9          82  Linux swap / So c4  DRDOS/sec (FAT-
 3  XENIX usr       3c  PartitionMagic  83  Linux           c6  DRDOS/sec (FAT-
 4  FAT16 <32M      40  Venix 80286     84  OS/2 隠し C:  c7  Syrinx         
 5  拡張領域    41  PPC PReP Boot   85  Linux 拡張領 da  非 FS デー  
 6  FAT16           42  SFS             86  NTFS ボリュ  db  CP/M / CTOS / .
 7  HPFS/NTFS       4d  QNX4.x          87  NTFS ボリュ  de  Dell ユーテ 
 8  AIX             4e  QNX4.x 2nd part 88  Linux plaintext df  BootIt         
 9  AIX ブート   4f  QNX4.x 3rd part 8e  Linux LVM       e1  DOS access     
 a  OS/2 ブート  50  OnTrack DM      93  Amoeba          e3  DOS R/O        
 b  W95 FAT32       51  OnTrack DM6 Aux 94  Amoeba BBT      e4  SpeedStor      
 c  W95 FAT32 (LBA) 52  CP/M            9f  BSD/OS          eb  BeOS fs        
 e  W95 FAT16 (LBA) 53  OnTrack DM6 Aux a0  IBM Thinkpad    ee  EFI GPT        
 f  W95 Ext'd (LBA) 54  OnTrackDM6      a5  FreeBSD         ef  EFI (FAT-12/16/
10  OPUS            55  EZ-Drive        a6  OpenBSD         f0  Linux/PA-RISC  
11  隠し FAT12    56  Golden Bow      a7  NeXTSTEP        f1  SpeedStor      
12  Compaq 診断   5c  Priam Edisk     a8  Darwin UFS      f4  SpeedStor      
14  隠し FAT16 <3 61  SpeedStor       a9  NetBSD          f2  DOS セカン  
16  隠し FAT16    63  GNU HURD また ab  Darwin boot     fb  VMware VMFS    
17  隠し HPFS/NTF 64  Novell Netware  b7  BSDI fs         fc  VMware VMKCORE 
18  AST SmartSleep  65  Novell Netware  b8  BSDI スワッ  fd  Linux raid 自 
1b  Hidden W95 FAT3 70  DiskSecure Mult bb  隠し Boot Wiz fe  LANstep        
1c  Hidden W95 FAT3 75  PC/IX           be  Solaris boot    ff  BBT            
16進数コード (L コマンドでコードリスト表示): 8e
領域のシステムタイプを 1 から 8e (Linux LVM) に変更しました

コマンド (m でヘルプ): w
領域テーブルは交換されました！

ioctl() を呼び出して領域テーブルを再読込みします。
ディスクを同期させます。

# fdisk /dev/sdb

このディスクのシリンダ数は 1044 に設定されています。
間違いではないのですが、1024 を超えているため、以下の場合
に問題を生じうる事を確認しましょう:
1) ブート時に実行するソフトウェア (例. バージョンが古い LILO)
2) 別の OS のブートやパーティション作成ソフト
   (例. DOS FDISK, OS/2 FDISK)

コマンド (m でヘルプ): p

Disk /dev/sdb: 8589 MB, 8589934592 bytes
255 heads, 63 sectors/track, 1044 cylinders
Units = シリンダ数 of 16065 * 512 = 8225280 bytes

デバイス Boot      Start         End      Blocks   Id  System
/dev/sdb1               1        1044     8385898+  8e  Linux LVM

コマンド (m でヘルプ): q

PVの作成

fdiskでパーティションを設定したら通常はext3でフォーマットするところだが、 LVMの場合はPV(Physical Volume、物理ボリューム)を作成するためpvcreateコマンドを実行する。

# pvcreate /dev/sdb1 
  Physical volume "/dev/sdb1" successfully created

あっけなく終了。 pvdisplayで確認してみる。

# pvdisplay 
  /dev/hdc: open failed: メディアが見つかりません
  --- Physical volume ---
  PV Name               /dev/sda2
  VG Name               VolGroup00
  PV Size               19.89 GB / not usable 19.49 MB
  Allocatable           yes (but full)
  PE Size (KByte)       32768
  Total PE              636
  Free PE               0
  Allocated PE          636
  PV UUID               WtrOWh-XLaf-IPdj-cBPh-Tytj-IWJW-pPaJGP
   
  "/dev/sdb1" is a new physical volume of "8.00 GB"
  --- NEW Physical volume ---
  PV Name               /dev/sdb1
  VG Name               
  PV Size               8.00 GB
  Allocatable           NO
  PE Size (KByte)       0
  Total PE              0
  Free PE               0
  Allocated PE          0
  PV UUID               MJOW2Y-dMXr-SvOy-zUT3-w53h-OWgh-eUZf8U

/dev/sdb1の記述が追加されていることが確認できる。

PVをVGに登録

PVが作成できたらVG(Volume Group、ボリュームグループ)にPVを登録する。 VG自体はすでに作成されているのでvgcreateの必要はない。現在の状況をvgdisplayで確認してみる。

# vgdisplay 
  --- Volume group ---
  VG Name               VolGroup00
  System ID             
  Format                lvm2
  Metadata Areas        1
  Metadata Sequence No  3
  VG Access             read/write
  VG Status             resizable
  MAX LV                0
  Cur LV                2
  Open LV               2
  Max PV                0
  Cur PV                1
  Act PV                1
  VG Size               19.88 GB
  PE Size               32.00 MB
  Total PE              636
  Alloc PE / Size       636 / 19.88 GB
  Free  PE / Size       0 / 0   
  VG UUID               3VAI4V-VILP-LfJF-YL3l-qEde-Dwyd-XlFFPV

VolGroup00が約20GBであることが分かる。Free PE / Sizeは0。これにvgextendコマンドでsdb1を追加する。

# vgextend VolGroup00 /dev/sdb1
  Volume group "VolGroup00" successfully extended

もう一度vgdisplayしてみるとこう変わっている。

# vgdisplay 
  --- Volume group ---
  VG Name               VolGroup00
  System ID             
  Format                lvm2
  Metadata Areas        2
  Metadata Sequence No  4
  VG Access             read/write
  VG Status             resizable
  MAX LV                0
  Cur LV                2
  Open LV               2
  Max PV                0
  Cur PV                2
  Act PV                2
  VG Size               27.84 GB
  PE Size               32.00 MB
  Total PE              891
  Alloc PE / Size       636 / 19.88 GB
  Free  PE / Size       255 / 7.97 GB
  VG UUID               3VAI4V-VILP-LfJF-YL3l-qEde-Dwyd-XlFFPV

VG SizeとFree PE / Sizeがともに約8GB増えていることが確認できる。が、この状態でdf -hを実行するとまだ使える領域は増えていない。 LVの拡張とファイルシステムの拡張が必要。道のりは長い...

LVの拡張

LV(Logical Volume、論理ボリューム)の拡張を行う。 lvextendコマンドを使用するが、指定可能な最大サイズがいくつか分からないので以下のように100%FREEを指定する。

# lvextend -l +100%FREE /dev/VolGroup00/LogVol00 
  Extending logical volume LogVol00 to 26.84 GB
  Logical volume LogVol00 successfully resized

lvdisplayで確認するとLV Sizeが26.84 GBまで増えていることがわかる。

# lvdisplay 
  --- Logical volume ---
  LV Name                /dev/VolGroup00/LogVol00
  VG Name                VolGroup00
  LV UUID                lfmle5-GyOh-aYPD-IrFo-FL27-ogtz-Iw4xWk
  LV Write Access        read/write
  LV Status              available
  # open                 1
  LV Size                26.84 GB
  Current LE             859
  Segments               2
  Allocation             inherit
  Read ahead sectors     auto
  - currently set to     256
  Block device           253:0

ファイルシステムの拡張

やっとラスト。resize2fsコマンドでext3を拡張する。オンラインリサイズが可能なのでOSを止める必要がない。

# resize2fs /dev/VolGroup00/LogVol00
resize2fs 1.39 (29-May-2006)
Filesystem at /dev/VolGroup00/LogVol00 is mounted on /; on-line resizing required
Performing an on-line resize of /dev/VolGroup00/LogVol00 to 7036928 (4k) blocks.
The filesystem on /dev/VolGroup00/LogVol00 is now 7036928 blocks long.

１分程度で終了。df -hを実行すると、残り15GBだった/が22GBまで増えたことが確認できる。

# df -h
Filesystem          サイズ  使用  残り 使用% マウント位置
/dev/mapper/VolGroup00-LogVol00
                       27G  2.9G   22G  12% /
/dev/sda1              99M   18M   76M  19% /boot
tmpfs                 125M     0  125M   0% /dev/shm

以前のHDDの追加方法だとマウントする場所を決める必要があったが、このやり方なら特定のディレクトリ以下だけ増やすわけではないのでより使いやすい。

やっちまったなー

2009-05-14T00:50:00.001+09:00

iPod shuffleシャツのポケットに入れたまんま洗濯してしまった... 怖くて電源入れられません。

開発者別Adobe AIRの始め方

2009-05-07T21:53:00.002+09:00

いざAdobe AIRを始めようと思ったらいろんなやり方があって迷ってしまったので、開発者別のAdobe AIRの始め方をえらそうにメモってみる。

開発パターン3つ

大きく分けると以下の3通りの方法がある。それぞれ使うソフトも必要な費用も違う。

Flashベースの開発
Flexベースの開発
HTML/JavaScriptベースの開発

以下詳細。

Flashベースの開発

まずはAdobe Flash CS4 Professionalを使用する方法。単品で購入すると88,200円。ウェブで調べてもなかなかFlash Professionalで開発している例を見つけることができないが、 Flashユーザ向けAdobe AIRチュートリアルがわかりやすい。本ではFlashで作る AIRアプリケーションレシピブックがあったが、入門にはならないのでチュートリアルを読んでからのほうがよい。

使用する言語はMXMLとActionScript（ざっくり言うとHTMLとJavaScriptみたいな感じ）、加えてFlashのリッチな表現が可能。あまりプログラム的な要素がないFlashアプリをAIR化するようなケースではFlashベースの開発がよさそう。

Flexベースの開発

Flexはプログラマ向けFlashみたいな認識しかないけどもうバージョン3。遅ればせながら勉強します。 Flashベースの開発とわざわざ分けてFlexベースの開発を書いたけど、Flashベースと言ってもいいかもしれない。 Flexは製品版のFlex Builderを購入する（31,500円なのでFlash Professionalよりはお手軽）か、フリーのFlex SDKをダウンロードしてコマンド+テキストエディタで開発することができる。ウェブでAIRの例を検索すれば一番ヒットするのはFlexベースの開発だと思う。（ただしAIRがまだApolloのころのソースもよくヒットしてしまって、そのままコピって実行しようとしてもAPIが違って実行できないことがあるので注意）

使用する言語はFlash同様、MXMLとActionScript。 Flexのコンポーネントのスタイル設定にはCSSが使える。

お金がないからと言ってFlex SDK+コマンド+エディタで開発しようとすると、仕組みを覚えるにはいいけど結構面倒。 GUIがないからコンポーネントの配置なんかやってられない。 Flex Builderがあるとよいが、いまならEclipseにAIR GEARというプラグインをインストールすることでFlex Builderに近い環境が準備できる。（このプラグインの名前、マンガのタイトルぱくったんじゃあるまいか...） GUIでコンポーネントの配置ができるし、内部的にfcshコマンドを使ったりしてコンパイルもそこそこ高速。ありがたし。 Flex関連の書籍も多いので、新しく始めるのには情報量が多くてよい。（WEB+DB PRESS Vol.46がわかりやすかった）

HTML/JavaScriptベースの開発

HTML/JavaScriptベースの開発にはAdobe Dreamweaver CS4を使用する。価格は49,875円。 Dreamweaver以外にもIDEの選択肢は多く、Eclipse+AIR GEARでもAptanaでも開発ができる。その代わりウェブ上には情報があまり多くない。前述のFlashユーザ向けAdobe AIRチュートリアルにはDreamweaverで開発する例が載っていてわかりやすい。

使用する言語は名前の通りHTML, JavaScriptを使用することになる。ウェブアプリ開発者には新しく言語を覚える必要がなくコストが下がる。さらにjQueryやYahoo! UI Libraryといった通常のウェブアプリで使用されているJavaScriptライブラリまで使用できるので、慣れている人にはさらにうれしい。（といいつつも、いつもYUIを使ってウェブアプリ開発してるのにHTML/JavaScriptベースのAIRアプリ開発は考えてないオレ）

まとめ

どれを使っても最終的にできあがるパッケージは同じように実行できる。（もちろん見た目やできることには差が出る。HTML/JavaScriptベースの開発ではFlashのようなアニメーションを作ることはできない（はず））

プログラム的な要素が多いか少ないか、 IDEにお金をかけられるかかけられないか、既存のスキルはなにかで上記の3パターンからどれを選ぶか決まってくると思う。個人的にはEclipse+AIR GEARでの開発がコストもかからず勉強には一番よいと感じているが、ちゃんとしたアプリケーションを作るとなったらFlex BuilderかFlash Professionalを購入した方がいいだろう。

Oracleセミナーで覚えたこと（その３）

2009-04-09T23:21:00.002+09:00

もう4日目か。結構あっという間。言うまでもないけど寝てる受講生なんていませんな。

フラッシュバック関連続き
- フラッシュバック・データベース：データベースに対するすべての変更をある時点まで迅速に戻せる（戻す時間が短いなら不完全リカバリするよりこっちのほうが速い）
- フラッシュバック・データ・アーカイブ：長期間フラッシュバック・問い合わせができる。１年前の状態のテーブルからSELECTできたりするのでコンプライアンス等に便利。いちいち履歴テーブルとか用意しなくても済むのがすばらしい（アプリケーション側に修正が必要ない）
自動診断リポジトリ関連。ほとんどOEMでグラフィカルに確認できる
データ・リカバリ・アドバイザを使うと障害の検出・分析・修復が驚くほど速い。データファイルのブロックにddコマンドで適当なデータ書き込んでブロック破損させたのに、コマンド何個か打てば短時間で復旧できる。滅多に起こらないことだろうけど、普段からやり慣れた作業じゃないこんなケースこそ簡単なのが嬉しい
メモリ管理。SGAまわりでまだちゃんと理解してなかったところがボロボロと出てくる。Oracleをちゃんと理解するにはちゃんとハードウェアからマシンを理解しないとダメだなーと痛感。普段ウェブアプリばっかり作ってると共有メモリとかまず出てこないわけで...
SQLチューニング・アドバイザ：あるSQLに対して「統計が古くないか」「インデックスの追加で速くならないか」「不適切な計画を使用していないか」などチェックしてくれる
SQLアクセス・アドバイザ：インデックス、マテリアライズド・ビュー、パーティショニングなどをすることで大幅にパフォーマンスが向上するかチェックしてくれる
受講中はテキストだけでなく、自分で持ち込んだ本やMacBookにダウンロードしたオンラインマニュアルなんかも（勝手に）読んでる。「Oracle Database 2日でデータベース管理者11g リリース1（11.1）」をダウンロードするのはこんな感じ。
1. MacPortsでwgetをインストール
2. cd Sites
3. wget -r -L http://otndnld.oracle.co.jp/document/products/oracle11g/111/doc_dvd/server.111/E05759-03/toc.htm
-rで再帰、-Lで相対リンクのみ。たまにCSS内で参照している画像とかがうまくリンク辿られずに取得できないので、そういう場合はFirebugでURLを調べて-xオプションをつけてwget。
いまさらだけどSpotlightに辞書も入っててうれしかった

東京はもう桜が散り始め。仙台はいまちょうど見頃かなぁ...

Oracleセミナーで覚えたこと（その２）

2009-04-09T00:11:00.000+09:00

Recovery Managerに慣れてきたー。
RMAN> backup 脳みそ;

SCN：System Change(またはCommit) Numberの略。コミットごとにインクリメントされる番号。PostgreSQLのXIDみたいなもの？（と思ったら違った。トランザクションIDというのが別に存在する。ただしOracleのトランザクションIDは文字列みたいな識別子。SCNは数値）
インカネーション：データベースのバージョンを識別するための番号。リカバリ・カタログを使用した管理の場合のみ発生する。
ステージング領域：$ORACLE_HOME/dbsのこと。このディレクトリを指す
Oracleホーム：環境変数ORACLE_HOMEと同義だと思われる
RAWデバイス：ファイルシステムを作っていないパーティションのこと。通常REDOログの書き込みが最大パフォーマンスになるが、これにRAWデバイスを使うといいらしい。生デバイスってなにかと思った
DBID：データベース識別子。SELECT DBID FROM v$database;で取得。DB複製のときとか意識する
用語どころか英語もわからん...（retentionとかpurgeとかauxiliaryとか普段使わない）
ストリーミングって動画のことかと思ったらストリーミング・テープ装置っていうのがあるらしい
PCTFREEってなんだっけ（最後にこの単語を見たのは4年ぐらい前かと...）
表領域Point-in-Timeリカバリすばらしい
フラッシュバック・テクノロジもすばらしい（用語が多くて混乱。以下かなり大雑把＆嘘あり御免）
- フラッシュバック・ドロップ：DROP TABLEしてしまった表を元に戻せる
- フラッシュバック・問い合わせ：DML実行前のある時点のデータをSELECTできる
- フラッシュバック・バージョン問い合わせ：ある範囲の時間にあったトランザクションの履歴を問い合わせることができる。変更の履歴が見れるという理解であってるのか？これで取得した情報をもとに次のフラッシュバック・トランザクション問い合わせを実行したりする
- フラッシュバック・トランザクション問い合わせ：フラッシュバック・バージョン問い合わせで取得したトランザクションIDを使って、データベースに対して行われた変更をトランザクションレベルで追える。トランザクション1とトランザクション2で同じレコードを更新しているから二つのトランザクションには依存性がある、とかもわかる。これすごいなぁ
- フラッシュバック・データベース：明日やる予定
- フラッシュバック・データ・アーカイブ：明日やる予定
- 全然関係ないけどFLASH BACKといえばcapsule（プレイバックは山口百恵）

「Oracleだったら○○があるからすぐデータ戻せるのになぁ」とかいうケースが研修終わった後にありそう...でも好きですポスグレ

Oracleセミナーで覚えたこと（その１）

2009-04-08T00:40:00.001+09:00

5日間Oracleの管理ワークショップII（Iを受講せずいきなりII）に通うことになった。業務で使ったことないからちょっとビビリつつもMacのVMにCentOS追加してOracle 11gR1入れていろいろ試して、いざセミナー。覚えたことはアウトプットしないとすぐ忘れるからpg_dump -d my脳みそしてみる。（まだまだPostgreSQL脳だからデータをダンプするコマンドがすんなり出てこないよ...）

Oracle青山のビル立派！
講師の人カッコいい
ドリンク飲み放題
ノート持ち込みOKなのでMacにDokuWiki入れてメモメモできる
でもDokuWikiのテキストエリアで編集するのはかったるいのでFirefoxにIt's All Text!をインストールしてEmacsでテキストエリアを編集できるとすばやくタイピングできていい
2cmくらいのテキスト3冊（2冊が座学用で1冊は演習用）を5日間でこなすらしい。ひー
演習用の環境がすでに準備してあり、演習は基本的にテキストに沿ってコマンドを実行するだけ。でも座学の内容を実際にコマンドで打つだけでも記憶の定着度が上がる気がする。さらにOEMでもすぐ表示できるからいろんな視点から設定を確認したり処理が実行できてこれまたいい
環境変数ORACLE_SIDをexportコマンドでいちいち設定してからsqlplusを実行する代わりにenv ORACLE_SID=orcl sqlplus / as sysdbaみたいにしても問題ない（え？常識？こんなんばっかりですごめんなさい）
SYSAUX表領域のAUXはauxiliaryの略。「補助の」「追加の」
PostgreSQLの表領域のイメージをそのままOracleに当てはめてちょっと混乱。PostgreSQLで表領域を作成する際はディレクトリを指定するけど、Oracleで表領域を作成する際は「ファイルシステム」「OMF」「RAWデバイス」「ASM」のような選択肢がある。テーブルは表領域Aに割り振ってインデックスは表領域Bに振って負荷分散、というのはOracleでもやるらしい
ASM
- Oracleの提供する「ストライピング＋ミラーリングができるソフトウェアRAID」みたいなもの（RAID01とRAID10どっちだ？）
- ASMでディスクを１つ手動で止めてリバランスされる様子が見れる。ちょっと感動。PostgreSQLではまだできないよなぁ
- ハードウェア側でしっかりRAIDができているのであればRAIDコントローラ積んでるマシンのほうが処理速いので、ASMの冗長性を「外部」に設定してASMで冗長化しないようにする
- ハードウェアRAIDとか用意できないような環境ならASMで冗長化がよさげ。10g以降なら積極的に使ってみたい
バックアップとリカバリ
- 制御ファイル、REDOログ・ファイルなどのバックアップを取った後にそれらのファイルを削除してリストア・リカバリする、という手順を一通り演習で学べる
- よくファイルを間違って消してしまう自分としては、復旧手順がすでに演習のテキストにあると思うとなんだか安心
- でもARCHIVELOGモードで動かすことを忘れずに
- リカバリ・カタログの利用目的はわかるけどそんなところまでバックアップをきっちりやる必要性って本当にあるのかな、という感想。実際の業務で使ってみないとピンとこない
なんでsqlplusはヒストリをたどれないんだろう...イライラ（調べたらrlwrapっていうのをインストールするとreadlineがサポートされるという記事発見。でも演習環境には勝手にインストールできねー）
演習用のマシンから接続できるサイトはドメイン制限かかってるみたい。oracle.co.jpとgoogle.co.jpは行けた。Googleの検索結果画面のキャッシュのリンクは直IPでドメインないので見れなかった
演習用のマシンはHDD１個しか積んでないが、複数のデバイスがあるように見せかけてディスクグループを作っている。そのためか結構遅いことがある。処理中にロードアベレージ6とか超えてるけど大丈夫か？実運用時は物理的に違うメディアを使うだろうからこれよりは全然速いんだろう

あと3日がんばります。

うっかりCentOS5.3にアップデート完了

2009-04-03T14:24:00.002+09:00

さっきCentOS5.3がリリースされたらしい。 CentOS5.2から5.3にするにはyum upgradeするんだろうと思っていたらyum updateだけで300MB近いアップデートがあって、試しにyum updateしてみると見事にcat /etc/redhat-releaseが「CentOS release 5.3 (Final)」になってた。うっかり。

PostgreSQLのソート順がおかしいためロケール再設定とinitdbやり直し

2009-03-23T12:57:00.000+09:00

またPostgreSQLのソート順でおかしくなったのでメモ。

普段使っているCentOS5ではロケールをja_JP.UTF-8に設定し、その状態でPostgreSQLもインストール＆起動しているので気づかなかったのだが、あるお客さんに収めるサーバをRHELで構築する際ロケールをen_US.UTF-8に設定してインストールしたところ日本語列のORDER BYの順番が明らかにおかしい。どうやらまたロケールの問題がでてしまったらしい。

現状と調べてみた情報を列挙。

initdbした時点でのロケールがずっと使われるため、postgresql.confのlc_で始まる設定値を変更してもダメ
現在のPostgreSQLのロケールはpg_controldata /var/lib/pgsql/dataで確認できる
/etc/init.d/postgresql startを実行したときに/var/lib/pgsql/dataディレクトリがないと自動的にinitdbが動くが、その際のinitdbには--localeが指定されていないのでOSの環境を引き継いでいる
initdbを再度実行するには/var/lib/pgsql/dataディレクトリを消してしまえばよい（つまりデータは使えなくなる、と。ダンプ必要）

幸い今回の環境ではen_US.UTF-8をja_JP.UTF-8に変更しても影響を受けるプログラムがない（と考えられる）ので、 OS全体のロケールを書き換え、PostgreSQLをinitdbからやり直すことにした。（/etc/init.d/postgresqlを書き換えてinitdb時に--localeオプションを追加するという手もあるけど、今回はパス）

データのバックアップ
pg_dumpコマンドを使用してダンプ
DBを停止
```
# /etc/init.d/postgresql stop
```
OSのロケール変更
```
# vim /etc/sysconfig/i18n
```
en_US.UTF-8をja_JP.UTF-8に変更し保存。
OS再起動
```
# shutdown -r now
```
chkconfigでpostgresqlが自動起動するようになっている場合は再起動後PostgreSQLを停止。

initdbやり直し

# cd /var/lib/pgsql
# mv data data_old
# mkdir data
# chown postgres:postgres data
# chmod 700 data
# /etc/init.d/postgresql start

PostgreSQLのロケール確認

# pg_controldata /var/lib/pgsql/data
pg_control version number:            812
Catalog version number:               200510211
Database system identifier:           5316336277145481133
Database cluster state:               in production
pg_control last modified:             2009年03月23日 20時09分29秒
Current log file ID:                  0
Next log file segment:                1
Latest checkpoint location:           0/38C484
Prior checkpoint location:            0/33B194
Latest checkpoint's REDO location:    0/38C484
Latest checkpoint's UNDO location:    0/0
Latest checkpoint's TimeLineID:       1
Latest checkpoint's NextXID:          1607
Latest checkpoint's NextOID:          24576
Latest checkpoint's NextMultiXactId:  1
Latest checkpoint's NextMultiOffset:  0
Time of latest checkpoint:            2009年03月23日 20時09分29秒
Maximum data alignment:               4
Database block size:                  8192
Blocks per segment of large relation: 131072
Bytes per WAL segment:                16777216
Maximum length of identifiers:        64
Maximum columns in an index:          32
Date/time type storage:               floating-point numbers
Maximum length of locale name:        128
LC_COLLATE:                           ja_JP.UTF-8
LC_CTYPE:                             ja_JP.UTF-8

これで日本語列のソート順が意図したとおりになった。

Time Capsule 500GBの購入とインストールと設定

2009-02-07T21:40:00.025+09:00

バックアップに泣いた去年ですが、会社はとりあえずバックアップを自動化したりして対処済みなので、今年は自宅のバックアップをするのであります。（というもっともな理由を付けたTime Capsuleの購入）

現状の家庭内ネットワーク

フレッツ光でプロバイダはKDDI。 PPPoEで、壁からLANケーブルをBUFFALOの無線LANルータに接続。無線LANの規格は802.11gで暗号方式はWEP。 BUFFALOだとAOSSが使えるのでWiiと簡単に接続ができる代わりに、 Wiiのほうで暗号方式がWEPしか使えないので、 MacBookとの通信もWEPになってしまい十分にセキュアでない。と思っていたら、WiiでもWPA2で接続できるみたい。

せっかく今回Time Machineを買って高速な802.11nが使えるようになるので、 MacBookは802.11n（暗号方式はWPA2パーソナル）で接続し、 Wiiからも接続できるならBUFFALOの無線LANルータを使わないようにしてしまいたい。

Time Machine開封

Apple製品はカッコいいですな。開封後は以下のように設置。

BUFFALOの無線LANルータを停止
Time Machineの電源ケーブルを接続
壁のモジュラージャック（ていう呼び名で合ってるのかな？）とTime MachineのWANポートをLANケーブルで接続
Time MachineのLANポートとMacBookをLANケーブルで接続

まだこの時点ではTime Machineのステータスランプはオレンジ点滅のままで正しく設定されていない状態。

AirMacユーティリティのインストールと設定

付属のインストールディスクを使用してAirMacユーティリティをインストール。

インストールが完了するとアプリケーションのユーティリティ以下に「AirMac ユーティリティ」が追加されている。起動して設定に進む。

BUFFALOのワイヤレスネットワークはもう使用しないつもりなので「ワイヤレスネットワークはなく、作成したい」を選ぶ。

Time MachineがPPPoEで直接インターネットに接続するので以下のように選ぶ。

設定が正しいことを確認して「アップデート」ボタンを押すと、以下のようにTime Capsuleの画像横のステータスランプと本体のステータスランプがオレンジから緑に変わり、正しく設定が完了したことがわかる。 802.11nを802.11gにしたり、暗号方式を変えたりしたいときは「手動設定」ボタンから詳細な設定に進むことができる。

MacBookからLANケーブルを抜いて、AirMacを入に変更し、正しく無線LANで接続できるのか確認してみた。体感的にわかるぐらい802.11gに比べて802.11nのほうが速い。よしよし。（BNRスピードテストで測定したところ、BUFFALO、802.11g、WPA-PSK（AES）では約24Mbps、 Time Capsule、802.11n、WPA2パーソナルでは約51Mbpsで倍近く違っていた）

VistaマシンとWiiのネットワーク設定

ほかにDellのWindows Vistaマシンがあり、Intel Intel Wireless WiFi Link 4965AGNが装備されている。何回か接続に失敗したが、何度か繰り返したら正しく接続できた。 Wiiも正しく接続できた。これでBUFFALOの無線LANルータは使用しなくてすみそう。

Time Machineの設定

Time Machineのバックアップはかなり時間がかかるとのことなので、 AirMacを切に戻してLANケーブルをつなぎ直し、DockからTime Machineを起動。

「Time Machineを設定」ボタンをクリックすると以下のような画面になる。

バーを「切」から「入」のほうにドラッグすると次のダイアログが出るので、 Time Capsuleを選択する。

「バックアップに使用」ボタンをクリックすると次の画面のようになり、２分ほどで自動的にバックアップがスタートする。基本的にすべてのディスクがバックアップ対象になるが、 VMwareのLinuxのイメージはバックアップする必要はないので「オプション」ボタンをクリックして除外する項目を選択しておく。

87GBのバックアップを作成するのに約3.5時間かかった。

これで基本的な設定は完了。できれば復旧の様子をブログに載せることがないことを祈って。

そりゃStrutsよりよくなってるんだろうけども

2009-02-03T01:18:00.002+09:00

S2StrutsとかSAStrutsとかMayaaとかS2DaoとかS2DtoとかS2DxoとかS2JDBCとかJTAとかS2JSFとかTeedaとかDoltengとか、多すぎるの、もうちょっとなんとかならんかね。やっぱりJavaでウェブアプリ作るの嫌かも...

仮に自分が使えるようになったとしてもプロジェクトメンバーにこれ覚えてもらうの無理ジャマイカ。

setter, getterの使いどころ

2009-01-30T11:54:00.002+09:00

JavaScriptのsetter, getterの使いどころってどこなの？という疑問。

Javaのsetter, getter

Javaでいうsetter, getterは、privateで宣言されたメンバ変数に対するアクセサとして使われることがほとんどだと思う。 Servlet/JSPのBeanとか。直接オブジェクトを操作する代わりに関数を呼び出すことで以下のようなメリットがある。

setterで値のチェック処理を追加できる
setter, getterにログを埋め込めばデバッグに便利
setter, getterの処理内容が変わっても、呼び出している箇所には影響がない

とはいえ普段これらのメリットを受けるようなコードってそんなに書かないので、 Eclipseでsetter, getter自動生成するの面倒だなーっていう感じ。

JavaScriptのsetter, getter

さてJavaScriptでも同じ役割なのかというと、JavaScriptにはそもそもprivate変数がないので、 obj.valueのようにプロパティに直接アクセスすることは避けられない。避けられないが、setter, getterを使うと単なる代入または取得の処理を関数で置き換えることができる。

JavaScriptのsetter, getterを使ったカプセル化の例

例えばageプロパティは数値（または数値の文字列）しか代入を許可しない、とか。

person = {_age:null,get age(){return this._age;},set age(num){if(num&&/^[0-9]+$/.test(num)){this._age=num;}}};
person.age = 21;
person.age //「21」が出力される
person.age = "abc";
person.age //「abc」は代入されなかったので「21」が出力される

Firebugで上記のコードを１行ずつ入れれば実行結果が得られる。

結局これだと_ageが隠蔽されていないが、わざわざ_ageという変数名にしたのは、 setterのほうで同じ変数にthis.age=numのように値をセットすると再帰的にsetterが呼ばれてしまうため。そういうもんなのね。 set _ageというsetterも用意してエラーを発生させるようにすればperson._ageに直接アクセスすることは防げる。

JavaScriptのsetter, getterを使ったクロスブラウザ処理の例

これはメリットが具体的にイメージできて納得できた。

IE 以外の JavaScript で getter setter が使えるようになる！ - IT戦記

setter, getterを利用したライブラリを読み込んでおけば、 IE向けにしか作っていないウェブアプリのJavaScriptが他のブラウザでも動く、というのが実現できそう。（IEでCanvasを使えるようにするExplorerCanvasを連想したけどちょっと違うか...）

参照

ほかにもsetter, getterの使いどころってあるだろうか。 IE8でもsetter, getterが使えるようになって、 prototype.jsやjQueryやYAHOO! UIのメソッドを使うクロスブラウザのやり方が変わって来るのかも。

LinuxからWindows共有フォルダをマウントしてバックアップを保存

2009-01-26T16:42:00.002+09:00

Linux上のファイルのバックアップを別メディアに保存するとき、同じマシンにバックアップを取っても意味がないので保存先を探したらNAS上のWindows共有フォルダしか見あたらなかった。調べてみたらLinuxからWindows共有フォルダをマウントできることが分かったのでメモ。

以下を参考にした。

TipsAndTricks/WindowsShares - CentOS Wiki

root権限で/etc/fstabに以下の一行を追加する。

//servername/dir1 /mnt/win cifs user,uid=0,rw,suid,username=narucissus,password=hogehoge 0 0

共有フォルダのアドレスは「//servername/dir1」のように記述する。認証がかかっている場合は、上記の例のようにオプションでusernameとpasswordを指定する。スペースで区切られた値がなにを指すのかは以前メモったのを参照。マウントオプションは「mount cifs」などで検索すれば出てくる。

マウントするディレクトリ/mnt/winを以下のように作成して、

# cd /mnt
# mkdir win

作成したらマウントしてみる。

# mount /mnt/win

これで/mnt/winをlsしたりtouchしてみて読み書きができれば成功。 /etc/fstabに記述したのでLinuxを再起動しても起動時に自動でマウントされる。あとはcrontabでバックアップ処理を書いて保存先を/mnt/winにすればOK。

もしかしてこれってSambaをインストールしてないとできないのかも。

初滑り

2009-01-25T18:59:00.003+09:00

ギャグも滑りまくり。

ただデータを書き込みするPythonプログラム

2009-01-23T17:39:00.000+09:00

Linuxでtopやらvmstatやらiostatやらでパフォーマンスをチェックする方法がいまいちわからない。勉強しよう。勉強するにはLinuxに負荷かけないと。ということでPythonでデータを一定量書き込むだけのプログラムを作成。

# -*- coding: utf-8 -*- 
# I/Oの負荷をチェックするためファイルにデータを書き込む

# http://www.python.jp/doc/nightly/lib/module-tempfile.html
# http://www.python.jp/doc/nightly/lib/bltin-file-objects.html

import tempfile
import os
import datetime

before_time = datetime.datetime.now()

# 一時ファイルの生成
fn = tempfile.mkstemp()

fp = file(fn[1], "w")

for i in range(0, 4000000):
        fp.write('http://www.python.jp/doc/nightly/lib/module-tempfile.html\n')
        fp.flush()

fp.close()

os.close(fn[0])
os.remove(fn[1])

after_time = datetime.datetime.now()

print("generate: %s" % fn[1])
print("spent time: %s" % (after_time - before_time))

上記のプログラムをio_bench.pyというファイル名で保存してpython io_bench.pyを実行。そのあいだvmstat 2を実行して以下のような結果を得た。

procs -----------memory---------- ---swap-- -----io---- --system-- -----cpu------
 r  b   swpd   free   buff  cache   si   so    bi    bo   in   cs us sy id wa st
 0  0 352800  72716   6772 126476   16   23   101    67 1050  696  7 10 81  3  0
 0  0 352800  72592   6772 126480    0    0     0    22 1022  354  5  6 89  0  0
 0  0 352800  72592   6780 126472    0    0     0    30 1022  377  6  5 90  0  0
 0  0 352800  72716   6780 126480    0    0     0    56 1028  354  5  4 91  0  0
 2  0 352800  20700   6860 126480    0    0    50     0 1028  379  6 53 39  3  0
 1  1 352800   4928   5864 136496    0    0     0     0 1018  366 38 62  0  0  0
 0  3 352800   5384   5592 133804    0    0    36 15022 1082  500 35 61  0  5  0
 1  1 352800   5168   4912 136428    0    0     2 13530 1200  740 30 54  0 17  0
 2  1 352800   5148    496 142232    0    0     0    34 1024  360 39 61  0  0  0
 1  1 352800   5648    320 149528    0    0     2 28242 1213  736 27 49  0 25  0
 2  1 352800   5052    392 151000    0    0    18   146 1085  497 38 62  0  0  0
 1  3 352800   5776    424 148720    0    0    14 17612 1114  578 38 59  0  4  0
 2  2 352800   4968    452 151400    0    0     2 14658 1207  747 35 60  0  5  0
 3  0 352800   8572    464 150600    0    0     0    48 1028  401 43 58  0  0  0
 0  0 352800 182448    492  38852    0    0    20    32 1023  329  5 20 73  2  0
 0  0 352800 182576    492  38872    0    0     0     0 1016  321  5  3 92  0  0
 0  0 352800 182576    496  38868    0    0     4     0 1019  326  5  6 88  0  0
 0  0 352800 182712    496  38876    0    0     0     0 1016  341  5  5 90  0  0

中央あたりで負荷かかってるっぽい。これをどう読むかはこれからウェブで調べる。

Subversionサーバを5分で立てるメモ

2009-01-22T19:28:00.002+09:00

CentOS5.2でぱぱっとSubversionリポジトリを作ってインポート＆チェックアウトするまでの手順をメモ。 CentOS5.2でインストールされるSubversionは1.4.2。

必要なパッケージのインストール

# yum install mod_dav_svn subversion

設定ファイルの修正

リポジトリはプロジェクトごとにたくさん作る可能性があるので、 http://127.0.0.1/svn/project1, http://127.0.0.1/svn/project2のように区別できるようにする。 /etc/httpd/conf.d/subversion.confを以下のように修正する。

LoadModule dav_svn_module     modules/mod_dav_svn.so
LoadModule authz_svn_module   modules/mod_authz_svn.so

#
# Example configuration to enable HTTP access for a directory
# containing Subversion repositories, "/var/www/svn".  Each repository
# must be readable and writable by the 'apache' user.  Note that if
# SELinux is enabled, the repositories must be labelled with a context
# which httpd can write to; this will happen by default for
# directories created in /var/www.  Use "restorecon -R /var/www/svn"
# to label the repositories if upgrading from a previous release.
#

#
# To create a new repository "http://localhost/repos/stuff" using
# this configuration, run as root:
#
#   # cd /var/www/svn
#   # svnadmin create stuff   
#   # chown -R apache.apache stuff
#

<Location /svn>
   DAV svn
   SVNParentPath /var/www/svn

   # Limit write permission to list of valid users.
   <LimitExcept GET PROPFIND OPTIONS REPORT>
      # Require SSL connection for password protection.
      # SSLRequireSSL

      AuthType Basic
      AuthName "Authorization Realm"
      AuthUserFile /var/www/svn.passwd
      Require valid-user
   </LimitExcept>
</Location>

SVNParentPathで指定した/var/www/svnを作成する。

# cd /var/www
# mkdir svn

AuthUserFileで指定したBasic認証用のファイルを用意。

# cd /var/www
# htpasswd -c svn.passwd user1

上記が完了したらhttpdを再起動。

# /etc/rc.d/init.d/httpd restart

リポジトリの作成

# cd /var/www/svn
# svnadmin create project1 --fs-type fsfs
# chown -R apache:apache project1

ここまで正しくできれば、ブラウザからhttp://127.0.0.1/svn/project1にアクセスして「Revision 0」と表示されるはず。

インポートとチェックアウト

すでにあるディレクトリ（例えば/usr/local/tomcat6/webapps/project1）をSubversionで管理するには、ローカルのファイルをリポジトリにインポートしてから現在のディレクトリを一度退避し、リポジトリからファイルをチェックアウトする、という手順になる。その際ディレクトリのパーミッションなどが変わってしまい動作しないことがあるので、 Apacheの書き込み権限が必要になったりするディレクトリがある場合は注意。

# cd /usr/local/tomcat6/webapps

（インポート）
# svn import -m "New Import" project1 http://localhost/svn/project1/trunk/project1

（退避）
# mv project1 project1_bak

（チェックアウト）
# svn checkout http://localhost/svn/project1/trunk/project1 ./project1

（権限などをもとの状態に戻すため退避したバックアップからファイルをまるごとコピー）
# cd project1_bak
# cp -pr * ../project1

タイピングが速ければこれで5分！

SubversionとSubversiveとsvnコマンドのあれこれ

2009-01-19T19:04:00.001+09:00

普通開発サーバにはCentOS4またはCentOS5を使用し、Subversionでバージョン管理をし、 Eclipse3.4(Ganymede)でソースコードを修正している。 EclipseのSubversiveプラグインを使っているが、動作が結構重いので大量のファイルの同期・更新を行う場合は直接svnコマンドを実行することもある。なにげなく上記の環境を使用していたが、最近頻繁に見かけるメッセージがある。

svn: このクライアントは、作業コピー '...' を扱うには古すぎます。もっと新しい Subversion クライアントをダウンロードしてください。

（...はディレクトリが表示される） Subversion自体にもバージョンがあることを考えていなかったが、どうやらSubversionリポジトリにアクセスするいろんなクライアントのバージョンが混在しているのでエラーが起きているようだ。登場人物のSubversionのバージョンをまとめると以下のようになる。

CentOS4.7にyumでインストールされるmod_dav_svn：1.1.4
CentOS4.7にyumでインストールされるsvnクライアント：1.1.4
CentOS5.1にyumでインストールされるmod_dav_svn：1.4.2
CentOS5.1にyumでインストールされるsvnクライアント：1.4.2
SVNKit 1.1.7：1.4.x
SVNKit 1.2.0：1.5.x

SVNKitはJavaによるSubversionライブラリ。 EclipseのSubversionプラグイン「Subversive」が内部で使っているっぽい。バージョンが1.1から1.5まであり、なんだかまずそう。

そこで、エラーが発生しないようにこれらの環境を統一した。 CentOS5.1をリポジトリサーバにすることがほとんどなので、Subversion 1.4.x系で統一するのが現実的だ。

Subversionリポジトリの準備

CentOS 5.1のyumでインストールしたmod_dav_svnをそのまま使用する。 Subversionは1.4になる。

Eclipseの設定

Subclipseというプラグインがあるがこれは想定しない。 Subversiveプラグインを使用する場合は、SVNkit 1.2.0をインストールしないようにする。すでにインストールされている場合はアンインストールする。

svnクライアントコマンドの設定

svnコマンドを実行するOSがCentOS 5.1ならsvnコマンドのバージョンは1.4系なので問題ないが、 CentOS4系の場合はsvnコマンドのバージョンが1.1.4とかなり低い。（一応1.1と1.2、1.2と1.3、1.3と1.4は互換性があるらしいが、さすがに違いすぎるようで「古すぎます」のメッセージが出た） CentOS4では別途svnコマンドをインストールした方がよさそう。バイナリパッケージを探したが、1.5しかなかったので、しょうがなくソースからコンパイルした。

まず以下のリンクからapr(Apache Portable Runtime)とSubversionのtar.gzをダウンロード。

aprはyumでもインストールできるのだが、 subversion-1.4.6.tar.gzのconfigureのときにyumでインストールしたaprがうまく見つからないようだったので、しかたなく別途インストール。 neon（C言語用のWebDAVクライアントライブラリ）はyumによるインストールで問題ない。必要なパッケージは以下のようにインストールしておく。

# yum install gcc zlib-devel neon neon-devel

それぞれ以下のようにコンパイル。

# tar xzf apr-1.3.3.tar.gz
# cd apr-1.3.3
# ./configure
# make
# make install

# tar xzf apr-util-1.3.4.tar.gz
# cd apr-util-1.3.4
# ./configure --with-apr=/usr/local/apr
# make
# make install

# tar xzf subversion-1.4.6.tar.gz
# cd subversion-1.4.6
# ./configure --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-berkeley-db=no --with-neon=/usr
# make
# make install

これで/usr/local/bin/svnがインストールされた。このsvnクライアントコマンドを使用した限りでは、Subversive(SVNKit 1.1.7)と併用してエラーが出ないようだ。

Subversionのバージョンややこしー！

移行アシスタント断念

2008-11-02T15:20:00.002+09:00

以前使っていたiMac G5は10.3だったためか、10.5の移行アシスタントを起動しても10.3の移行アシスタントを起動してもうまく連携できそうにない。新MacBookはFirewireもない。

技術的に本当にできないのかどうか裏付けはないが、MacBook Air: 移行アシスタントの使い方を見ると10.4以降でないとダメっぽい記述がある。結局Ethernet経由でデータ全部コピーして済ませちゃいましたとさ。

Spacesを使ってMacとVMware Fusion上のLinux(CentOS)をすばやく切り替える

2008-10-27T22:46:00.004+09:00

ボタン一つでMacの画面とCentOSの画面を一発切り替えできるとすごく楽。試しにMacのSpacesを使ってみたら簡単にできた。

システム環境設定からExposeとSpacesを開き、Spacesタブを選択する
今回はMacとCentOSだけでよいので、１行に２列あれば足りる。行のマイナス（−）をクリックする
アプリケーションの割り当ての下にあるプラス（＋）ボタンをクリックし、VMware Fusionを選択する
VMware Fusionの操作スペースを「操作スペース２」にする
操作スペース間の切り替えに「^ 矢印キー」を選択する

これでCtrlキーを押しながら右または左矢印キーを押せば、通常のMacアプリケーションが動作する操作スペース１とVMware Fusionが起動する操作スペース２が簡単に切り替えられる。 CentOSは常にフルスクリーンで動作させるようにすると、 MacとCentOSが一瞬で切り替わり非常に便利。

VMware Fusion 2にインストールしたLinux(CentOS)にVMware Toolsをインストール

2008-10-27T22:36:00.003+09:00

タイトルそのまんま。 Mac上のVMで動くCentOS 5.2にシームレスにアクセスできるようにしたい。作業手順は以下。

仮想マシン(CentOS)を起動
起動が完了したら、Control-commandで一度仮想マシンを抜けて、メニューから仮想マシン>VMware Toolsのインストールを選択
CentOSに戻ると/media/VMware Toolsがマウントされているので、以下のようにしてインストールするファイルを取得・解凍（rootで作業）
```
# cd /root
# tar xzf /media/VMware¥ Tools/VMwareTools-e.x.p-116369.tar.gz
```
VMware WorkstationでCentOS 5.2をインストールしたときはrpmがあった気がしたけど...

インストール

事前にkernel-headersとgccをインストールしておく。

# yum install kernel-headers gcc

インストールが完了したらVMware Toolsを以下のようにインストール。

# cd /root/vmware-tools-distrib
# ll
合計 132
-r--r--r--  1 root root 108263  9月 11 10:34 FILES
lrwxrwxrwx  1 root root     13 10月 25 22:03 INSTALL -> ./doc/INSTALL
drwxr-xr-x  2 root root   4096  9月 11 10:34 bin
drwxr-xr-x  3 root root   4096  9月 11 10:34 doc
drwxr-xr-x  3 root root   4096  9月 11 10:34 etc
drwxr-xr-x  2 root root   4096  9月 11 10:34 installer
drwxr-xr-x 14 root root   4096  9月 11 10:34 lib
lrwxrwxrwx  1 root root     31 10月 25 22:03 vmware-install.pl -> ./bin/vmware-uninstall-tools.pl
[root@localhost vmware-tools-distrib]# ./vmware-install.pl 
Creating a new VMware Tools installer database using the tar4 format.

Installing VMware Tools.

In which directory do you want to install the binary files? 
[/usr/bin] [ENTER]

What is the directory that contains the init directories (rc0.d/ to rc6.d/)? 
[/etc/rc.d] [ENTER]

What is the directory that contains the init scripts? 
[/etc/rc.d/init.d] [ENTER]

In which directory do you want to install the daemon files? 
[/usr/sbin] [ENTER]

In which directory do you want to install the library files? 
[/usr/lib/vmware-tools] [ENTER]

The path "/usr/lib/vmware-tools" does not exist currently. This program is 
going to create it, including needed parent directories. Is this what you want?
[yes] [ENTER]

In which directory do you want to install the documentation files? 
[/usr/share/doc/vmware-tools] [ENTER]

The path "/usr/share/doc/vmware-tools" does not exist currently. This program 
is going to create it, including needed parent directories. Is this what you 
want? [yes] [ENTER]

The installation of VMware Tools e.x.p build-116369 for Linux completed 
successfully. You can decide to remove this software from your system at any 
time by invoking the following command: "/usr/bin/vmware-uninstall-tools.pl".

Before running VMware Tools for the first time, you need to configure it by 
invoking the following command: "/usr/bin/vmware-config-tools.pl". Do you want 
this program to invoke the command for you now? [yes] [ENTER]


Stopping VMware Tools services in the virtual machine:
   Guest operating system daemon:                          [  OK  ]
   Virtual Printing daemon:                                [  OK  ]
The bld-2.6.18-8.el5-i686smp-RHEL5 - vmmemctl module loads perfectly into the 
running kernel.

The bld-2.6.18-8.el5-i686smp-RHEL5 - vmhgfs module loads perfectly into the 
running kernel.

The bld-2.6.18-8.el5-i686smp-RHEL5 - vmxnet module loads perfectly into the 
running kernel.

The bld-2.6.18-8.el5-i686smp-RHEL5 - vmblock module loads perfectly into the 
running kernel.

[EXPERIMENTAL] The VMware FileSystem Sync Driver (vmsync) is a new feature that
creates backups of virtual machines. Please refer to the VMware Knowledge Base 
for more details on this capability. Do you wish to enable this feature? 
[no] [ENTER]

The bld-2.6.18-8.el5-i686smp-RHEL5 - vmci module loads perfectly into the 
running kernel.

The bld-2.6.18-8.el5-i686smp-RHEL5 - vsock module loads perfectly into the 
running kernel.



Detected X.org version 
X Window System Version 7.1.1
Release Date: 12 May 2006
? 7.1 : '0.0.0'.1
Build Operating System: Linux 2.6.18-53.1.14.el5PAE i686 Red Hat, Inc.
Current Operating System: Linux localhost.localdomain 2.6.18-92.el5 #1 SMP Tue 
Jun 10 18:49:47 EDT 2008 i686
Build Date: 21 June 2008
Build ID: xorg-x11-server 1.1.1-48.41.el5_2.1 
        Before reporting problems, check http://wiki.x.org
        to make sure that you have the latest version.
Module Loader present
.


Please choose one of the following display sizes that X will start with (1 - 
29):

[1]  "320x200"
[2]  "320x240"
[3]  "400x300"
[4]  "512x384"
[5]  "640x400"
[6]  "640x480"
[7]  "720x480"
[8]  "800x480"
[9]  "854x480"
[10]  "720x576"
[11]  "800x600"
[12]< "1024x768"
[13]  "1280x720"
[14]  "1280x768"
[15]  "1152x864"
[16]  "1280x800"
[17]  "1366x768"
[18]  "1280x960"
[19]  "1440x900"
[20]  "1280x1024"
[21]  "1400x1050"
[22]  "1680x1050"
[23]  "1600x1200"
[24]  "1920x1080"
[25]  "1920x1200"
[26]  "1920x1440"
[27]  "2048x1536"
[28]  "2560x1600"
[29]  "2560x1920"
Please enter a number between 1 and 29:

[12] 16[ENTER]


X Window System Version 7.1.1
Release Date: 12 May 2006
X Protocol Version 11, Revision 0, Release 7.1.1
Build Operating System: Linux 2.6.18-53.1.14.el5PAE i686 Red Hat, Inc.
Current Operating System: Linux localhost.localdomain 2.6.18-92.el5 #1 SMP Tue Jun 10 18:49:47 EDT 2008 i686
Build Date: 21 June 2008
Build ID: xorg-x11-server 1.1.1-48.41.el5_2.1 
        Before reporting problems, check http://wiki.x.org
        to make sure that you have the latest version.
Module Loader present
Markers: (--) probed, (**) from config file, (==) default setting,
        (++) from command line, (!!) notice, (II) informational,
        (WW) warning, (EE) error, (NI) not implemented, (??) unknown.
(++) Log file: "/tmp/vmware-config0/XF86ConfigLog.21358", Time: Sat Oct 25 22:19:13 2008
(++) Using config file: "/tmp/vmware-config0/XF86Config.21358"

X is running fine with the new config file.

FreeFontPath: FPE "unix/:7100" refcount is 2, should be 1; fixing.
   Checking acpi hot plug                                  [  OK  ]
Starting VMware Tools services in the virtual machine:
   Switching to guest configuration:                       [  OK  ]
   Guest filesystem driver:                                [  OK  ]
   Mounting HGFS shares:                                   [失敗]
   Guest memory manager:                                   [  OK  ]
   Guest vmxnet fast network device:                       [  OK  ]
   VM communication interface:                             [  OK  ]
   VM communication interface socket family:               [  OK  ]
   Blocking file system:                                   [  OK  ]
   Guest operating system daemon:                          [  OK  ]
   Virtual Printing daemon:                                [  OK  ]

The configuration of VMware Tools e.x.p build-116369 for Linux for this running
kernel completed successfully.

You must restart your X session before any mouse or graphics changes take 
effect.

You can now run VMware Tools by invoking the following command: 
"/usr/bin/vmware-toolbox" during an X server session.

You will need to either manually start /usr/bin/vmware-user or log out and log 
back in to this desktop session to obtain the following features: guest 
resolution fit, drag and drop, and file and text copy/paste.  vmware-user is 
configured to automatically start at a graphical login, but that won't take 
effect until the next login.

To use the vmxnet driver, restart networking using the following commands: 
/etc/init.d/network stop
rmmod pcnet32
rmmod vmxnet
modprobe vmxnet
/etc/init.d/network start

If the virtual printer feature is enabled, you will need to restart the CUPS 
service to make use of this feature.

Enjoy,

--the VMware team

Found VMware Tools CDROM mounted at /media/VMware Tools. Ejecting device 
/dev/hdc ...

MacBookの解像度に合わせて[16]の"1280x800"を選択したが、再起動後にCentOSでディスプレイの設定をしたところマウスポインタの位置がおかしくなってしまった。再度vmware-config-tools.plを実行して[12]の"1024x768"を選択し直した。フルスクリーン表示にすれば1280x800に自動的に合うので特に問題ない。

shutdown -r nowを実行して再起動する。 chkconfig --list | grep vmwareを実行すると起動時に自動的にvmwareサービスが立ち上がるように設定されていることがわかる。

WindowsのVMware Server上にインストールしたCentOS 5.2では過去に失敗したけど、 VMware Fusionではうまくインストールできた。次はSpacesを使ってMacの作業領域とCentOSの作業領域を簡単に切り替えられるように設定してみる。

MacBook起動後にやったことリスト

2008-10-25T18:46:00.005+09:00

購入直後の状態から変更した点の一部をメモ。

トラックパッドの設定

感触がよくて感度もちょうどよい。見た感じはちょっと大きすぎるんじゃないかと思ったけど、使ってみると大きい方がダンゼン使い勝手が良い。こうやって文章を書いているときに手のひらの親指の腹がタッチしてしまってもそれでフォーカスが失われたりしないのでイライラしなくてすむ。二本指のスクロール初めてつかった（いまさら）けどこれもまたべんりー。

トラックパッドはどの部分でも押すことができるが、ちょっと固い。あんまりしっかり押したくないので、「タップでクリック」を有効にした。右クリックはCtrlキーを押しながらパッドを押せばよいが、それでは使いづらいので「セカンダリータップ」を有効にした。これで日本指で軽くタップするだけで右クリックの代わりになる。次にドラッグ＆ドロップ。トラックパッドを押し下げたまま指を移動させればドラッグ＆ドロップになるが、この操作は慣れない。固めのトラックパッドを押したまま力を込めつつ指を移動させると壊しちゃいそうな感じがしてしまうからだろうか（そんなことでは壊れないだろうけど）。基本的にパッドを押したくないので、「ドラッグ」も有効にした。これで「タンタン」とタップして、２回目のタップで指を離さずに動かせばドラッグになる。ただし、このままだと指を離しただけでドロップになってしまい、移動距離が足りなくて意図しない場所に落としてしまうことがある。これが嫌なので、指を離してもドロップされないようにさらに「ドラッグの維持」を有効にした。

アップルらしいhospitalityが感じられるのがタップなどの実際の操作映像。言葉で説明されるより何倍もわかりやすい。

キーボード

キーは小さすぎるとタイプミスが増えるので、このぐらいがちょうどいい感じ。 CtrlキーがAの左にあるのもまたいい感じ。斜めにキーを押し込んでもひっかかるような違和感はない。一カ所だけ設定を変えたのはファンクションキー。一番上の段のキーは特殊機能とファンクションキーが割り当てられていて、そのまま押すと特殊機能が、fnキーを押しながら押すとファンクションキーが機能する。そのままだと日本語入力中にカタカナ変換しようとF7を押しても変換されない（fnキーを押しながらF7を押せばいいけど面倒）。そんなわけで環境設定からキーボードとマウスを選び、「F1、F2などのすべてのキーを標準のファンクションキーとして使用」を有効にして、fnを押しながら操作したときの動作を逆にした。

ソフトウェア

とりあえず以下のソフトウェアをインストールした。

iWork '08
VMware Fusion 2
Firefox
Opera
Carbon Emacs

設定が必要だったemacsのみちょっと設定を書く。

C-hでバックスペースにならないので、~/.emacs.elに(global-set-key "\C-h" 'delete-backward-char)と書いて保存
C-spaceでコピーを開始しようとするとSpotlightがキーイベントをとってしまうので、環境設定からSpotlightを開いて以下のように設定

やっぱりEmacs書きやすいなぁ。 viは嫌いじゃないけど、日本語が含まれるような文章を書くにはちょっとわずらわしい。

あとやること

まずメモリの増設。アップルストアに行って4GBに増やしてもらう。 iMac G5からのデータ移行はこれから。移行アシスタントを使ってみる。 MacPortsも入れる。

VMware Server上のLinux(CentOS)にHDD追加

2008-10-25T11:51:00.002+09:00

VMware Server上で動かしていたCentOS5のHDD容量が8GBで足りなくなってきたので追加した。

VMware ServerでHDDを追加

まずゲストOSをシャットダウン。 CentOSなのでshutdown -h nowを実行した。終了後以下の手順でHDDを追加。

InventoryからHDDを追加したい仮想マシンを右クリックしてSettingsを選択
HardwareタブのAddボタンをクリック
Welcome to the Add Hardware Wizard: 次へボタンをクリック
Hardware Type: Hard Diskを選択して次へボタンをクリック
Select a Disk: Create a new virtual diskを選択して次へボタンをクリック
Select a Disk Type: この仮想マシンで使用しているHDDと同じタイプを選択して次へボタンをクリック。SCSI (Recommended)
Specify Disk Capacity: Disk size(GB)を好きなサイズに設定する。ディスクに余裕があればAllocate all disk space nowをチェック。 Split disk into 2GB filesはチェックしない。次へボタンをクリック
Specify Disk File: 好きなファイル名を指定。完了ボタンをクリックしてウィザードが終了し、HDDが追加される
Virtual Machine Settings画面のHardwareタブにHard Disk 3 (SCSI 0:2)が追加されているはず（実は２つめ。１回目ではSCSI :0:1が追加される）

Linuxのパーティション設定

仮想マシンを起動すると、以下のようにデバイスファイルが増えていることが分かる。

# cd /dev
# ls -l sd*
brw-r----- 1 root disk 8,  0 10月 25 10:38 sda
brw-r----- 1 root disk 8,  1 10月 25 10:39 sda1
brw-r----- 1 root disk 8,  2 10月 25 10:38 sda2
brw-r----- 1 root disk 8, 16 10月 25 10:38 sdb
brw-r----- 1 root disk 8, 17 10月 25 10:38 sdb1
brw-r----- 1 root disk 8, 32 10月 25 10:38 sdc

SCSI 0:1がsdbに、SCSI 0:2がsdcになっている（らしい）。 fdiskコマンドで中身を見てみると以下のようになっている。（fdisk -lで表示した方がはやいかも）

# fdisk /dev/sda

このディスクのシリンダ数は 1044 に設定されています。
間違いではないのですが、1024 を超えているため、以下の場合
に問題を生じうる事を確認しましょう:
1) ブート時に実行するソフトウェア (例. バージョンが古い LILO)
2) 別の OS のブートやパーティション作成ソフト
   (例. DOS FDISK, OS/2 FDISK)

コマンド (m でヘルプ): p

Disk /dev/sda: 8589 MB, 8589934592 bytes
255 heads, 63 sectors/track, 1044 cylinders
Units = シリンダ数 of 16065 * 512 = 8225280 bytes

デバイス Boot      Start         End      Blocks   Id  System
/dev/sda1   *           1          13      104391   83  Linux
/dev/sda2              14        1044     8281507+  8e  Linux LVM

コマンド (m でヘルプ): q

# fdisk /dev/sdc
デバイスは正常な DOS 領域テーブルも、Sun, SGI や OSF ディスクラベルも
含んでいません
新たに DOS ディスクラベルを作成します。あなたが書き込みを決定するまで、変更は
メモリ内だけに残します。その後はもちろん以前の内容は修復不可能になります。

このディスクのシリンダ数は 1305 に設定されています。
間違いではないのですが、1024 を超えているため、以下の場合
に問題を生じうる事を確認しましょう:
1) ブート時に実行するソフトウェア (例. バージョンが古い LILO)
2) 別の OS のブートやパーティション作成ソフト
   (例. DOS FDISK, OS/2 FDISK)
警告: 領域テーブル 4 の不正なフラグ 0x0000 は w(書き込み)によって
正常になります

コマンド (m でヘルプ): p

Disk /dev/sdc: 10.7 GB, 10737418240 bytes
255 heads, 63 sectors/track, 1305 cylinders
Units = シリンダ数 of 16065 * 512 = 8225280 bytes

デバイス Boot      Start         End      Blocks   Id  System

コマンド (m でヘルプ): q

/dev/sdcのほうはpコマンドで表示してもなにも出てこない。以下のようにしてパーティション設定を行う。

fdisk /dev/sdcを実行
nコマンドで新たに領域を作成
拡張または基本領域を聞かれるのでpをタイプ
領域番号を聞かれるので1をタイプ
最初シリンダ（First cylinder）を聞かれるのでそのままEnter
終点シリンダまたは+サイズ...を聞かれるのでそのままEnter
wコマンドで書き込み、fdiskを終了
（fdisk /dev/sdcを実行してpコマンドで領域を確認）

# fdisk /dev/sdc 
デバイスは正常な DOS 領域テーブルも、Sun, SGI や OSF ディスクラベルも
含んでいません
新たに DOS ディスクラベルを作成します。あなたが書き込みを決定するまで、変更は
メモリ内だけに残します。その後はもちろん以前の内容は修復不可能になります。

このディスクのシリンダ数は 1305 に設定されています。
間違いではないのですが、1024 を超えているため、以下の場合
に問題を生じうる事を確認しましょう:
1) ブート時に実行するソフトウェア (例. バージョンが古い LILO)
2) 別の OS のブートやパーティション作成ソフト
   (例. DOS FDISK, OS/2 FDISK)
警告: 領域テーブル 4 の不正なフラグ 0x0000 は w(書き込み)によって
正常になります

コマンド (m でヘルプ): m[ENTER]
コマンドの動作
   a   ブート可能フラグをつける
   b   bsd ディスクラベルを編集する
   c   dos 互換フラグをつける
   d   領域を削除する
   l   既知の領域タイプをリスト表示する
   m   このメニューを表示する
   n   新たに領域を作成する
   o   新たに空の DOS 領域テーブルを作成する
   p   領域テーブルを表示する
   q   変更を保存せずに終了する
   s   空の Sun ディスクラベルを作成する
   t   領域のシステム ID を変更する
   u   表示/項目ユニットを変更する
   v   領域テーブルを照合する
   w   テーブルをディスクに書き込み、終了する
   x   特別な機能 (エキスパート専用)

コマンド (m でヘルプ): n[ENTER]
コマンドアクション
   e   拡張
   p   基本領域 (1-4)
p[ENTER]
領域番号 (1-4): 1[ENTER]
最初 シリンダ (1-1305, default 1): [ENTER]
Using default value 1
終点 シリンダ または +サイズ または +サイズM または +サイズK (1-1305, default 1305): [ENTER]
Using default value 1305

コマンド (m でヘルプ): w[ENTER]
領域テーブルは交換されました！

ioctl() を呼び出して領域テーブルを再読込みします。
ディスクを同期させます。

# fdisk /dev/sdc

このディスクのシリンダ数は 1305 に設定されています。
間違いではないのですが、1024 を超えているため、以下の場合
に問題を生じうる事を確認しましょう:
1) ブート時に実行するソフトウェア (例. バージョンが古い LILO)
2) 別の OS のブートやパーティション作成ソフト
   (例. DOS FDISK, OS/2 FDISK)

コマンド (m でヘルプ): p

Disk /dev/sdc: 10.7 GB, 10737418240 bytes
255 heads, 63 sectors/track, 1305 cylinders
Units = シリンダ数 of 16065 * 512 = 8225280 bytes

デバイス Boot      Start         End      Blocks   Id  System
/dev/sdc1               1        1305    10482381   83  Linux

コマンド (m でヘルプ): q

フォーマット

パーティションを設定したらディスクのフォーマットを行う。一応現在のファイルシステムを確認。

# df -T
Filesystem    Type   1K-ブロック    使用   使用可 使用% マウント位置
/dev/mapper/VolGroup00-LogVol00
              ext3    15518680  14073940    643668  96% /
/dev/sda1     ext3      101086     16749     79118  18% /boot
tmpfs        tmpfs      127812         0    127812   0% /dev/shm

ext3を使用していることが分かるので、追加するsdcもext3を使用する。 ext3でフォーマットするにはmkfsコマンドかmke2fsコマンドを使うとよい。パラメータには作成されたデバイス/dev/sdc1を指定する。

# mkfs -t ext3 /dev/sdc1
または
# mke2fs -j /dev/sdc1

# mke2fs -j /dev/sdc1
mke2fs 1.39 (29-May-2006)
Filesystem label=
OS type: Linux
Block size=4096 (log=2)
Fragment size=4096 (log=2)
1310720 inodes, 2620595 blocks
131029 blocks (5.00%) reserved for the super user
First data block=0
Maximum filesystem blocks=2684354560
80 block groups
32768 blocks per group, 32768 fragments per group
16384 inodes per group
Superblock backups stored on blocks: 
        32768, 98304, 163840, 229376, 294912, 819200, 884736, 1605632

Writing inode tables: done                            
Creating journal (32768 blocks): done
Writing superblocks and filesystem accounting information: done

This filesystem will be automatically checked every 36 mounts or
180 days, whichever comes first.  Use tune2fs -c or -i to override.

マウント

最後にマウントしてディレクトリとしてアクセスできるように設定。

# cd /mnt/
# mkdir work
# mount /dev/sdc1 /mnt/work/
# df -T
Filesystem    Type   1K-ブロック    使用   使用可 使用% マウント位置
/dev/mapper/VolGroup00-LogVol00
              ext3    15518680  14073960    643648  96% /
/dev/sda1     ext3      101086     16749     79118  18% /boot
tmpfs        tmpfs      127812         0    127812   0% /dev/shm
/dev/sdc1     ext3    10317828    154236   9639476   2% /mnt/work

起動時に自動でマウントするように、/etc/fstabに以下の１行を追記。

/dev/sdc1               /mnt/work               ext3    noatime         0 2

順番に [1番目:マウントするブロックデバイス] [2番目:マウントポイント] [3番目:ファイルシステムの種類] [4番目:マウントオプション] [5番目:ファイルシステムをdumpする必要があるかどうか] [6番目:システム起動時にfsckチェックを行うかどうか] らしい。 5番目は不要なので0を指定。 6番目は0（チェックを行わない）、 1（ルートファイルシステムでチェックを行う）、 2（ルートシステム以外でチェックを行う）となっている。

再起動する。

# shutdown -r now

MacBook購入

2008-10-24T01:08:00.005+09:00

新しいMacBook(mb467)を購入した！

遡ること４年ほど前、先輩にすすめられて初めて買ったMacはiMac G5だった。Black Eyed Peasが紹介ムービーに出ていて、Let's get startedという曲のPVもカッコよかった。ディスプレイと本体が一緒になっている合理的なデザインがすごく新しいものに見えた。

実際それはカッコよかったし、当時としては満足いく速度で動作していた。が、最近はブラウザの起動でさえファンがうなり声をあげ、熱気を出すようになった。ウェブアプリ開発者としてはウェブサーバとDBとEclipseのような統合開発環境ぐらいは同時に起動したいのだが、それも難しい。次はかさばらないMacBookを買おうと心に決め、モデルチェンジを待っていたというわけだ。

今回購入したMacBookの構成は以下。

MacBook 13インチアルミニウム
- 製品番号: Z0FV
- 2.4GHz Intel Core 2 Duo
- 4GB 1066MHz DDR3 SDRAM - 2x2GB
- 250GBシリアルATAドライブ@ 5400 rpm
- SuperDrive 8x (DVD±R DL/DVD±RW/CD-RW)
- バックライトキーボード (JIS) + 製品マニュアル
- iWork '08（プリインストール）
AppleCare Protection Plan for MacBook Air/MacBook
MobileMe
VMware Fusion 2.0 for Mac

メモリを2GBから4GBに増やして、VMware Fusionを購入。残念ながら今日はメモリを4GBに増設できないので後日アップルストアを再訪問することになったけど、親切に対応してくれたショップのお姉さんに感謝。

ニヤニヤしながら撮った写真はこちら。

いまアプリケーションなどをインストールしながら触ってみた感じでは、トラックパッドの感じが非常によい。ただし個人的にはちょっと設定の変更は必要。キートップの沈み方も違和感がなく、キーが小さすぎないのがうれしい。細かい点はまた次回。

PHPの終了タグより後にある空白を削除する

2008-10-21T13:30:00.001+09:00

PHPでは<?phpから?>までがPHPスクリプトとして処理され、この開始・終了タグに含まれない部分はそのまま出力される。このとき?>より後に余分な改行や空白があるとそれが出力されてしまい、処理がおかしくなる場合（特にファイルダウンロード処理など）がある。別に?>はなくても正しく動くので取ってしまえばいいのだけど、大がかりに変更を入れるのも好ましくない。そんなわけで余計な空白のあるファイルのみ探して手動で変更することにした。

以下のようなperlスクリプトを作成した。

#!/usr/bin/perl
# 終了タグ「?>」の後に空白または改行が余計に挿入されていないかチェックする

use strict;
use warnings;

# 検索ディレクトリ
my $base_dir = "/path/to/dir";

# 対象となるディレクトリから拡張子が.phpのファイルをすべて取得
open(FIND, "find $base_dir -name '*.php' |");

while (<FIND>)
{
    # それぞれの.phpファイルに対して「?>」からファイル末尾までをsedコマンドで取得
    open(SED, "sed -n '/?>/,/^END/p' $_ |");
    my @result = <SED>;

    # sedで取得した結果の行数が0以外の場合は余計な文字が入っていると判断できる
    if ($#result != 0)
    {
        # ファイル名表示
        print $#result,"\t",$_;
    }
}

キモはsed。grepでは改行を含んだ検索ができないが、 sed -n '/AAA/,/BBB/p'でAAAからBBBまでの範囲を取得できる。

HDDのローレベルフォーマットに挑戦

2008-09-30T19:22:00.001+09:00

古いPCを破棄する前にHDDをきれいにしようという試み。参照したのは以下。

まず日立グローバルストレージテクノロジーズにアクセスして、サポート＞ダウンロードからDrive Fitness TestのCD imageをダウンロード。 DeepBurnerを使ってISOファイルをCDに書き込みしようとしたが失敗したので（なんで？）、 Mac OS XのディスクユーティリティからISOファイルをCDに書き込み。

削除するPCをCDからブートできるようにBIOS設定してCD入れて起動。 UtilitiesのErase Diskを実行したが、このHDDは対応していないみたいなメッセージが出て削除できず...orz

しばしの脱力感の後、今度はSeagate TechnologyのDiscWizardに挑戦。サイトからインストーラをダウンロードし、まずWindows PCにインストール。（要PC再起動）正しくインストールされたらSeagate DiscWizardを起動し、ツールのブータブルメディアの作成を選択。手順に従ってCD-Rを作成する。

ブータブルメディア（CD-R）ができたら再度削除するPCをCDからブートし、無事にHDDの削除を実行。せっかく作ったメディアは二つとも保存しておこう。

シェルのループ

2008-09-19T11:48:00.003+09:00

シェルの配列使うなんて何年ぶりだ...大学３年のときぶりぐらいかも。

#!/bin/sh

# 配列
list=(Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec)

for i in "${list[@]}"; do
        echo $i
done

${list[@]}のところは１週間後に思い出す自信がないなぁ。

Macでカーオーディオ用のMP3ディスクを作る（スクリプト）

2008-09-09T08:20:00.004+09:00

ファイル名の文字コードも変更しないとなーと思って作ったPerlスクリプト。結局ファイル名の文字コード変更処理がうまくいかなかったのだけど、久しぶりにまとまった量のPerlを書いていい勉強になったので晒しておく。

#!/usr/bin/perl

use strict;
use warnings;

use utf8;
use Encode;
use Encode::Guess;
use Unicode::Normalize;

# requires one parameter(target directory)
die("Usage: perl ./convert_filename.pl [directory]\n") if $#ARGV != 0;
die("Usage: perl ./convert_filename.pl [directory]\n") unless -d $ARGV[0];

# begin preview
&convert_filename_recursive($ARGV[0], 0);

# dialog
while (1)
{
        print "Convert? [Y/N]: ";

        my $yesno = <STDIN>;
        chomp($yesno);

        if ($yesno eq 'Y')
        {
                &convert_filename_recursive($ARGV[0], 1);
                exit;
        }
        elsif ($yesno eq 'N')
        {
                exit;
        }
        else
        {
                print "Invalid Input.\n";
                next;
        }
}

sub convert_filename_recursive {
        my $dir = $_[0];
        my $execute_flag = $_[1];

        if (!(-d $dir)) {
                return;
        }

        # open directory
        opendir(DIR, $dir);
        my @file_list = readdir(DIR);
        closedir(DIR);

        foreach (@file_list)
        {
                # skip [.], [..] and hidden files
                next if /^\./;

                my $filepath = Encode::decode("utf-8", $dir . "/" . $_);
                my $filename = Encode::decode("utf-8", $_);
                $filepath = Unicode::Normalize::NFC($filepath);
                $filename = Unicode::Normalize::NFC($filename);

                # printf "%s\n", Encode::encode("utf-8", $filepath);

                # process recursively if $_ is directory
                if (-d $dir . "/" . $_)
                {
                        &convert_filename_recursive($dir . "/" . $_, $execute_flag);
                }

                if ($execute_flag)
                {
                        chdir($dir);

                        system "/bin/mv", $_, Encode::encode("SJIS", $filename);//error
                        my $result = $? >> 8;
                        printf("rename...%s: %s\n", $result ? "o" : "x" , Encode::encode("utf-8", $filepath));
                }
                else
                {
                        printf("%s\n", Encode::encode("utf-8", $filepath));
                }
        }
}

OperaからGoogle Bookmarksにブックマークを追加するBookmarklet

2008-09-08T13:49:00.002+09:00

ブックマークはすべてGoogle Bookmarksにまとめてしまいたいけど、 Operaに対応したGoogleツールバーがないからURLをコピーしてFirefoxに貼り付... なんて非SE的な。 Opera用のBookmarklet書きました。

まず新規ブックマークを作成。「名前」には「Googleブックマークに追加」とでも書いておく。保存先やパーソナルバーに表示する・しないは自由に。「アドレス」には以下を指定。

javascript:var _e=encodeURIComponent;location.href='http://www.google.com/bookmarks/mark?op=add&hl=ja&bkmk='+_e(location.href)+'&title='+_e(document.title);

「http://www.google.com/bookmarks/mark」というアドレスにオプションをつけると自動的にフィールドに値を入れた状態で画面が開くらしい。 op=addは追加のオペレーションの意だ、きっと。 bkmkはブックマークするURLかな？ titleがページのタイトルっぽい。それぞれエンコードして渡しているだけ。 Googleのどこかのサイトにはログインしていることが必要。なんか３分クッキングみたいで楽しい。

Macでカーオーディオ用のMP3ディスクを作る

2008-09-06T21:01:00.002+09:00

トヨタ純正DVDナビゲーション「ND3T-W55」で聞くことのできるMP3のディスクをMac OS X 10.3（泣）で作るテスト。オーディオ取り扱い説明書P.76付近を参照して対応している規格などを確認。

オーディオの規格

○再生可能なMP3ファイルの規格について

対応規格：MPEG Audio レイヤ３（=MPEG1 Audio Layer III）
サンプリング周波数（kHz）：44.1、48
固定ビットレート（kbps）：64〜320
　※フリーフォーマットには対応していません。
　※MPEG1,2でビットレートが異なります。
対応チャンネルモード：ステレオ、モノラル、デュアル、ジョイント

○ID3タグ／WMAタグについて

本機はID3v.1.0、ID3v1.1のID3タグに対応しています。
（Ver 2.xには対応していません）
日本語に対応していますが、文字コードはシフトJISで書き込んでください。
それ以外の文字コードで書き込むと文字化けすることがあります。

（WMAタグは省略）

ほかにはファイルフォーマットはROMEOまたはJOLIET形式を使えとのこと。はいはいー。

iTunesで音楽ファイルを作成する

市販の音楽CDから取り込む場合は、iTunesの環境設定＞詳細＞読み込みの読み込み方法で「MP3エンコーダ」を選択してから読み込み。すでに取り込んであるファイルをMP3に変換するには、エンコーダを同じくMP3エンコーダに設定した状態でファイルを右クリックして「選択項目をMP3に変換」する。設定を変更しなければビットレートは160kbpsになっているので、ビットレートはいじらなくてもよい。ただしID3タグのバージョンが2.2なのでこれは変更の必要あり。しかしiTunesではID3タグ情報を変更せず、別のツーツを使用する。

ID3TagEditでID3タグ情報を変更する

まずID3TagEdit 2.0をダウンロード。解凍して起動してもウィンドウは開かないので、メニューからFile＞Newを選択。空のウィンドウが開くので、ここにMP3ファイルをフォルダごとドラッグ＆ドロップ。ただし、MP3ファイルは上書きされるので、iTunesの音楽が格納されているフォルダのファイルをそのまま突っ込まずにコピーしたものを用いた方がよい。（iTunesのファイルをコピーせずそのまま上書きしたらiTunesで正しく読めなくなった）

フォルダをドラッグ＆ドロップするとファイルの一覧が表示される。 Ctrl-Aですべてのファイルに対して設定を行うダイアログを表示して、 Tag Versionをv1.1に、Target EncodingをShift_JISに変更する。正しく変更したらFile＞Saveで変更を保存する。

と、ここまでの手順でCD6枚分のMP3をアルバムごとフォルダに分けてそのままCDに焼いたところ、問題なく再生できた。ファイル名をShift_JISに変えていないにもかかわらず、ファイル名も化けていない。うーんいいのかなー。

はしご高（髙）や立ち崎（﨑）をJIS基本漢字（JIS X 0208）に変換するマップ作成の手順

2008-09-05T13:19:00.002+09:00

以下黙々と手順のみ列挙。正確な内容ではありませんよう。

文字コード表の入手

「文字コード超研究」という書籍のサポートページから文字コード表をダウンロード。 wincode2.zipを解凍する。wincode2.txt（文字コードはSJIS）が出てくる。

変換が必要な区のピックアップ

wincode2.txtからWindowsの機種依存文字を参考にして機種依存する文字をピックアップ。例えば13区、89区、90区、91区、92区、115区、116区、117区、118区、119区。この区に該当する行のみを残し、別ファイルとして保存（special_chars.txtとする）

マップ作成

そもそも今回の目的は、mbstring.internal_encodingがUTF-8の環境で携帯向けにSJIS-winに文字コードを変えて出力した場合、機種依存文字も正しく変換されるんだけど、携帯自体が機種依存文字扱えない、という現象への対処。 SJIS-winに変換されたあとに文字を置き換えてもいいけど、できればソースコード自体はUTF-8で記述したいので、 special_chars.txtはUTF-8で保存しておいて、UTF-8→SJIS変換前に処理を行うためのPHPコードを作ろうと思う。（文字コードの変換にはサクラエディタを使った）

special_chars.txtのデータを元にPHPの配列を生成。

<?php
$line_list = file("special_chars.txt");

print("\$map = array(\n");

foreach ($line_list as $line)
{
    $items = preg_split('/\s+/', $line);
   
    if (7 < count($items) && $items[6] != "・")
    {
        printf("\t'%s' => '%s',\n", $items[6], "□");
    }
}

print(");\n");

変換後の文字はとりあえず全部「□」で統一。後は手動で変換後の文字を入れ込んでいく、と。（とりあえず13区全部と、名前でよく使用される機種依存文字、よく使う外字などのみを入れてみた）変換マップと実行サンプルは以下のような感じ。

<?php
$map = array(
    //13区
    '①' => '１',
    '②' => '２',
    '③' => '３',
    '④' => '４',
    '⑤' => '５',
    '⑥' => '６',
    '⑦' => '７',
    '⑧' => '８',
    '⑨' => '９',
    '⑩' => '10',
    '⑪' => '11',
    '⑫' => '12',
    '⑬' => '13',
    '⑭' => '14',
    '⑮' => '15',
    '⑯' => '16',
    '⑰' => '17',
    '⑱' => '18',
    '⑲' => '19',
    '⑳' => '20',
    'Ⅰ' => 'I',
    'Ⅱ' => 'II',
    'Ⅲ' => 'III',
    'Ⅳ' => 'IV',
    'Ⅴ' => 'V',
    'Ⅵ' => 'VI',
    'Ⅶ' => 'VII',
    'Ⅷ' => 'VIII',
    'Ⅸ' => 'IX',
    'Ⅹ' => 'X',
    '㍉' => 'ミリ',
    '㌔' => 'キロ',
    '㌢' => 'センチ',
    '㍍' => 'メートル',
    '㌘' => 'グラム',
    '㌧' => 'トン',
    '㌃' => 'アール',
    '㌶' => 'ヘクタール',
    '㍑' => 'リットル',
    '㍗' => 'ワット',
    '㌍' => 'カロリー',
    '㌦' => 'ドル',
    '㌣' => 'セント',
    '㌫' => 'パーセント',
    '㍊' => 'ミリバール',
    '㌻' => 'ページ',
    '㎜' => 'mm',
    '㎝' => 'cm',
    '㎞' => 'km',
    '㎎' => 'mg',
    '㎏' => 'kg',
    '㏄' => 'cc',
    '㎡' => 'm2',
    '㍻' => '平成',
    '〝' => '"',
    '〟' => '"',
    '№' => 'No.',
    '㏍' => 'KK',
    '℡' => 'TEL',
    '㊤' => '上',
    '㊥' => '中',
    '㊦' => '下',
    '㊧' => '左',
    '㊨' => '右',
    '㈱' => '(株)',
    '㈲' => '(有)',
    '㈹' => '(代)',
    '㍾' => '明治',
    '㍽' => '大正',
    '㍼' => '昭和',
    '≒' => '□',
    '≡' => '□',
    '∫' => '□',
    '∮' => '□',
    '∑' => '□',
    '√' => '□',
    '⊥' => '□',
    '∠' => '□',
    '∟' => '□',
    '⊿' => '□',
    '∵' => '□',
    '∩' => '□',
    '∪' => '□',
   
    //89区
    '纊' => '□',
    '褜' => '□',
    '鍈' => '□',
    '銈' => '□',
    '蓜' => '□',
    '俉' => '□',
    '炻' => '□',
    '昱' => '□',
    '棈' => '□',
    '鋹' => '□',
    '曻' => '□',
    '彅' => '□',
    '丨' => '□',
    '仡' => '□',
    '仼' => '□',
    '伀' => '□',
    '伃' => '□',
    '伹' => '□',
    '佖' => '□',
    '侒' => '□',
    '侊' => '□',
    '侚' => '□',
    '侔' => '□',
    '俍' => '□',
    '偀' => '□',
    '倢' => '□',
    '俿' => '□',
    '倞' => '□',
    '偆' => '□',
    '偰' => '□',
    '偂' => '□',
    '傔' => '□',
    '僴' => '□',
    '僘' => '□',
    '兊' => '□',
    '兤' => '□',
    '冝' => '□',
    '冾' => '□',
    '凬' => '□',
    '刕' => '□',
    '劜' => '□',
    '劦' => '□',
    '勀' => '□',
    '勛' => '□',
    '匀' => '□',
    '匇' => '□',
    '匤' => '□',
    '卲' => '□',
    '厓' => '□',
    '厲' => '□',
    '叝' => '□',
    '﨎' => '□',
    '咜' => '□',
    '咊' => '□',
    '咩' => '□',
    '哿' => '□',
    '喆' => '□',
    '坙' => '□',
    '坥' => '□',
    '垬' => '□',
    '埈' => '□',
    '埇' => '□',
    '﨏' => '□',
    '塚' => '□',
    '增' => '□',
    '墲' => '□',
    '夋' => '□',
    '奓' => '□',
    '奛' => '□',
    '奝' => '□',
    '奣' => '□',
    '妤' => '□',
    '妺' => '□',
    '孖' => '□',
    '寀' => '□',
    '甯' => '□',
    '寘' => '□',
    '寬' => '□',
    '尞' => '□',
    '岦' => '□',
    '岺' => '□',
    '峵' => '□',
    '崧' => '□',
    '嵓' => '□',
    '﨑' => '崎',
    '嵂' => '□',
    '嵭' => '□',
    '嶸' => '□',
    '嶹' => '□',
    '巐' => '□',
    '弡' => '□',
    '弴' => '□',
    '彧' => '□',
    '德' => '□',
   
    //90区
    '忞' => '□',
    '恝' => '□',
    '悅' => '□',
    '悊' => '□',
    '惞' => '□',
    '惕' => '□',
    '愠' => '□',
    '惲' => '□',
    '愑' => '□',
    '愷' => '□',
    '愰' => '□',
    '憘' => '□',
    '戓' => '□',
    '抦' => '□',
    '揵' => '□',
    '摠' => '□',
    '撝' => '□',
    '擎' => '□',
    '敎' => '□',
    '昀' => '□',
    '昕' => '□',
    '昻' => '□',
    '昉' => '□',
    '昮' => '□',
    '昞' => '□',
    '昤' => '□',
    '晥' => '□',
    '晗' => '□',
    '晙' => '□',
    '晴' => '□',
    '晳' => '□',
    '暙' => '□',
    '暠' => '□',
    '暲' => '□',
    '暿' => '□',
    '曺' => '□',
    '朎' => '□',
    '朗' => '□',
    '杦' => '□',
    '枻' => '□',
    '桒' => '□',
    '柀' => '□',
    '栁' => '□',
    '桄' => '□',
    '棏' => '□',
    '﨓' => '□',
    '楨' => '□',
    '﨔' => '□',
    '榘' => '□',
    '槢' => '□',
    '樰' => '□',
    '橫' => '□',
    '橆' => '□',
    '橳' => '□',
    '橾' => '□',
    '櫢' => '□',
    '櫤' => '□',
    '毖' => '□',
    '氿' => '□',
    '汜' => '□',
    '沆' => '□',
    '汯' => '□',
    '泚' => '□',
    '洄' => '□',
    '涇' => '□',
    '浯' => '□',
    '涖' => '□',
    '涬' => '□',
    '淏' => '□',
    '淸' => '□',
    '淲' => '□',
    '淼' => '□',
    '渹' => '□',
    '湜' => '□',
    '渧' => '□',
    '渼' => '□',
    '溿' => '□',
    '澈' => '□',
    '澵' => '□',
    '濵' => '□',
    '瀅' => '□',
    '瀇' => '□',
    '瀨' => '□',
    '炅' => '□',
    '炫' => '□',
    '焏' => '□',
    '焄' => '□',
    '煜' => '□',
    '煆' => '□',
    '煇' => '□',
    '凞' => '□',
    '燁' => '□',
    '燾' => '□',
    '犱' => '□',
   
    //91区
    '犾' => '□',
    '猤' => '□',
    '猪' => '□',
    '獷' => '□',
    '玽' => '□',
    '珉' => '□',
    '珖' => '□',
    '珣' => '□',
    '珒' => '□',
    '琇' => '□',
    '珵' => '□',
    '琦' => '□',
    '琪' => '□',
    '琩' => '□',
    '琮' => '□',
    '瑢' => '□',
    '璉' => '□',
    '璟' => '□',
    '甁' => '□',
    '畯' => '□',
    '皂' => '□',
    '皜' => '□',
    '皞' => '□',
    '皛' => '□',
    '皦' => '□',
    '益' => '□',
    '睆' => '□',
    '劯' => '□',
    '砡' => '□',
    '硎' => '□',
    '硤' => '□',
    '硺' => '□',
    '礰' => '□',
    '礼' => '□',
    '神' => '□',
    '祥' => '□',
    '禔' => '□',
    '福' => '□',
    '禛' => '□',
    '竑' => '□',
    '竧' => '□',
    '靖' => '□',
    '竫' => '□',
    '箞' => '□',
    '精' => '□',
    '絈' => '□',
    '絜' => '□',
    '綷' => '□',
    '綠' => '□',
    '緖' => '□',
    '繒' => '□',
    '罇' => '□',
    '羡' => '□',
    '羽' => '□',
    '茁' => '□',
    '荢' => '□',
    '荿' => '□',
    '菇' => '□',
    '菶' => '□',
    '葈' => '□',
    '蒴' => '□',
    '蕓' => '□',
    '蕙' => '□',
    '蕫' => '□',
    '﨟' => '□',
    '薰' => '□',
    '蘒' => '□',
    '﨡' => '□',
    '蠇' => '□',
    '裵' => '□',
    '訒' => '□',
    '訷' => '□',
    '詹' => '□',
    '誧' => '□',
    '誾' => '□',
    '諟' => '□',
    '諸' => '□',
    '諶' => '□',
    '譓' => '□',
    '譿' => '□',
    '賰' => '□',
    '賴' => '□',
    '贒' => '□',
    '赶' => '□',
    '﨣' => '□',
    '軏' => '□',
    '﨤' => '□',
    '逸' => '□',
    '遧' => '□',
    '郞' => '□',
    '都' => '□',
    '鄕' => '□',
    '鄧' => '□',
    '釚' => '□',
   
    //92区
    '釗' => '□',
    '釞' => '□',
    '釭' => '□',
    '釮' => '□',
    '釤' => '□',
    '釥' => '□',
    '鈆' => '□',
    '鈐' => '□',
    '鈊' => '□',
    '鈺' => '□',
    '鉀' => '□',
    '鈼' => '□',
    '鉎' => '□',
    '鉙' => '□',
    '鉑' => '□',
    '鈹' => '□',
    '鉧' => '□',
    '銧' => '□',
    '鉷' => '□',
    '鉸' => '□',
    '鋧' => '□',
    '鋗' => '□',
    '鋙' => '□',
    '鋐' => '□',
    '﨧' => '□',
    '鋕' => '□',
    '鋠' => '□',
    '鋓' => '□',
    '錥' => '□',
    '錡' => '□',
    '鋻' => '□',
    '﨨' => '□',
    '錞' => '□',
    '鋿' => '□',
    '錝' => '□',
    '錂' => '□',
    '鍰' => '□',
    '鍗' => '□',
    '鎤' => '□',
    '鏆' => '□',
    '鏞' => '□',
    '鏸' => '□',
    '鐱' => '□',
    '鑅' => '□',
    '鑈' => '□',
    '閒' => '□',
    '隆' => '□',
    '﨩' => '□',
    '隝' => '□',
    '隯' => '□',
    '霳' => '□',
    '霻' => '□',
    '靃' => '□',
    '靍' => '□',
    '靏' => '□',
    '靑' => '□',
    '靕' => '□',
    '顗' => '□',
    '顥' => '□',
    '飯' => '□',
    '飼' => '□',
    '餧' => '□',
    '館' => '□',
    '馞' => '□',
    '驎' => '□',
    '髙' => '高',
    '髜' => '□',
    '魵' => '□',
    '魲' => '□',
    '鮏' => '□',
    '鮱' => '□',
    '鮻' => '□',
    '鰀' => '□',
    '鵰' => '□',
    '鵫' => '□',
    '鶴' => '□',
    '鸙' => '□',
    '黑' => '□',
    'ⅰ' => 'i',
    'ⅱ' => 'ii',
    'ⅲ' => 'iii',
    'ⅳ' => 'iv',
    'ⅴ' => 'v',
    'ⅵ' => 'vi',
    'ⅶ' => 'vii',
    'ⅷ' => 'viii',
    'ⅸ' => 'ix',
    'ⅹ' => 'x',
    '￢' => '□',
    '￤' => '□',
    '＇' => '□',
    '＂' => '□',
   
    //115区
    'ⅰ' => 'i',
    'ⅱ' => 'ii',
    'ⅲ' => 'iii',
    'ⅳ' => 'iv',
    'ⅴ' => 'v',
    'ⅵ' => 'vi',
    'ⅶ' => 'vii',
    'ⅷ' => 'viii',
    'ⅸ' => 'ix',
    'ⅹ' => 'x',
    'Ⅰ' => 'I',
    'Ⅱ' => 'II',
    'Ⅲ' => 'III',
    'Ⅳ' => 'IV',
    'Ⅴ' => 'V',
    'Ⅵ' => 'VI',
    'Ⅶ' => 'VII',
    'Ⅷ' => 'VIII',
    'Ⅸ' => 'IX',
    'Ⅹ' => 'X',
    '￢' => '□',
    '￤' => '□',
    '＇' => '□',
    '＂' => '□',
    '㈱' => '(株)',
    '№' => 'No.',
    '℡' => 'TEL',
    '∵' => '□',
    '纊' => '□',
    '褜' => '□',
    '鍈' => '□',
    '銈' => '□',
    '蓜' => '□',
    '俉' => '□',
    '炻' => '□',
    '昱' => '□',
    '棈' => '□',
    '鋹' => '□',
    '曻' => '□',
    '彅' => '□',
    '丨' => '□',
    '仡' => '□',
    '仼' => '□',
    '伀' => '□',
    '伃' => '□',
    '伹' => '□',
    '佖' => '□',
    '侒' => '□',
    '侊' => '□',
    '侚' => '□',
    '侔' => '□',
    '俍' => '□',
    '偀' => '□',
    '倢' => '□',
    '俿' => '□',
    '倞' => '□',
    '偆' => '□',
    '偰' => '□',
    '偂' => '□',
    '傔' => '□',
    '僴' => '□',
    '僘' => '□',
    '兊' => '□',
    '兤' => '□',
    '冝' => '□',
    '冾' => '□',
    '凬' => '□',
    '刕' => '□',
    '劜' => '□',
    '劦' => '□',
    '勀' => '□',
    '勛' => '□',
    '匀' => '□',
    '匇' => '□',
    '匤' => '□',
    '卲' => '□',
    '厓' => '□',
    '厲' => '□',
    '叝' => '□',
    '﨎' => '□',
    '咜' => '□',
    '咊' => '□',
    '咩' => '□',
    '哿' => '□',
    '喆' => '□',
    '坙' => '□',
    '坥' => '□',
    '垬' => '□',
    '埈' => '□',
    '埇' => '□',
    '﨏' => '□',
    '塚' => '□',
    '增' => '□',
    '墲' => '□',
   
    //116区
    '夋' => '□',
    '奓' => '□',
    '奛' => '□',
    '奝' => '□',
    '奣' => '□',
    '妤' => '□',
    '妺' => '□',
    '孖' => '□',
    '寀' => '□',
    '甯' => '□',
    '寘' => '□',
    '寬' => '□',
    '尞' => '□',
    '岦' => '□',
    '岺' => '□',
    '峵' => '□',
    '崧' => '□',
    '嵓' => '□',
    '﨑' => '崎',
    '嵂' => '□',
    '嵭' => '□',
    '嶸' => '□',
    '嶹' => '□',
    '巐' => '□',
    '弡' => '□',
    '弴' => '□',
    '彧' => '□',
    '德' => '□',
    '忞' => '□',
    '恝' => '□',
    '悅' => '□',
    '悊' => '□',
    '惞' => '□',
    '惕' => '□',
    '愠' => '□',
    '惲' => '□',
    '愑' => '□',
    '愷' => '□',
    '愰' => '□',
    '憘' => '□',
    '戓' => '□',
    '抦' => '□',
    '揵' => '□',
    '摠' => '□',
    '撝' => '□',
    '擎' => '□',
    '敎' => '□',
    '昀' => '□',
    '昕' => '□',
    '昻' => '□',
    '昉' => '□',
    '昮' => '□',
    '昞' => '□',
    '昤' => '□',
    '晥' => '□',
    '晗' => '□',
    '晙' => '□',
    '晴' => '□',
    '晳' => '□',
    '暙' => '□',
    '暠' => '□',
    '暲' => '□',
    '暿' => '□',
    '曺' => '□',
    '朎' => '□',
    '朗' => '□',
    '杦' => '□',
    '枻' => '□',
    '桒' => '□',
    '柀' => '□',
    '栁' => '□',
    '桄' => '□',
    '棏' => '□',
    '﨓' => '□',
    '楨' => '□',
    '﨔' => '□',
    '榘' => '□',
    '槢' => '□',
    '樰' => '□',
    '橫' => '□',
    '橆' => '□',
    '橳' => '□',
    '橾' => '□',
    '櫢' => '□',
    '櫤' => '□',
    '毖' => '□',
    '氿' => '□',
    '汜' => '□',
    '沆' => '□',
    '汯' => '□',
    '泚' => '□',
    '洄' => '□',
    '涇' => '□',
    '浯' => '□',
   
    //117区
    '涖' => '□',
    '涬' => '□',
    '淏' => '□',
    '淸' => '□',
    '淲' => '□',
    '淼' => '□',
    '渹' => '□',
    '湜' => '□',
    '渧' => '□',
    '渼' => '□',
    '溿' => '□',
    '澈' => '□',
    '澵' => '□',
    '濵' => '□',
    '瀅' => '□',
    '瀇' => '□',
    '瀨' => '□',
    '炅' => '□',
    '炫' => '□',
    '焏' => '□',
    '焄' => '□',
    '煜' => '□',
    '煆' => '□',
    '煇' => '□',
    '凞' => '□',
    '燁' => '□',
    '燾' => '□',
    '犱' => '□',
    '犾' => '□',
    '猤' => '□',
    '猪' => '□',
    '獷' => '□',
    '玽' => '□',
    '珉' => '□',
    '珖' => '□',
    '珣' => '□',
    '珒' => '□',
    '琇' => '□',
    '珵' => '□',
    '琦' => '□',
    '琪' => '□',
    '琩' => '□',
    '琮' => '□',
    '瑢' => '□',
    '璉' => '□',
    '璟' => '□',
    '甁' => '□',
    '畯' => '□',
    '皂' => '□',
    '皜' => '□',
    '皞' => '□',
    '皛' => '□',
    '皦' => '□',
    '益' => '□',
    '睆' => '□',
    '劯' => '□',
    '砡' => '□',
    '硎' => '□',
    '硤' => '□',
    '硺' => '□',
    '礰' => '□',
    '礼' => '□',
    '神' => '□',
    '祥' => '□',
    '禔' => '□',
    '福' => '□',
    '禛' => '□',
    '竑' => '□',
    '竧' => '□',
    '靖' => '□',
    '竫' => '□',
    '箞' => '□',
    '精' => '□',
    '絈' => '□',
    '絜' => '□',
    '綷' => '□',
    '綠' => '□',
    '緖' => '□',
    '繒' => '□',
    '罇' => '□',
    '羡' => '□',
    '羽' => '□',
    '茁' => '□',
    '荢' => '□',
    '荿' => '□',
    '菇' => '□',
    '菶' => '□',
    '葈' => '□',
    '蒴' => '□',
    '蕓' => '□',
    '蕙' => '□',
    '蕫' => '□',
    '﨟' => '□',
    '薰' => '□',
   
    //118区
    '蘒' => '□',
    '﨡' => '□',
    '蠇' => '□',
    '裵' => '□',
    '訒' => '□',
    '訷' => '□',
    '詹' => '□',
    '誧' => '□',
    '誾' => '□',
    '諟' => '□',
    '諸' => '□',
    '諶' => '□',
    '譓' => '□',
    '譿' => '□',
    '賰' => '□',
    '賴' => '□',
    '贒' => '□',
    '赶' => '□',
    '﨣' => '□',
    '軏' => '□',
    '﨤' => '□',
    '逸' => '□',
    '遧' => '□',
    '郞' => '□',
    '都' => '□',
    '鄕' => '□',
    '鄧' => '□',
    '釚' => '□',
    '釗' => '□',
    '釞' => '□',
    '釭' => '□',
    '釮' => '□',
    '釤' => '□',
    '釥' => '□',
    '鈆' => '□',
    '鈐' => '□',
    '鈊' => '□',
    '鈺' => '□',
    '鉀' => '□',
    '鈼' => '□',
    '鉎' => '□',
    '鉙' => '□',
    '鉑' => '□',
    '鈹' => '□',
    '鉧' => '□',
    '銧' => '□',
    '鉷' => '□',
    '鉸' => '□',
    '鋧' => '□',
    '鋗' => '□',
    '鋙' => '□',
    '鋐' => '□',
    '﨧' => '□',
    '鋕' => '□',
    '鋠' => '□',
    '鋓' => '□',
    '錥' => '□',
    '錡' => '□',
    '鋻' => '□',
    '﨨' => '□',
    '錞' => '□',
    '鋿' => '□',
    '錝' => '□',
    '錂' => '□',
    '鍰' => '□',
    '鍗' => '□',
    '鎤' => '□',
    '鏆' => '□',
    '鏞' => '□',
    '鏸' => '□',
    '鐱' => '□',
    '鑅' => '□',
    '鑈' => '□',
    '閒' => '□',
    '隆' => '□',
    '﨩' => '□',
    '隝' => '□',
    '隯' => '□',
    '霳' => '□',
    '霻' => '□',
    '靃' => '□',
    '靍' => '□',
    '靏' => '□',
    '靑' => '□',
    '靕' => '□',
    '顗' => '□',
    '顥' => '□',
    '飯' => '□',
    '飼' => '□',
    '餧' => '□',
    '館' => '□',
    '馞' => '□',
    '驎' => '□',
    '髙' => '高',
   
    //119区
    '髜' => '□',
    '魵' => '□',
    '魲' => '□',
    '鮏' => '□',
    '鮱' => '□',
    '鮻' => '□',
    '鰀' => '□',
    '鵰' => '□',
    '鵫' => '□',
    '鶴' => '□',
    '鸙' => '□',
    '黑' => '□',
);

header("Content-Type: text/plain; charset=utf-8");

$str = "その①：髙島屋に行った㈱ヤマザキヤマザキの山﨑さん。";
$str = strtr($str, $map);
var_dump($str);

よさげ。strtr関数はマルチバイトでも問題なく動くみたい。ループで処理しなくて済むのでスマート。こんなライブラリきっとあるだろうに...

Internet Explorer 8 Beta 2その後

2008-09-05T13:17:00.001+09:00

しかもWindowsUpdateができなくなりました。なんじゃそりゃ....

Google Chrome試そう。

Internet Explorer 8 Beta 2をインストールしてみて分かったこと

2008-08-29T13:16:00.002+09:00

Internet Explorer 8をインストールしたレポートがブログでいくつか出てきたし、ニュースサイトでも紹介されてるし、入れてみたんだけど、みんなもっと大事なことを書いてくれよ。 「Internet Explorer 7に上書きされます」って。戻すのもめんどくさいから、ウェブアプリの動作確認VMware上のIE7でやるけどね。

日付にまつわるエトセトラ

2008-08-13T18:37:00.002+09:00

PHPとPostgreSQLとJavaScriptで日付をやりとりしていると結構混乱することがある。最近日付に関係することで覚えておいて損はないなというのが何個か出てきたのでメモ。

PHPで「+1 day」のような日付の計算をする

PostgreSQLだと以下のような計算ができて結構便利だったりする。月の始めや末日では単純に日の加減演算をしても前日・翌日が取得できないので、前日と翌日を取得するような場面で重宝する。

> SELECT now() + '1 day';
          ?column?           
-------------------------------
2008-08-14 15:38:08.109599+09
(1 row)

この日付のプラス・マイナスの演算がPHPではできないと思っていたらstrtotimeを使えばできたらしい。

$time = time();

//かっこ悪い例
$new_time = mktime(date('H', $time), date('i', $time), date('s', $time), date('m', $time), date('d', $time) + 1, date('Y', $time));
var_dump(date('Y-m-d H:i:s', $new_time));

//スマートな例
$new_time = strtotime("+1 day", $time);
var_dump(date('Y-m-d H:i:s', $new_time));

PostgreSQLでRFC 2822形式の日付を出力する

PHPだとdate('r')で簡単にRFC 2822形式の日付を出力できるけど、PostgreSQLのto_charにはそんな気の利いたものはない。 PostgreSQLで出力する場合は以下のようにちょっと長いパラメータをto_charに指定することになる。

> SELECT to_char(now(), 'Dy, DD Mon YYYY HH24:MI:SS TZ');
           to_char           
-------------------------------
Wed, 13 Aug 2008 15:54:35 JST
(1 row)

ちなみにPHPでdate('r')を出力すると「Wed, 13 Aug 2008 15:55:02 +0900」となり、タイムゾーンの書式のみ異なる。タイムゾーンが「JST」と書かれていてもPHPのstrtotime関数では正しく処理できるので問題ない。ただしJavaScriptのDateコンストラクタでは正しく解釈しないようなので、「JST」のように時間帯名を書くのではなく「+0900」のようにオフセットを記述しなければいけない。 to_char関数ではオフセットを取得できないが、以下のようにextract関数を使えば取得できる。

> select to_char(EXTRACT(TIMEZONE_HOUR FROM now()), 'SG00');
to_char
---------
+09
(1 row)

> select to_char(EXTRACT(TIMEZONE_MINUTE FROM now()), '00');
to_char
---------
 00
(1 row)

結構面倒かも....タイムゾーン固定でいいなら直接「+0900」と書いてもいいかもしれない。オフセット時間を書かなくても環境によっては+0900として解釈するので、この辺は臨機応変に。

JavaScriptのDateコンストラクタが受け付けるRFC 2822の形式

上記のものとかぶるが、Dateコンストラクタで受け付けるRFC 2822形式の日付は以下の通り。（Firebugで試した）タイムゾーンを時間帯名で書くのはダメらしい。

new Date('Wed, 13 Aug 2008 15:55:02 +0900');//ok
new Date('Wed, 13 Aug 2008 15:55:02 GMT+0900');//ok
new Date('Wed, 13 Aug 2008 15:55:02');//ok
new Date('Wed, 13 Aug 2008 15:55:02 JST');//NG, Invalid Date

Dateコンストラクタに年月日時分秒を全部渡すときは月が0から11の範囲であることをよく忘れてバグを混ぜてしまうことがある。上記のようにRFC 2822形式を使用するとそういった間違いは減らせる（かも）

ちなみにFirebugで上記のDateコンストラクタを使用するとコンソールには「Wed Aug 13 2008 15:55:02 GMT+0900」と出力され、 RFC 2822に準拠していない。 toUTCString関数を使うとよさげ。

YUIのgzip圧縮とキャッシュ

2008-08-05T13:07:00.001+09:00

YUIに数多く含まれるjsファイルとcssファイルはあらかじめgzip圧縮しておくと通信量が抑えられて描画速度アップにつながる。さらにキャッシュもきくようにしておくと効果的。以下にgzip圧縮とキャッシュを行う手順をメモ。

まずjsファイルとcssファイルをgzip圧縮して別ファイルとして保存する。「cat gzip_yui_js_css.sh」というファイル名で以下のようなシェルを作成。

#!/bin/sh
# YAHOO! UIのjsファイルとcssファイルをgzipしてファイルを作成する

YUI_PATH="/path/to/yui_2.5.2"
cd ${YUI_PATH}

/usr/bin/find . -type f -name \*.js -exec /bin/sh -c "gzip {} -c > {}.gz" \;
echo "*.js.gzファイルを生成しました。"

/usr/bin/find . -type f -name \*.css -exec /bin/sh -c "gzip {} -c > {}.gz" \;
echo "*.css.gzファイルを生成しました。"

圧縮ファイルができたら、ブラウザがgzipに対応している場合のみgzip圧縮したファイルを返すように.htaccessに以下の設定を追加。

# http://httpd.apache.org/docs/2.0/ja/mod/mod_expires.html
ExpiresActive On
ExpiresByType text/css "access plus 7 days"
ExpiresByType text/javascript "access plus 7 days"
ExpiresByType application/x-javascript "access plus 7 days"
ExpiresByType image/gif "access plus 7 days"
ExpiresByType image/jpg "access plus 7 days"
ExpiresByType image/jpeg "access plus 7 days"
ExpiresByType image/pjpeg "access plus 7 days"
ExpiresByType image/png "access plus 7 days"
ExpiresByType image/x-png "access plus 7 days"

FileETag None

# gzip
# http://httpd.apache.org/docs/2.0/ja/mod/core.html#filesmatch
# http://httpd.apache.org/docs/2.0/ja/mod/core.html#forcetype
# http://httpd.apache.org/docs/2.0/ja/mod/mod_headers.html#header
# http://blog.dawgsdk.org/weblog/archives/411011
RewriteEngine on

RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME} \.js$ [OR]
RewriteCond %{REQUEST_FILENAME} \.css$
RewriteRule .+ %{REQUEST_URI}.gz

<FilesMatch "\.js\.gz$">
    ForceType application/x-javascript
    AddEncoding x-gzip .gz
</FilesMatch>

<FilesMatch "\.css\.gz$">
    ForceType text/css
    AddEncoding x-gzip .gz
</FilesMatch>

Accept-Encodingにgzipが含まれ、リクエストされたファイルの拡張子がjsまたはcssの場合は、.js.gzまたは.css.gzが読み込まれる。例えばyahoo.jsがリクエストされたらyahoo.js.gzが読み込まれることになる。これで圧縮されたファイルが読み込まれるようになるが、それだけだとContent-Typeが本来のjsとcssの値ではないためブラウザが正しく処理できない。正しく処理できるように、.js.gzにアクセスしたときのContent-Typeを強制的にapplication/x-javascriptに変更する。（cssも同様）

キャッシュを有効にするにはExpiresActiveをOnにし、ExpiresByTypeでContent-Typeごとに有効期限の長さを設定する。（この例では最後にアクセスした時間プラス１週間） ETagは無効にした。

YUIのjsファイルをひとつにまとめてHTTP接続数を減らす

2008-08-05T12:46:00.000+09:00

HTTP接続数を減らすことはページのロード時間を改善するのにかなり効果がある、というのは結構周知の事実。前回utilities.jsが主要なjsファイルをまとめたものだと知らなかったエントリを書いたので、ついでに読み込むjsファイルを全部ひとつにまとめてHTTP接続数を減らした方法をメモ。

本当は画面ごとに最小のjsファイルしか読み込まないのが最適なのだけど、画面数が多くてそんな手間かけるのもめんどくさい。というわけで、とりあえずどの画面でも使っているファイルを全部まとめてひとつにすることを考える。全部の画面からロードしているjsファイルを検索して重複を排除して、 YUI Dependency Configuratorを使ってそれらのファイルを全部選択してみた。依存関係があるのでYUI Dependency Configuratorを使うのが間違いない。

<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/utilities/utilities.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/autocomplete/autocomplete-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/button/button-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/calendar/calendar-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/container/container-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/datasource/datasource-beta-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/datatable/datatable-beta-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/json/json-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/logger/logger-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/tabview/tabview-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/treeview/treeview-min.js"></script>  
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/uploader/uploader-experimental.js"></script>

なるほどなるほど。ここからbuild/以下のパスを取り出してローカルにあるjsファイルを固めればよし。（autocompleteとかuploaderなんて１，２画面でしか使ってない...） /tmpにyui_js.txtというファイルを作成して上記のscriptタグ12行を保存。 YUIのbuildのあるディレクトリに移動して、以下のワンライナーを実行。

$ cat /tmp/yui_js.txt | perl -nle '/build\/([^"]+)"/ && print $1;' | xargs cat > /tmp/yui_2.5.2_combine.js
$ cd /tmp
$ gzip yui_2.5.2_combine.js -c > yui_2.5.2_combine.js.gz

12ファイルをひとつにまとめると体感的にも若干早い（気がする）。画面ごとに最小のロードで済むようにする仕組みもほしい。ホストしたjsならあるんだけど。

YUIのutilities.js

2008-07-28T15:10:00.002+09:00

YUIのサンプルとか作っててたまに出てくる「utilities.js」なるファイル。他のjsファイルと違って-min.jsが用意されているわけでないし、いったいなんに使うんだろう？と疑問のまま作業してきたのだけど、ついさっきREADMEを読んでみた。

utilities.js - Release Notes

*** NOTE ***

This document is not updated with each release.  Changes to
the utilities.js source are noted in the README
file for each component that comprises this aggregate:

yahoo/README
dom/README
event/README
connection/README
animation/README
dragdrop/README
element/README
get/README
yuiloader/README

*************

The utilities.js file rolls up all of the YUI utility components into a single
file; it includes the following components:

* Yahoo Global Object
* Event
* Dom
* Connection Manager
* Animation
* Drag & Drop
* Element
* Get
* YUI Loader

For implementations that use four or more  of these files, it may prove
more efficient to include utilities.js as opposed to including separate files
for each component.

Note: If you require only the Yahoo Global Object, Event Utility and Dom
collection, consider using the special yahoo-dom-event.js aggregate instead.

よく使うものをまとめたものじゃないか！つーことは知らずに重複してロードしてたファイルが...あぁぁぁぁ。

みんな動的なノード生成どうやってるんだー

2008-07-14T23:06:00.002+09:00

Ajaxが登場してからというもの動的にノードを生成することがめっきり多くなった。が、JavaScriptのDOM処理がめんどくさい。いちいち書く関数名が長いし、変数もたくさん定義しなければいけない。面倒だ。Google ReaderとかGmailとかいったいどうやって生成してるんだろ？

ソースを読めばうまいやり方がわかるのかもしれないけど、とりあえず大量に生成する場合に使用しているビルダ関数作ったのでさらしてみる。きまったJSON形式で要素情報を定義しておき、ビルダ関数に値を渡すと再帰的にノードを生成して返すというもの。

動的ノード作成サンプル

ただし、document.createElementやdocument.createAttributeも万能ではないっぽい。以下の制限がある。

IEでstyle属性を生成しようとするとエラー
IEでラジオボタン（<input type="radio">）を生成しようとするとエラー

まぁでもstyle属性が使えなくても、あらかじめclassを定義しておけばよい。 obj.style.backgroundColor='#ff0000'のようにちゃんとstyleプロパティ以下を指定してやってもよい（サンプルではそこまで対応してないけど）ラジオボタンについては、そもそもラジオボタンを使わなかったり該当する箇所だけinnerHTMLを使ったりしたので問題なかった。

はじめっから全部innerHTML使えばいいじゃん、という意見ももちろんありだ。ある局面では非常に有効なのだけど、以下のようなケースにあったことがある。

white-space:nowrapを指定してあるブロック要素にプログラムコードを表示しようと思ってinnerHTMLに値を代入したが、nowrapで表示されなかった。スタイルが正しく適用されないらしい
tbody要素にtr要素を足したときに、table要素の下に表示されていたブロック要素の位置が１行分下に移動するはずが、移動しなかった。ブラウザのどこかをクリックするとちゃんと描画される
（これは不満な点）a要素やinput要素にイベントを付加する場合、きれいに書くことができず以下のような苦し紛れのことをやることになる
- onclick属性に直接関数を書く
- innerHTMLに値をセットしたあと、setTimeoutを使ってちょっとタイミングを遅らせて、ducument.getElementByIdを使って要素を取得してイベントを付加する（タイミングを遅らせずにすぐ要素を取得しようとすると失敗することがある）
動的にノードを生成すれば、戻り値に要素自体を得られるため、YAHOO! UIのイベント関連の関数を使って簡単にイベントを付加できる。

DOM操作とinnerHTMLでは内部的な処理が根本的に違うのだと思う。どういうケースで正しく描画されなくなるかよくわからないので（しかもブラウザに結構依存するので）できればDOM操作だけでHTMLを構築していくのがいいのかな、と現時点では思っている。

考えたくない症候群

2008-07-10T23:18:00.002+09:00

寝る前でグダグダだけど。

モニタを見ながら、仕事のことを考えているように見えて実はなにも考えていない。がーっと作業をしているときにふと一段落したところで、ふと自分がなにも考えていないことに気づく。意識的だったり無意識にだったりいろいろだけど、人間の行動は楽なほうに転がるものだと信じている自分は「考えない」ということはほかの作業に比べてとっても楽（＝コストが低い）なんだなとなんだか改めて気づいたのでした。

スケジュールを練ったり、打ち合わせをしたり、プログラミングをしたり。一番論理的な思考を求められるプログラミングが一番大変（＝考えるコストがかかる）と一般的に思われるかもしれないが、いくつかプログラミング言語を覚えれば実はこの３つの中では一番楽だったりする（そうでない人もいると思うけど）。だいたいの作業が無意識にルーチン化できるから、実は頭をそんなに使わない「作業」だ。

スケジュールを練ったり打ち合わせをしたりするのが苦痛にならないように、プログラミング以外もある程度ルーチン化してあまり考えないでこなせるようにならないといけないな、と思う23:30ごろでした。

だから酒が飲みたくなるんだなーきっと。前後不覚とまでは行かなくても、考えなくていい状態って蠱惑的。

明日はまた関東に出張です！

かりんとう

2008-07-01T23:50:00.004+09:00

東京の取引先のお客様に薦められて買ってみました、かりんとう。食べるの久しぶり。

かりんとうなのにきんぴらごぼう味？

かおかおパンダに、出会った～

2008-06-29T21:08:00.003+09:00

KAOKAOPANDAさんのかおかおパンダ展に行ってきました。

場所はいのこ家という豚料理専門店。KAOKAOPANDAさんのライブペインティングを見ながら豚料理を食べられるという豚さん尽くしのイベント。目で豚さんを愛で、舌でも豚を愛でる。おいしゅうございました。

何年か前にポストカードで知って、嫁さんがすごく好きになって結婚式のウェルカムボードでも使わせてもらったのでした。（男の人が描いてると思ってましたゴメンナサイ。）絵に描かれた豚さん以上に笑顔がステキな女性で癒されました。

石灰化？

2008-06-26T23:21:00.002+09:00

左手薬指の付け根が１，２週間前からじわじわ痛いなぁと思ってたらついにキーボード叩けないぐらい痛くなったので病院行ってきました。石灰化が起こってるそうです。なんじゃそりゃ？特にぶつけたわけでもないので原因わからず。

JSON整形

2008-06-23T22:49:00.003+09:00

調子に乗って連続投稿。FirebugでAjax通信をして取得したレスポンスのボディが１行に全部つながってしまって見づらいので整形するページを作成。

JSON整形

textareaにペーストした内容をevalして再帰的に中身たどるだけだけど便利。

那須ハイランドパークと日光江戸村

2008-06-23T21:51:00.006+09:00

２週間ほど休みなしで働いてたので代休とって那須行ってきました。那須ハイランドパーク。平日のせいかガラガラだったので全部最前列で乗ってきました。１時間に３つも４つも絶叫マシンに乗ると吐きそうになるのでやめておいたほうがいいです。写真は那須ハイランドパークの中にあるレゴスタジアム。浅草が再現されてます。小さいころはレゴで遊ばなかったけど、等身大のレゴ見るとちょっと感動。次は日光江戸村。ニャンまげ見てきました。ゆるゆるです。

岩手・宮城内陸地震

2008-06-14T14:38:00.002+09:00

発生8:43から6時間、もう正式な名前が付いたみたい。いやーびっくりした。ちょうど会社に行く直前でジェルで頭を固めてたところにどーんときて、手がベタベタなのにテレビとか本棚とか必死で押さえてた。CDラックとか花瓶とかが倒れたけどそんなに大きな被害なく済んでよかった...

いやでも震度6弱の余震があるかもっていうし、連動して触発されて宮城県沖地震が起こらないといいなぁ。

もう梅雨ですね

2008-06-12T13:12:00.000+09:00

気づけばまたこんなに間が開いて... もう文章の体裁とかちゃんとまとめてからとかそういうのを気にしないでとりあえず出すっていうスタンスでやろう（ブログってそういう人のほうが多いよね？）品川庄司の品川にならって「誰の悪口も書かない」「愚痴を書かない」「楽しかった出来事を書く」「人の好きな部分を書く」の４つを守って！あ、でもIEの悪口は書いちゃうかも... そんなゆるい意気込みでした。明日東京出張だからもう寝よ。

SQLでツリー（木構造）を実装する　その３

2007-11-17T15:25:00.000+09:00

昨晩は24時からWebサーバ切り替え作業があって、切り替え後動作確認と多少の修正。今日は9:30から客先リリース。無事完了してキモチが少し楽になりました。

さて、SQLのツリーですが、ツリーの内容確認ができるようになったので、ツリーの操作方法を見ていきましょう。

ノードの追加

まず追加です。参照サイトの3-3．リーフを追加するを参考にしました。まずUPDATEを実行して追加する場所に１ノード分の隙間を用意し、その後ノードをINSERTします。以下のようなストアドファンクションになりました。

CREATE OR REPLACE FUNCTION section_add(integer, text)
  RETURNS void AS
$BODY$
DECLARE
  -- 親部署ID
  parent_section_id ALIAS FOR $1;
  -- 新規登録する部署名
  new_section_name ALIAS FOR $2;
  parent_section_rgt integer;
BEGIN
  -- 親部署のrgtを取得
  SELECT rgt
  INTO parent_section_rgt
  FROM section
  WHERE section_id = parent_section_id;

  -- 親部署が見つからない場合は処理中断
  IF NOT FOUND THEN
    RAISE EXCEPTION 'no such section: %', parent_section_id;
    RETURN;
  END IF;

  -- 新規部署の挿入前に場所を確保
  UPDATE section
  SET
    lft = CASE
      WHEN parent_section_rgt < lft THEN lft + 2
      ELSE lft
    END,
    rgt = CASE
      WHEN parent_section_rgt <= rgt THEN rgt + 2
      ELSE rgt
    END,
    update_time = now()
  WHERE parent_section_rgt <= rgt;

  -- 更新に失敗した場合は処理中断
  IF NOT FOUND THEN
    RAISE EXCEPTION 'update failed';
    RETURN;
  END IF;

  -- 新しい部署を挿入
  INSERT INTO section(section_name, lft, rgt)
  VALUES(new_section_name, parent_section_rgt, parent_section_rgt + 1);

  -- 挿入に失敗した場合は処理中断ｎ
  IF NOT FOUND THEN
    RAISE EXCEPTION 'insert failed';
    RETURN;
  END IF;

  RETURN;
END;
$BODY$
  LANGUAGE 'plpgsql' VOLATILE;

パラメータは親部署のIDと、新規登録する部署名です。以下のように呼び出します。

SELECT section_add(1, '部署名');

親部署は必ず必要になるので、一からツリーを作成する場合は最低でもルートノードが必要になります。ルートノードはlft=1, rgt=2で事前にINSERTしておきましょう。処理に失敗した場合は例外が発生し、ファンクション内でトランザクションがロールバックされます。

ノードの削除

追加の次は削除です。参照サイトの3-2．単一ノードの削除を参考にしました。単純に指定したノードの情報を消すだけなので、例えばulを削除するとその下にあったliはbodyに含まれることになり、 ulの下をまとめて消すような動作はしません。まとめて消したい場合は3-1．部分木の削除を参照してください。（ウェブ画面のほうでリーフでないノードは削除が実行できないようにしたので、単一の処理しか実装していません。）ストアドファンクションは以下のようになりました。

CREATE OR REPLACE FUNCTION section_delete(integer)
  RETURNS void AS
$BODY$
DECLARE
BEGIN
  -- 削除
  -- この部署の下層に部署が存在する場合は、下層の部署が２世代上に直接属すようになる
  DELETE FROM section
  WHERE section_id = $1;

  -- 削除されたかチェック
  IF NOT FOUND THEN
    RAISE EXCEPTION 'no such section: %', $1;
    RETURN;
  END IF;

  -- 欠番を埋める
  PERFORM section_pack();

  RETURN;
END;
$BODY$
  LANGUAGE 'plpgsql' VOLATILE;

以下のように実行します。

SELECT section_delete(5);

「欠番を埋める」という処理が入っていますが、これはノードの削除によって生じたlftとrgtの値の隙間を埋める処理です。ルートノードから順にノードをどんどん登録していくと、lftとrgtを並べた値は1から始まる連番になり、あいだが空かないはずなのです。ノードの表示や追加では欠番を埋めなくても処理に影響はありませんが、欠番があるとlftとrgtの差が1であるノードはリーフノード（子孫がいればlftとrgtの間に最低2以上の差があるはずですよね？）という簡単なリーフノード確認が行えなくなり、不便なことがあるので埋めておきましょう。

欠番を埋める

参照サイトの3-6．添え字の欠番を埋めるを参考にしました。欠番を埋めるには２ステップ必要です。まずビューの作成。

CREATE VIEW v_section_lr AS
SELECT section.lft AS seq FROM section
UNION ALL 
SELECT section.rgt AS seq FROM section;

lftとrgtの値を取り出して１つの列に入れただけの簡単なビューです。欠番がなければこのビューのseq列は1から始まる連番になっているはずですが、欠番がある場合は連番になっていません。

連番ビューが準備できたらsection_packを定義します。

CREATE OR REPLACE FUNCTION section_pack()
  RETURNS void AS
$BODY$DECLARE
BEGIN
  -- 欠番を埋める
  UPDATE section
  SET
    lft = (
      SELECT count(*)
      FROM v_section_lr
      WHERE seq <= lft
    ),
    rgt = (
      SELECT count(*)
      FROM v_section_lr
      WHERE seq <= rgt
    ),
    update_time = now();

  IF FOUND THEN
    RETURN;
  ELSE
    RAISE EXCEPTION 'section_pack failed';
  END IF;
END;
$BODY$
  LANGUAGE 'plpgsql' VOLATILE;

実行後は掃除をしたような気持ちよさ。不要なバグを避けるためにも入れておきましょう。

追加・削除ときたので、次は並べ替えです。

SQLでツリー（木構造）を実装する　その２

2007-10-31T18:16:00.000+09:00

昼休みにいそいそと。

ではまず部署テーブル（section）を作成します。前回に引き続いて以下の入れ子集合モデルを説明しているミックさんのサイト（以後参考サイト）を参考にします。

SQLで木と階層構造のデータを扱う（１）―― 入れ子集合モデル

CREATE TABLE section
(
  section_id serial PRIMARY KEY, -- 部署ID
  section_name character varying(256) NOT NULL, -- 部署名
  lft integer NOT NULL, -- 左
  rgt integer NOT NULL, -- 右
  entry_time timestamp without time zone DEFAULT now(), -- 登録時間
  update_time timestamp without time zone DEFAULT now() -- 更新時間
);

前エントリのものと比較して、parent_section_idとdisplay_orderがなくなり、lftとrgtが追加されました。 lftはleft、rgtはrightのことですが、PostgreSQLのキーワードになってしまうのでこのような列名になっています。（参考サイトでも同じように書かれています）テーブルを作成したら以下のようなINSERT文を実行してデータを登録しましょう。一応部署ツリーということですが、適当な部署名が思い浮かばなかったのでHTMLのDOMツリーを部署の代わりにしてみました。ルートノードがhtmlでその直下にはheadとbodyがあり、さらにその下に複数のタグが存在します。

INSERT INTO section(section_id, section_name, lft, rgt) VALUES (1, 'html', 1, 26);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (2, 'head', 2, 9);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (3, 'body', 10, 25);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (4, 'title', 3, 4);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (5, 'link', 5, 6);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (6, 'script', 7, 8);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (7, 'h1', 11, 12);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (8, 'p', 13, 14);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (9, 'h2', 15, 16);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (10, 'ul', 17, 24);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (11, 'li', 18, 19);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (12, 'li', 20, 21);
INSERT INTO section(section_id, section_name, lft, rgt) VALUES (13, 'li', 22, 23);

このツリーを元にいろいろ操作する処理を考えてみたいと思います。操作は複数のSQLを実行するため、PostgreSQLのストアドファンクションに処理をまとめて実行します。（PL/pgSQLが使えない環境の場合は事前にcreatelangコマンドでストアドファンクションが使えるようにする必要があります。）

ツリーの取得

追加や削除をする前に、操作が正しく反映されたかどうか確認するためにツリーを表示できるようにしておくとよいでしょう。いつもはウェブアプリ上でYahoo! UI Libraryのツリーで表示を実装してしまうのでそこで確認できるのですが、ウェブアプリ作らないといけないので手間がかかります。 SQLひとつでツリー構造が分かるような問合せを覚えておきましょう。

SELECT section_id, section_name
FROM section
ORDER BY lft;

このようにlftの昇順でデータを取り出すと、親子関係は分かりにくいですがノードの一覧は確認できます。階層が深くなるにつれてインデントされるようにするには以下のようにします。（参照サイトの2-4．木をインデント付きで表示するを参考にしました。）

SELECT child.section_id,
  lpad(
    child.section_name,
    length(child.section_name) + cast(count(parent.section_id) - 1 AS integer) * 4,
    ' '
  )
FROM section AS parent, section AS child
WHERE child.lft BETWEEN parent.lft AND parent.rgt
GROUP BY child.section_id, child.section_name, child.lft
ORDER BY child.lft;

インデントするには自分がどのぐらいの深さにいるのか知る必要がありますが、深さは自分を囲む行が何件あるか調べれば得られます。 parentとchildを直積で取得して「WHERE child.lft BETWEEN parent.lft AND parent.rgt」としてparentの内側にあるchildを絞り込んで件数を取得します。取得した件数をlpad関数のパラメータに渡して深さの分だけ空白を表示するようにしました。これをビューとして登録しておくと便利です。

次回は追加・削除です。

SQLでツリー（木構造）を実装する　その１

2007-10-31T11:53:00.000+09:00

また「その１」とかタイトルにつけてみました。続けられるようにがんばります。

SQLで部署構造のようなツリーを実装するときに、これまで以下のようなテーブルを作成してツリー構造を実現していました。

CREATE TABLE section
(
  section_id serial NOT NULL, -- 部署ID
  parent_section_id integer, -- 親部署ID
  section_name character varying(256) NOT NULL, -- 部署名
  display_order integer NOT NULL, -- 表示順
  entry_time timestamp without time zone DEFAULT now(), -- 登録時間
  update_time timestamp without time zone DEFAULT now(), -- 更新時間
  CONSTRAINT section_pkey PRIMARY KEY (section_id) -- 主キー
);

部署（sectionという名称にしました）に親部署のIDを保持するparent_section_idという情報を持たせ、ルートノードになるものはparent_section_idがnullで、それ以下のノードは必ず親部署のIDを持つという仕組みです。単純で理解しやすく、部署の新規登録・削除・順番入れ替えが楽であるという反面、「○○株式会社 > △△支店 > □□部 > ほげほげグループ」というルートからのパスを取得するには何回もテーブルを結合時なければいけなかったりして、プログラム側で再帰的な処理をする必要があったりします。

なにかもっとスマートなSQLによるツリー実装がないものかと思って検索したところ購読しているMySQLのメーリングリストにヒントがありました。

[mysql 13684] 木構造の効率的表現

さらに以下のサイトにたどり着きました。

SQLで木と階層構造のデータを扱う（１）―― 入れ子集合モデル

ワンダホー☆まさに求めていたのはこれです。詳しい説明は上記のサイトが非常に分かりやすいのでここで改めて説明はしませんが、（というよりこのサイトよりうまく説明できないわけですが...） PostgreSQL 8.1を使ってストアドファンクションを使いながら実装をしてみました。その２以降でその実装を紹介できればと思います。

"data"URLスキームをimgのsrcだけでなくCSSでも使える

2007-09-09T14:07:00.000+09:00

以下のようなコードを書くことでGreasemonkeyのような画像を配布できない環境でもJavaScriptコードの中に画像を埋め込めることを先日知りました。すごく便利です。画像に限らずCSSなどにも応用できそう。

document.getElementById('image').src = "data:image/png;base64," +
 "iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAANkD" +
 "QtZPoQAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJ0RVh0U29mdHdhcmUAUXVp" +
 "Y2tUaW1lIDcuMiAoTWFjIE9TIFgpAP77GIsAAAAHdElNRQfXCQkFEBDiSWsS" +
 "AAAMOklEQVR4nO3ae4xcV30H8O99v+a1M+udfe9613FiYiex09CEUFVqHBJE" +
 "ggSEFKIUUf6glSCiRYCAiojwqIRaBBEKRYCEUESEgASCWhlCsBwccFQSv4jt" +
 "jb3r9T68z5md98x9X353vKah/3rFZEe/j3x8x9bdmTn7+51zfufeCzDGGGOM" +
 "McYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOM" +
 "McYYY4wxxhhjjLG/KKHTX+ANT5B1Uc0MaGbfWKpv1012q16rzB/+Xqe/1laR" +
 "O/0F/kLMRMLaMz4+vm90bHyXZSXSlmXF2V+fmjp3aXp6+mypVJryfX8dkFRB" +
 "SecVo3fUzAzvTu/YeUPP4K7r0/3jEz2Dk5OzZ88snuIE2B4sy7z17rvv/Yf3" +
 "/P2H7t170+27TFmVdBUwDAGO5OPyah2Fko+1ooOpi6uNmYViveIIoZzIJUU9" +
 "nfAiOi8AvEBAi9IllHQU63K20/3aSl2ZAJIkjT708MOff8+/fOEhu9GnGc0I" +
 "y8UGUmIdSRPwPRFP/2YeR2YE+IIM1wcFOmV5SFuBQm/gi5AcCYomQ01IyCRU" +
 "6KaM2ZkSFleKUaf7t5W6LgGyPT0Hv/Hsj7+7NnBg7KWpMnLSBoaFBLKhCl8K" +
 "4PshAj/C83MiFgohVFNsB1qxJFiqDFml4CsiVE2Cbsjt15WKg5dPLGNhuQmo" +
 "3VU2dVUC9Pfl3/nDV59/6sVs2mpOt2BkFLgNH+tRC5ptQhLp36JDSUCDmP7k" +
 "RzKQdAqyHCeBBE2PR71IUwhN+W6IpZKDOQr68oaDkH5W6MsgWuuqX1n3JICu" +
 "Gbf86LdPff9kYsESSy1Yvb3wZQP+UoBGw0UhpAA7KhTRh+sFiCgBElkDOiUJ" +
 "RAq4F2KtGaCwQefWQ5QdWh4gARot+UOUFHYLUbmK9g92kW5JAO2L//G5J4rj" +
 "Gxl/2YcmeghUB0ImD09Iwr0MbNQcqDaNdkGBLFxJgMyQhZn1Fs7Nu6j6EsIo" +
 "/nUY7dkBfgDDdzHo1TCZDrFrLMJPVtcaNVVSWp3u7RbqigQYGx1/8H2PvPUt" +
 "R705ZNIy7GYDruvRFt5BlOqHHWXhzUdYqrYg1w1IkdhOgI2yg2NHVqBpGkZS" +
 "MiZ6BOzuk7BvWMWeYQMTA2n053TIVAeE9DmLtdB6aX3e4QR4Y5E+9vF//Gdg" +
 "BZOKghrN6GXa5lWbHurNAhV8tIEzG7AH87Bd6m7VA1z64waoTK/gI3vX8K63" +
 "XYc3XTeMhKFBoVP0zTqPzmxvA1tuXDwGkGmpMA1NJbtd1z3f0V5vEbHTX+Ba" +
 "qZp24/vvu/O2aL2G3oaH4cDHLiXERJqKwlyIlF6G6s9AMC6gOVjDQriKs8W5" +
 "yAu8cOXM6ejgfqPZ2FjxZmdmKSnsdvBpV0hLQoRS00W5VkelWkO9XkPgUVUg" +
 "CsLDH/jgY53u91bZ9gkwMjzy1xlLVdRVGeZchOSsj8xlF/0lG7siB9dnPOzM" +
 "NbDDmIPinUAkXPRvGKgty1LoCUIUJQ1h3VLCZbtRrZx77VKwWm6gGBeNpQpK" +
 "pTJqtRpazRYcx2nPAgIVCI987OPvtixrf6f7vhW2fQKMj4/t9jIW/N48wlSO" +
 "ekRbu5oB47KIzLSPodkW9lRauBl1jNgF3J7CqlBbWwyCMAjDKDr868Ony5Vy" +
 "uVRYmWtWS6Vfv3AsXFpaQZ0qfqfeQNC0EbVoGWnZQBBXAhGylqX+3V0HH+50" +
 "37fCtk+AgcGBfjVQaepOQFHSEI0shGQvxGQfJK0XuptFdt3CwJyICVcM9Fa0" +
 "YaXSarFYKHs05//7Fx974NOf/MQTLdtxm/XySlivNAtnz8JolGHUy9DpqLeq" +
 "0GzaAoZ+ewaQ3TIefOCBg/TxWqf7f622fQIoiipLHlXqngnFMWirZ7Qv+qhO" +
 "EpqfhYo+qMIwrGAEO2oZGFTyS7IkeZ7nbr6FO33h/LdPnTxxyfU82zRQ9ypT" +
 "MMUV6EoBulaGplagqjU6NaTwR5CkCm478KZJwzDGO9j1LbHtdwFr64UN17eo" +
 "gPMRUMUe0l9BENExpBk7uvKatnyeEKEeFSVZUTOF9aW5bE92rFGtxgPAMk3z" +
 "pt7e3qTdtO1IaQVNdQF+qNNWUachYtB2UkVELURP+xqBpzSQSSStXK53dHFx" +
 "4bVO/w6uxbZPgEuzszM2BcoWXAQUTp8C7YsUeJkaBcuPrhwFSYImamjUGj19" +
 "/cO2qvkybee0z37u0WcGBgZTuWxWEUUpOlWfT+VvNLA86iHZCGC4DiRPhmjL" +
 "iMIEJVNIyVaGpKeh6fq2vzPYDQnwvxstOxI1XfDbo54aBZ0KvHaLt/SKKMVL" +
 "Bfr6+uC2HGV2dmFAUWoCBAG3v+WtE47TotlfkI+uLvde0L3kHQM7cVZVMZSM" +
 "FxABCdoSKraPUNh8z3oRkpyJZ5uw0/2/Vts+ARqN+vHDz//qtbvvv+8GRF47" +
 "4CIlgEDBja/gSZJMwddgWTpypoyqoaNYLClhVKdzBVy6WB5YXRWEU+VAnU8m" +
 "5bG7344NJYLu05qvCLBlCTlaCVK6DycSKAkENMdENBtORDPIeqf7f622fQKQ" +
 "5nf+64kf3nP/Oz8v0TQvCBR0aiK9joNPaz6ShoIUBbNkByiWashmM1C1jXaS" +
 "ZDIZyy6L2L2jD7kdGTSp2HdaGpYpAY7/qIA9EyOAqmB6toy5agMuDfpylirF" +
 "VW+jVCrPdrrz12rb7wJix4+//P1XXnppTVF16IYBwzRhGiashIlemsbTFPyK" +
 "G6FUbdJOzofnB/DcuKIXMDDah+t25TGW1TEiqej1LIQrJs78oIGD99yKiBJj" +
 "ydHRMtOoCSoarowLXhpTv18+WSisLXa679eqG2YAOQzDhX/71L9+9dCR330l" +
 "2ZNpV+qqLMCUEN/QxbnlFr71zDQy1+fao3mGRvOCo8L1QnhhACrwkVCpiJRD" +
 "qJQEr5wsUrGo4+hZAZfXQ6xWFFxe9lBBgpIrhVIpg2P//dSP6XODTnf+WnXD" +
 "DBD3ITk1NfXkVx579Dmq0pDWBCQ3g1+0Q3z5yfO48b49fxrNzc3RHN8cciOx" +
 "vdbHzwrqgoce2kHolBi/P1nDsy9U8eJigLOuiMq4CWFnAlafBOtU6cIvDh16" +
 "utMd3wpSp7/AFohnMZOacuLEK38YzA/c+eY3/1UuzgqH2k8PL+K580DdyOLM" +
 "xQhTlwWcvhCg5AFas4y7DvRAjqT2c4AB7SMFTUFvPonT55ZRTNFyMKlDyNM2" +
 "slaH9odZPPLhPJ79xCc/M33x4ovogsfquyEB4sc440uyqSiKhCOHnz+/Iz90" +
 "YM/N+9MOLQWnzhXwnf+p4mLLxEVHwioViE5ehpAQ0F9cxYEbeqArVCxSAsSP" +
 "ikU0oRgJBXv37YC9tg7/3CrMmVUMCTV88KNDqHzrq089+7OffwNXbhpu+yWg" +
 "GxIgngHiftBmDRnf98Nf/fLQdOAHO/ftO5AbzJs4fGwRi1byz0az+fIM3ntH" +
 "BsN9JnT6aTm+YuhvNllEgnYOExNpTN6SwtDeJO762xzcJ5848s2vPf5lPwjK" +
 "lGw2OAHeEOLZ/upUHPfHCILAO/qbF6bOnD6h3rp//8iD90yK4fwynDPLyJxf" +
 "wm3NdXz4YBo3jtFOgQo/RQygxtd0qMWXkMNQQCAJ8JrxAyERbur18Orjjz73" +
 "za8//p+u5y3RZ8Q3BuIE2PYPCG77NQxXgh63eCmIa4H48uyOzWO6p6fn5ve9" +
 "/6G3feBD/7Q3NzAkVFseavUWHNdDfOUQUQiRmtyiiFYjVOsRWr6CKJNEKitj" +
 "bfboyvce/9LTJ06e+hm9Xxz8ArUKrjwwFGGbJ0E3JID4umOcCHE9YFFLb7YE" +
 "tVwqldp3551/c8e977h/795bbs3rtCRAlNo3jKI4ATwBIY3plkPbvWrRffXV" +
 "Y/O/OPTMsePHjz/nef45eo8ytRK1Brok+LFuSICY8Lpj+2ow/q84NHBlZohr" +
 "hDgx+hOJxGQ+nx8fGR0bpWNOVVXF81x3fW2tODd3aW5lZWW6Xm9M07mXcWW6" +
 "r1OjBSF+mvBP6/62D36sWxLg/3t9QlydGeJ2tWC8+n+0+28nRvw6Dqi72fzN" +
 "Fr/2Nl9fvfHTFYFnjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHG" +
 "GGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxljn/BEN1h4oiva4uAAAAABJRU5E" +
 "rkJggg==";

imgタグのsrc属性に上記のように代入するだけでなく、 CSSの「background-image: url(ファイル名)」のファイル名の部分に直接埋め込んでも動くようなので、 JavaScriptからobj.style.backgroundImage = "url(data:...."のように記述しても意図した通りに動作するようです。

試しに画像をアップロードするとURLスキームを生成するサンプルを作ってみました。

dataスキーム生成

なんちゃって擬人情報リリース

2007-09-03T18:24:00.000+09:00

ダミーの個人情報ジェネレータなんちゃって擬人情報を公開しました。

ご存知の方もいるかと思いますが、完全になんちゃって個人情報さんの二番煎じです。パクリです。自分好みの機能を載せたかっただけです。よろしければご使用ください。

Gzip components

2007-08-29T16:59:00.001+09:00

パフォーマンス計測で話題になっているYSlow for Firebugを試してみたところ、予想に違わず自分の作成したサイトではF判定を食らってしまいました。

それもそのはずで、チューニングなるものはPHPのアクセラレータとデータベースの発行クエリぐらいしかやっていません。そこでYSlowの「4. Gzip components」を試してみました。今回試すプロジェクトではYahoo! UIをふんだんに使っているので、そこだけでもトータル数十kbのJSソース読み込みがあります。 Firebugで見たチューニング実施前の読み込みは以下のような感じ。

まずこれらのjsファイルのgzip圧縮ファイルをjsファイルを置いてある同じ場所に作成しました。以下のような感じ。

$ gzip -c yahoo-min.js > yahoo-min.js.gz

gzipコマンドはそのまま実行するとファイル置き換えちゃうので、-cで標準出力に出して.gzを付けたファイル名に保存します。ファイル増えると面倒なので、一括でgzipするシェルスクリプトでも書くと楽ですね。

ブラウザからこのできあがったgzファイルにアクセスしても、ダウンロードダイアログが表示されたりしてJavaScriptファイルとして扱ってくれません。 HTTPヘッダを多少書き換えてやらないといけないようです。 Yahoo! UIの置いてあるフォルダに.htaccessを作って以下のように書きました。

<FilesMatch "\.js\.gz$">
    ForceType application/x-javascript
    Header append Content-Encoding gzip
</FilesMatch>

拡張子が.js.gzで終わるファイルのMIMEタイプを強制的にapplication/x-javascriptに変更しました。さらにContent-Encodingヘッダもappendします。これでFirefoxから直接yahoo-min.js.gzを開いても正しくJavaScriptファイルとしてみることができます。

圧縮したjsファイルに正しくアクセスできることが分かったら、 scriptタグのsrc属性に指定したJavaScriptファイルのURLを変更します。今回はまんま.js.gzに変更しましたが、Safariでは正しく動作しないなどのケースがあるようなので、ちゃんとブラウザを判別して.jsと.js.gzを切り替えたほうがよさそうです。さて、変更後のFirebugの読み込み結果は以下のような感じ。

gzipしたことでファイルサイズはトータル100KBから29KBまで減少。結構減りますね。読み込み時間はこの計測ではトータル312msだったのが188msまで短くなり、60%ぐらいになりました。ランクはどうなったかというと...「F」どうやら他にもjsファイルとcssファイルがあるのですが、すべてgzipしないとランクは上がらないようです。

Greasemonkeyで遊ぶ（その２）

2007-08-17T17:48:00.000+09:00

前回のエントリを書いた後に夏休みを取りました。妻の実家と自分の実家の行き来だけでしたが、どちらの家も小さい子がいるのでとてもにぎやか。我が家に親戚が８人も来て楽しい一晩でした。しかし暑い！今日はひっそり会社に戻ってきたので前回のエントリの続きをば。

Pitfall #6: scrollIntoView（落とし穴６：scrollIntoView関数）

このscrollIntoViewという関数も初めて知ったのですが、特定のオブジェクトのある場所へ画面をスクロールさせる関数のようです。通常のページでは以下のようにしてfooというオブジェクトのある場所へJavaScriptでスクロールすることができます。

var elmFoo = document.getElementById('foo');
elmFoo.scrollIntoView();

これもこれまでのケースに漏れずgetElementByIdで取得しているため、 GreasemonkeyではXPCNativeWrapperオブジェクトが返されてしまいラッピングされているオブジェクトのscrollIntoView関数をコールしてくれません。これを回避するためにはラッパであるXPCNativeWrapperではなく本物の（本物のという表現が正しいかアレですけども）エレメントを取得し、そのエレメントのscrollIntoView関数を呼び出してやればよいわけです。 XPCNativeWrapperにラッピングされているエレメントを取得するのにwrappedJSObjectというプロパティを使用します。

var elmFoo = document.getElementById('foo');
var elmUnderlyingFoo = elmFoo.wrappedJSObject || elmFoo;
elmUnderlyingFoo.scrollIntoView();

ただし、原文に「It is important to note that this is vulnerable to a malicious remote page redefining the scrollIntoView method to do something other than scrolling the viewport. There is no general solution to this problem.」とあるとおり、ビューをスクロールさせる以外の目的でscrollIntoViewを再定義している悪意のあるページに対しては脆弱であることに注意する必要がありそうです。

Pitfall #7: Location（落とし穴７：ロケーション）

通常のページで別のページに移動するときにはlocation.href = "http://..."のように（もしくはwindow.location.hrefのように）書きますが、 window.location = "http://..."のように書いても別ページに移動できるようです。（知らなかった...）ただしこれがGreasemonkeyでは使えないとのこと。（windowオブジェクトもXPCNativeWrapperだから、だそうです）ちゃんとwindow.location.hrefにURLを代入するようにしましょう。

Pitfall #8: Calling Remote Page Scripts（落とし穴８：別サイトのスクリプト呼び出し）

GmailのようなサイトをGreasemonkeyでカスタマイズして拡張する場合、既にそのサイトで定義されている関数などを呼び出すケースがあります。以下のような感じ。

var searchForm = getNode("s");
searchForm.elements.namedItem("q").value = this.getRunnableQuery();
top.js._MH_OnSearch(window, 0);

しかし、落とし穴７で取り上げたとおりwindowオブジェクトもXPCNativeWrapperなので、上記の例の３行目のようにそのままwindowを渡しても動く保証がありません。このような状況を回避するためには、windowの代わりにunsafeWindowを使います。

var searchForm = getNode("s");
searchForm.elements.namedItem("q").value = this.getRunnableQuery();
top.js._MH_OnSearch(unsafeWindow, 0);

Pitfall #9: watch（落とし穴９：watch関数）

watch関数なるものをはじめて知りました。 Firefoxで以下のようなプログラムが動くようです。（以下の例ではFirebugのconsole.log関数も使っています。）

var city = {'name':'Sendai'};
city.watch('name', function(prop, oldval, newval){
 console.log('prop = ' + prop + ', oldval = ' + oldval + ', newval = ' + newval);
});
city.name = 'Natori';//watch関数の第２引数に渡した関数が呼び出される

この関数を使えばプロパティの設定を監視できるわけですね。 Greasemonkeyではwindowのプロパティを監視するのにwindow.watchと書くと動かないのでunsafeWindow.watchと書かなければいけないようです。

Pitfall #10: style（落とし穴１０：style属性）

いよいよ10個目。通常のページでは以下のようにJavaScriptから特定のエレメントのstyle属性を変更できます。

var elmFoo = document.getElementById("foo");
elmFoo.setAttribute("style", "margin:0; padding:0;");

GreasemonkeyではgetElementByIdで取得するエレメントがXPCNativeWrapperであるため、これも期待通りに動いてくれません。以下のように個々にスタイルを指定する必要があります。

var elmFoo = document.getElementById("foo");
elmFoo.style.margin = 0;
elmFoo.style.padding = 0;

以上前回のエントリと合わせて10個の落とし穴を簡単に書きましたが、落とし穴以外のセキュリティホールやセキュリティ上気をつけるべきことは省略しました。公開するスクリプトを作成する方はオリジナルの記事にきちんと目を通してセキュリティに気を配ることを強くお勧めします。

Greasemonkeyで遊ぶ（その１）

2007-08-13T19:08:00.000+09:00

仕事中になかなかRubyを書くわけにもいかず、やっぱりJavaScript書いてることのほうが多い今日この頃はGreasemonkeyで自分好みにいろんなサイトを変更するのが仕事の合間のマイブームになりました。 Greasemonkey用に書いたソースはちょこっとだけ書き換えればOperaでも動くので、普通のブラウジングをOperaに頼ってる私としては重宝します。

GreasemonkeyではCSSはJSから出力するしかないので、まずGreasemonkeyじゃない普通のページでやりたい処理を実現してからそれをJSで出力するように移行するように作業をしています。そこで以下のような例外に遭遇。

uncaught exception: [Exception... "Component is not available" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: file:///C:/Documents%20and%20Settings/[省略]/components/greasemonkey.js :: anonymous :: line 700" data: no]

Operaでは動くのになんでだーと思いながら調べると、どうもobj.onclick=function(){}は使えないというブログのエントリを発見。さらに検索を続けたところ以下のオライリーのサイトにたどり着きました。

O'Reilly Network -- Avoid Common Pitfalls in Greasemonkey

本当だったようです。この記事が非常に役に立つのでメモっておきます。（書籍にまとまってたりするのかなぁ）翻訳チョー適当なので勘弁してください。

Pitfall #1: Auto-eval Strings（落とし穴１：自動評価文字列）

通常ブラウザで動かすJavaScriptでは、 setTimeout関数のようなコールバック関数を引数に取る関数にsetTimeout("my_func()", 1000);のように関数の文字列を渡すことができます。内部では実行時に文字列を評価（eval）してくれているようです。これがGreasemonkeyでは動かないらしい。

このような場合は、var func = function(){};のようにして関数リテラルにしてしまってfuncを第一引数に渡すか、 setTimeout(function(){}, 1000);のように無名関数を直接埋め込んでしまえば正しく実行されます。

Pitfall #2: Event Handlers（落とし穴２：イベントハンドラ）

まさにこれが私のハマったやつだったわけですが、 onclickやonchangeやonsubmitのようなイベントハンドラを使用したケースです。私はよく以下のように書きます。

document.getElementById('my_obj').onclick = function(){
 alert('my_obj onclick');
};

これがダメ。getElementByIdはElement自身ではなくXPCNativeWrapperというラッパを返すため、上記のようなコードではelementにonclickを設定するコードにはならないというもの。（idやclassNameのようなプロパティはXPCNativeWrapperがちゃんとラッピングしているElementの値を返すようです）

これを回避するにはaddEventListener関数を使えとのこと。上記のコードの代わりにこう書きます。（Operaではonclickに直接無名関数を記述しても動きますが、以下の例でも正しく動きます）

document.getElementById('my_obj').addEventListener("click", function(){
 alert('my_obj clicked.');
}, false);
//３つめの引数はイベントバブリングの制御のための値
//「addEventListener バブリング」で検索すると分ります

Pitfall #3: Named Forms and Form Elements（落とし穴３：名前を付けたフォームとフォーム要素）

以下のようになっているフォームがあるとき。

<form id="gs">
<input name="q" type="text" value="foo">
</form>

以下のような書き方でqの値をとることができないようです。（個人的にはこういう書き方しないのでなんとも...）

var q = document.gs.q.value;

Pitfall #4: Custom Properties（落とし穴４：カスタムプロパティ）

JavaScriptでは好きなプロパティを勝手に付けることができますが、これもXPCNativeWrapperがあるためにできないとのこと。以下のようなコードはエラーにはなりませんが、意図した通りに動きません。

var elmFoo = document.getElementById('foo');
elmFoo.myProperty = 'bar';

idなどのプロパティは普通にアクセスできますが、自分でオリジナルのプロパティを付けたい場合は以下のようにsetAttributeを使います。

var elmFoo = document.getElementById('foo');
elmFoo.setAttribute('myProperty', 'bar');

セットした値を取得するにはgetAttributeを使います。ここでちょっとハマったので注意。 getAttributeの戻り値は必ずString型になるようです。（falseをセットしたら戻り値が'false'でtypeofしたところ'string'でしたから）フラグをセットする場合などはそのままfalseをセットするだけではダメですね。

Pitfall #5: Iterating Collections（落とし穴５：コレクションの数え上げ）

（ちょっと解釈を間違っているかもしれません）以下の例を見てください。

//配列のループ
var list = [1,2,3,4];
for (var i = 0 ; i < list.length ; i++)
{
 alert(list[i]);
}

//オブジェクトのプロパティの取り出し
var obj = {'name': 'narucissus', 'age': 26};
for (var j in obj)
{
 alert(j + ' is ' + obj[j]);
}

変数listは（[]を使って）配列として定義しています。この配列のすべての要素にアクセスするときにはfor(;;)を使います。

これに対して変数objは（{}を使って）連想配列（またはオブジェクト）として定義しています。この連想配列の要素にアクセスするときにはfor(in)を使います。

通常この２つの用法は意識して区別していますが、ブラウザが意図したとおりに実行してしまうせいか、配列に対してfor(in)を使用するケースが多いです。引用元では上記のようには書いていませんが、これがダメだよということだと思います。（違っていたら詳しい方コメントください）

あと５つもある...続きはウェブで。（ウェブだけど）

Firebugのconsole.logをIEでも使いたいとき

2007-07-20T18:32:00.000+09:00

JavaScriptの開発には欠かせないFirebugではログを書き出すのにconsole.logをよく使用します。うっかりこれを残したままにしてjsファイルを保存すると、 Internet Explorerで開いたときにエラーが出て悲しい想いをすることになります。 IEでもconsole.logをコメントアウトしたりしないで使えるようにサンプルを書いてみました。

JavaScriptカスタムログ

上記のリンクをクリックしてソースを表示するだけで必要なものはすべて書いてあります。要点だけ説明すると、

String.prototype.escape = function()
{
 var str = this;
 str = str.replace(/&/g, "&amp;");
 str = str.replace(/</g, "&lt;");
 str = str.replace(/>/g, "&gt;");
 str = str.replace(/"/g, "&quot;");
 str = str.replace(/'/g, "&#039;");
 str = str.replace(/\\/g, "&yen;");
 return str;
};

Number.prototype.pad = function()
{
 return (this < 10) ? '0' + this : this;
};

HTMLタグのエスケープをするescape関数と、桁を２桁にそろえるためのpad関数をprototypeに定義。見易さを考えてprototypeにくくりだしただけなのでここは重要ではないです。

//consoleが定義されていない場合
if (typeof window.console != 'object')
{
 //画面末尾にログ表示用のdivを作成
 if (window.attachEvent)
 {
  window.attachEvent('onload', function(){
   var div = document.createElement('div');
   var attr1 = document.createAttribute("id");
   attr1.value = "console";
   div.setAttributeNode(attr1);
   
   var ul = document.createElement('ul');
   var attr2 = document.createAttribute("id");
   attr2.value = "console-list";
   ul.setAttributeNode(attr2);
   
   div.appendChild(ul);

   document.body.appendChild(div);
  });
 }

 //console.logを定義
 var console = {};
 console.log = function(obj){
  if (obj != null)
  {
   var list = document.getElementById('console-list');
   var d = new Date();
   var time = d.getHours().pad() + ':' + d.getMinutes().pad() + ':' + d.getSeconds().pad();
   
   list.innerHTML += '<li><span>' + time + '</span>' + obj.toString().escape() + '</li>';
  }
 };
}

consoleが定義されているか確認してから処理を行っています。定義されていれば（Firebugがインストールされている環境ですね）なにも処理を行わないのでそのままFirebugのconsole.logが実行されます。 IEやOperaなどであれば（もちろんグローバルにconsoleという変数を定義していなければ） window.attachEventが実行されます。 window.attachEvent内ではログを表示するためのdivとulを生成してbodyにappendしています。その後console.logの定義を定義し、呼び出されるとulのinnerHTMLにliを付け足していく処理を書いています。

#console {
 width: 90%;
 height: 10em;
}
#console ul {
 border: 1px solid #666666;
 background-color: #F0F0F0;
 font-family: "ＭＳ ゴシック", "Osaka－等幅";
 font-size: 12px;
 margin: 2px;
 padding: 3px;
 list-style-type: none;
 list-style-position: inside;
 width: 100%;
 height: 10em;
 overflow: auto;
}
#console ul li {
 margin: 0;
 padding: 0;
}
#console ul li span {
 padding: 0 1em 0 0;
 font-weight: bold;
}

divとulにはidが付いていて、CSSで見栄えを調整しています。

これでFirebugが実行できる環境ではそのままFirebugにログが出力され、 IEでは画面下部に表示されたエリアにログが表示されます。本番環境でログを出力したくない場合はconsole.log = function(obj){};のようにして定義を空にしてしまい、 document.body.appendChildを呼び出さないようにすればログの表示エリアが表示されなくなります。

使いたいと思う人がいるかわかりませんが、ご自由に使っていただいて結構です。責任は負いませんー。

（WEB+DB PRESSでid:amachangが似たようなこと書いてたけどまぁいいや）

mb_convert_kanaの"a"オプションに含まれる範囲

2007-07-06T18:30:00.000+09:00

PHPのmb_convert_kanaを使って全角→半角変換をしたときに、 "r"と"n"を使った場合と"a"を使った場合で変換され方が違っています。あんまり深いところは調べ切れませんが、そもそも"a"オプションで変換するときの範囲ってどこまでなのかFirebugでチェック。（最近ちょっとしたプログラムはすべてFirebugで書くのが癖に....）

mb_convert_kana

上記を見ると、範囲はU+0021からU+007Eまで。 Firebugのコンソールにで以下のように入力します。

>>> for (i = parseInt('21', 16) ; i <= parseInt('7E', 16) ; i++){ console.log(String.fromCharCode(i)); }

U+0022, U+0027, U+005C, U+007Eを除く、とあります。除かれる文字は以下で出力。

>>> console.log(String.fromCharCode(parseInt('22', 16)));
>>> console.log(String.fromCharCode(parseInt('27', 16)));
>>> console.log(String.fromCharCode(parseInt('5C', 16)));
>>> console.log(String.fromCharCode(parseInt('7E', 16)));

半角英数だけじゃなくて記号もばっちり入っちゃってます。とすると"r"と"n"の範囲はどこからどこまで？ PHPのソース読まないと分らないのかも....

Opera用ユーザJavaScriptファイルの例（続き）

2007-07-03T18:06:00.000+09:00

以前同じタイトルで投稿したOpera用ユーザJavaScriptファイルで、フォントを見やすくするために書いたスクリプトが特定のサイトで正しく動かないケースがありましたが、なんのことはない、JavaScriptのDOMがロード完了するのを待たずに処理してたからでした。

// ==UserScript==
// @include http://www.atmarkit.co.jp/*
// @include http://gigazine.net/*
// @include http://www.itmedia.co.jp/*
// @include http://jsgt.org/*
// @include http://slashdot.jp/*
// @include http://www.postgresql.jp/*
// @include http://journal.mycom.co.jp/*
// @include http://sunset.freespace.jp/*
// @include http://www.applelinkage.com/*
// @include http://www.ohmynews.co.jp/*
// @include http://allabout.co.jp/*
// @include http://ja.wikipedia.org/*
// @include http://www.st.ryukoku.ac.jp/*
// @include http://itpro.nikkeibp.co.jp/*
// @include http://blog.livedoor.jp/*
// @include http://www.amazon.co.jp/*
// @include http://d.hatena.ne.jp/*
// @include http://allabout.co.jp/*
// @include http://www.asahi.com/*
// @include http://codezine.jp/*
// @include http://ja.wikipedia.org/*
// ==/UserScript==

//画面のロードが終了してからフォントの修正
window.addEventListener("load", function(){
    //英文フォントをVerdanaに
    document.body.style.fontFamily = "Verdana, Arial, sans-serif";
    
    //カスタマイズしてあることがわかるよう、画面右上に「customizing」を表示
    var divTag = document.createElement("div");
    var textNode = document.createTextNode("customizing...");
    var attr = document.createAttribute("style");
    attr.value = [
        "background-color:#FF0000",
        "font-size:11px",
        "font-family:Verdana",
        "color:#FFFFFF",
        "padding:2px",
        "position:fixed",
        "width:15%",
        "top:0",
        "left:85%",
        "z-index:10000"].join(";");
    
    divTag.setAttributeNode(attr);
    divTag.appendChild(textNode);
    
    document.body.appendChild(divTag);
    
    //ほか個別設定が必要なサイト用の処理
    if(0 <= location.hostname.indexOf("blog.livedoor.jp"))
    {
        document.body.style.lineHeight = '2.5em';
        document.body.style.fontSize = '6px';
    }
    
}, false);

OperaではaddEventListenerが使えるので、これを使って画面ロード終了時にbodyのフォントファミリを変更するだけ。簡単。なんで気づかなかったかなーオレ....

「初めてのJavaScript」にマツガイが多い

2007-07-03T17:59:00.000+09:00

初めてのJavaScript という本がオライリーから出版されましたが、イージーな誤字（「新しいウィンドウを開くするときは」とかDateがDataになってたりとか）やプログラムの間違いが多いです。プログラムは一通り実行してみればおかしいことには気づきそうなものが多いのですが、訳者は実行していないんでしょうか。誤字を別にすれば役に立つ本なので残念。

JavaScriptをちゃんと書籍で勉強したのはJavaScript第３版でしたが、バージョンの古さのため実情にそぐわないところが多かったです。こちらの最新版には期待したいところ。（夏に出る予定だったはず）

U-30ブートキャンプ

2007-06-28T12:59:00.000+09:00

と銘打った新人歓迎会をやりました。新人歓迎会といいつつ新人の参加費はロハではありません。（ロハとか言ってしまった...）

新人5人と旧新人11人でトータル16人。お会計は45000円。じゃー新人2500円の旧新人3000円ぐらいでいーんじゃね？ってことで会計終了。でもそれっていくらだったんだろうと今頃気になったのでFirefoxのアドレスバーで計算してみました。

javascript:new function(){alert(2500*5+3000*11);}

45500。どうやら500円プラスだったようです。以下のように書いても可。

javascript:(function(){alert(2500*5+3000*11);})()

ありがとうamachang!

FreeBSDのapache+ssl-1.3.37.1.57でSSLを有効にするには

2007-06-18T18:29:00.000+09:00

CentOSとかほぼ設定いらずでSSLが使用可能なディストリビューションに慣れてしまうと、 SSLの設定ひとつできやしないダメダメっぷり。 FreeBSD5.5のapache+ssl-1.3.37.1.57でSSLを有効にするためのメモですー。

まずapache+ssl-1.3.37.1.57はportsでインストール済みとします。 make certificateはしてません。今回使用する証明書は開発用なのでオレオレ証明書です。以下のように作成しました。

# cd /usr/local/etc/apache/
# openssl req -new -x509 -nodes -out httpsd.pem -keyout httpsd.pem
Generating a 1024 bit RSA private key
....++++++
....................................................++++++
writing new private key to 'httpsd.pem'
-----
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [AU]:JP（国名）
State or Province Name (full name) [Some-State]:Miyagi（都道府県名）
Locality Name (eg, city) []:Sendai（市町村名）
Organization Name (eg, company) [Internet Widgits Pty Ltd]:Hoge（組織名）
Organizational Unit Name (eg, section) []:Hoge（会社名）
Common Name (eg, YOUR name) []:Hoge（氏名）
Email Address []:hoge@hoge.com（メールアドレス）

証明書を作成したら、/usr/local/etc/apache/httpsd.confを編集します。 1001行目付近にあるSSLDisableをコメントにして、以下の内容をファイル末尾に書き足しました。

Listen 443
SSLEnable
SSLCertificateFile /usr/local/etc/apache/httpsd.pem
SSLVerifyClient 0
SSLVerifyDepth 10
SSLFakeBasicAuth
SSLCacheServerPath /usr/local/sbin/gcache
SSLCacheServerPort /var/log/gcache_port
SSLCacheServerRunDir /tmp
SSLSessionCacheTimeout 15

SSLCertificateFileにはさきほど作成したpemファイルのパスを指定。 SSLCacheServerPathはgcacheバイナリのあるパスを指定。 SSLCacheServerPortは存在するディレクトリなら大丈夫のよう。

おいらも恋したドラリオン

2007-06-18T18:27:00.000+09:00

このあいだの土曜日、ドラリオン見てきました。

最後に見たサーカスは小さいころのことでもう覚えていません。シルク・ドゥ・ソレイユではないサーカスもグランディに来てたりしたんですけどねー。今回は妻経由で（ちょっとお安く）チケットが手に入ったので、勇んで行って参りました。

すごいよドラリオン！

語彙が少なくてうまくこの感動を言葉にできません。最近涙腺がゆるいので泣きそうでした。肉体の美しさ、躍動感、静と動、いいですねー。興奮しました。道化（クラウンっていうんですね）も好きです。物語には道化がつきものです。道化がないとメリハリがつかないし、なんだか物足りない感じになってしまうと思います。もう一回行きたいなぁ。7/8までやってるんだよなぁ。

magic_quotes_gpcがOnの状態でEthnaを使う

2007-06-07T19:59:00.000+09:00

Ruby on Railsが全然進んでいません(;_;) 進んでいませんが仕事はしないといけないので、仕事中に気づいたEthnaのことをメモ。

FreeBSD 5.5でApache1.3を使用してEthnaを使用したWebアプリ構築中です。どうも本番環境では.htaccessが使用不可のようなので、 magic_quotes_gpcがOnになっているのをOffにしたくてもできなそうです。（mbstring関連だったら変更の可否がPHP_INI_ALLなので、 PHPプログラムの中でini_set関数使ってini_set('mbstring.internal_encoding', 'euc-jp');みたいに設定できるんですが、 magic_quotes_gpcは残念ながらPHP_INI_PERDIRでini_setが使えない）

PHP: php.ini ディレクティブ - Manual

magic_quotes_gpcはCentOSではデフォルトでOffだったので気にかけてませんでしたが、 Onだと勝手にaddslashesされてしまって、ページ遷移するとフィールドに入力した円マークが増えてたりします。しょうがないのでEthna側の設定で回避することに。フィルタでGET,POST,COOKIEをそれぞれstripslashesします。

Ethna - PHPウェブアプリケーションフレームワーク

Ethnaのバージョンは2.3.1です。 app/plugin/Filterにある{$app_id}_Plugin_Filter_ExecutionTime.phpを複製して{$app_id}_Plugin_Filter_MagicQuotesGpcOff.phpを作成します。クラス名を正しく書き換えて、preFilter関数を以下のように書き換え、stripslashes_recursive関数を追加。

    /**
     *  実行前フィルタ
     *
     *  @access public
     */
    function preFilter()
    {
        if (ini_get('magic_quotes_gpc'))
        {
            $_GET = $this->stripslashes_recursive($_GET);
            $_POST = $this->stripslashes_recursive($_POST);
            $_COOKIE = $this->stripslashes_recursive($_COOKIE);
        }
    }

    function stripslashes_recursive($data)
    {
        if (is_array($data))
        {
            return array_map(array(&$this, 'stripslashes_recursive'), $data);
        }
        else
        {
            return stripslashes($data);
        }
    }

クラスのメンバ関数をarray_mapの第一引数に指定する場合は、関数名を文字列として渡すのではなくarray(&$this, '関数名')とするようです。フィルタができたら、app/{$app_id}_Controller.phpの$filterに作成したクラスを定義すれば完了。

    /**
     *  @var    array       フィルタ設定
     */
    var $filter = array(
        /*
         *  TODO: フィルタを利用する場合はここにそのプラグイン名を
         *  記述してください
         *  (クラス名を指定するとfilterディレクトリからフィルタクラス
         *  を読み込みます)
         *
         *  記述例：
         *
         *  'ExecutionTime',
         */
         'MagicQuotesGpcOff',
    );

Google Reader早く日本語対応してくれないかな

2007-05-22T09:36:00.001+09:00

livedoor Readerとかも使ってみたんですが、操作感がいいのでGoogle Readerのほうを愛用してます。いままでフォルダ分けしたりタグつけたりしなかったので不便を感じなかったのだけど、フォルダ名とタグに日本語つけられない！あーこれ不便だー。

utf-8でURLエンコードした文字列もダメ....日本語対応版を待つとします。

Excelのオートシェイプが表示されなくて困った件

2007-05-17T22:10:00.000+09:00

Excelのオートシェイプの塗りつぶしと線が表示されなくて透明になってしまい、選択はできるけど見えなくて困ってしまったというお話。再起動繰り返して１時間ぐらい無駄にしてしまった....くそー。

いろんな人に聞いてもこんな現象見たことないそうですが、検索したら対処法がすぐわかりました。ディスプレイドライバのハードウェアアクセラレータの設定で正しく表示されないケースがあるとのこと。

Office XP プログラムで文書のスクロールやウィンドウのサイズ変更を行うと、グラフィックスまたはテキストの表示が乱れる

以下のように回避策が書かれています。

[スタート] ボタンをクリックし、[設定] をポイントし、[コントロールパネル] をクリックします (Windows XP の場合は、[スタート] ボタンをクリックし、[コントロールパネル] をクリックします)。次に、[画面] をダブルクリックします。
[設定] タブの [詳細] (または [詳細設定]) をクリックします。
[トラブルシューティング] タブで、ハードウェアアクセラレータのスライダを [なし] の方向にドラッグし、[OK] を 2 回クリックします。
問題が発生しなくなるまで、手順 1. ～ 3. を繰り返します。

自分の設定はハードウェアアクセラレータが最大になっていました。これを下から３番目のレベルまでに下げたら正しく表示されるように。でもハードウェアアクセラレータの設定は全然いじっていないのになんで急にこういう風になってしまったんだろう...

PHP5でSegmentation fault発生

2007-05-14T21:10:00.000+09:00

CentOS5をインストールしたので、Apache2.2.3+PHP5.1.6+PostgreSQL8.1.9な環境でいろいろやってみようかと思いEthnaで構築したプロジェクトをせこせこ移行していると、PHP Warningもなにも返さないでサーバ側の処理が終了したもよう。 httpdのログを見てびっくり。

[Mon May 14 21:04:05 2007] [notice] child pid 20941 exit signal Segmentation fault (11)

大学以来かもしれないSegmentation fault! 久しぶりに見たー。ググるとApache 2.2とPHPの相性が悪いなどあるようで、MPMを調べて見ました。 /etc/sysconfig/httpdはworkerにはなっておらずpreforkのまま。うーんなぜだろう.... PHPのバージョンが上がれば直るかもしれないと期待をかけてyum updateするも変化なし。 Ethnaをすべてutf-8に変更したからかなぁ。

Mac OS X 10.3(Panther)でRuby on Rails その３

2007-05-03T19:33:00.000+09:00

さて本を参考にRuby on Railsを開始してみると、やっぱりちゃんとしたエディタの必要性を感じるのでした。やはりEmacsキーバインド愛好者としてはCarbon Emacsを使いたいところ。というわけでEmacsでRubyを編集するためにカスタマイズした内容をメモ。

まずRubyの本家からRubyのソース（.tar.gz）をダウンロードします。ダウンロードした.tar.gzを解凍してできたディレクトリの中にmiscというディレクトリがあり、その中に.elファイルがあります。それらの.elファイルを/usr/share/emacs/site-lisp/以下にコピーします。

次にホームディレクトリに.emacsファイルを作成します。

(global-set-key "¥C-h" 'delete-backward-char)

(autoload 'ruby-mode "ruby-mode" "Mode for editing ruby source files" t)
(setq auto-mode-alist
      (append '(("¥¥.rb$" . ruby-mode)) auto-mode-alist))
(setq interpreter-mode-alist (append '(("ruby" . ruby-mode))
                                     interpreter-mode-alist))
(autoload 'run-ruby "inf-ruby" "Run an inferior Ruby process")
(autoload 'inf-ruby-keys "inf-ruby" "Set local key defs for inf-ruby in ruby-mode")
(add-hook 'ruby-mode-hook
          '(lambda ()
      (inf-ruby-keys)))
(global-font-lock-mode t)

.emacsファイルを保存したらemacsを再起動します。これでruby-modeが使えるようになり、ハイライト表示が行われるようになりました。ただしデフォルトの文字コードがeuc-jpのままなので、編集したファイルはM-x set-buffet-file-coding-systemを使ってutf-8に変更します。（emacsを起動したときにutf-8にする方法があると思うんですが、うまく設定できず…）

これらの作業は以下のサイトを参考にしました。

Mac OSXのemacsに、Rubyモードを設定：Goodpic

Mac OS X 10.3(Panther)でRuby on Rails その２

2007-05-03T15:54:00.000+09:00

今度はRubyとRuby on Railsのインストールに入ります。まずfinkを使用してRubyのインストール。以下のサイトからMac OS X用のFink 0.7.2を選択します。

http://www.finkproject.org/

ダウンロードした「Fink 0.7.2 Installer.pkg」をダブルクリックしてインストールします。正しくfinkがインストールされたらRubyのインストール。

$ fink install ruby ruby18 ruby18-dev ruby18-shlibs

Rubyのインストールが完了したら次はrubygemsのインストール。以下のサイトからrubygems-0.9.2.tgzをダウンロードします。

http://rubyforge.org/projects/rubygems/

たぶんダウンロードすると勝手に解凍されてしまうと思います。解凍して作成されたディレクトリの中に移動して、以下を実行します。

$ sudo ruby setup.rb

完了したら次はgemコマンドでrailsをインストールします。

$ sudo gem install rails --include-dependencies
 ERROR:  While executing gem ... (Gem::GemNotFoundException)
    Could not find rails (> 0) in the repository

エラーが発生してしまいました。 finkでインストールしたRubyのバージョンが1.8.1-1だからでしょうか？公式サイトには1.8.2、1.8.4、1.8.5が使用可能と書いてありますが、1.8.3はダメとあります。ということは1.8.1もダメそう...

finkでインストールしたRubyはこのバージョンしか見当たらないので、削除することにしました。

$ fink remove ruby ruby18 ruby18-dev ruby18-shlibs

今度は以下のサイトを参考にして「Ruby 1.8.2 バイナリパッケージ for Mac OS X 10.3 (Panther)」をダウンロード、インストールしました。

Ruby インストールガイド - MacOS X

ダウンロードしてきたパッケージをインストールして、その後gemのsetup.rbを再実行。さらにrailsをgemコマンドでインストールしました。（たしかrootで）。このときgemが見つけられないといけないので、rootの.bashrcに以下を記述しました。

export PATH=/opt/ruby-1.8.2/bin:/usr/local/mysql/bin:$PATH

これで正しくインストールできたようです。 rails -vと実行したら「Rails 1.2.3」とバージョンが表示されました。やっとRailsの勉強ができるぞー。

Mac OS X 10.3(Panther)でRuby on Rails その１

2007-05-03T15:11:00.000+09:00

まだMac OS X 10.3(Panther)を使っています。 OSをアップグレードしたりiMacを買い替える予定もないので、今の環境にRuby on Railsをインストールしようと思います。とりあえずその１はMySQLの準備から。

まず以下からMySQL 5.0.7をダウンロードします。 Mac OS X (package format) downloadsのMac OS X 10.3 (PowerPC, 32-bit)を選択しました。（以前はソースからコンパイルしたんですけどもうめんどくさいので…）

http://dev.mysql.com/downloads/mysql/5.0.html#macosx-dmg

ダウンロードしたファイルを解凍して、mysql-5.0.37-osx10.3-powerpc.pkgをインストールします。

インストールが完了すると/usr/local/mysql/bin以下に各種バイナリがインストールされるので、 .bashrcに以下のように記述してパスを通します。

export PATH=/usr/local/mysql/bin:$PATH

ここのところ実はよくわかってないんですが、Linuxと違って.bashrcをホームディレクトリ以下に作成しても自動で読み込まれないんですよね。なんか根本的に勘違いしてるような気がしないでもないですが、.bashrcを変更（もしくは新規作成）したら、ターミナル上でsource .bashrcとして環境変数を適用します。

パスを通したら起動しますが、起動前にrootになって、my.cnfの準備をします。

$ sudo su -
# cd /etc
# cp /usr/local/mysql/support-files/my-medium.cnf ./my.cnf

/etcにコピーしてきたmy.cnfの[client]セクションと[mysqld]セクションに以下のように記述します。今回はすべてutf-8で運用するので、サーバ・クライアントのキャラクタセットを統一します。

default-character-set = utf8

my.cnfの編集が完了したらmysqldを起動します。

# mysqld_safe

正しく起動したらC-zで一時停止してbgコマンドを使ってバックグラウンド動作させてもいいんですが、ターミナルが簡単に複製できるので別ターミナルを起動してそこでユーザとデータベースの作成を行います。

# mysql mysql -u root
mysql> CREATE DATABASE ndb CHARACTER SET utf8;
mysql> grant all on ndb.* to narucissus@localhost identified by 'narucissus';
mysql> quit

これでほぼ完了です。mysqldを終了するにはmysqladmin shutdownで終了します。

euc-jpをutf-8に変換するPHPスクリプト

2007-04-18T18:23:00.000+09:00

Ethnaのファイル一式をeuc-jpからutf-8に変換するPHPスクリプト作ってみました。ディレクトリを再帰的に辿ります。これも相当手垢がついたネタでほかでいくらでも見つかりますがメモなのでメモ。

<?php
define('FROM_CHAR_ENCODING', 'euc-jp');
define('TO_CHAR_ENCODING', 'utf-8');
define('TARGET_DIR', '/home/narucissus/my-project');

//ディレクトリのトレース開始
trace_dir(TARGET_DIR);

/**
 * ディレクトリのトレース
 * @param string $dir ディレクトリ
 */
function trace_dir($dir)
{
    if ($handle = opendir($dir))
    {
        while (FALSE !== ($file = readdir($handle)))
        {
            //「.」と「..」はファイルから除外
            if ($file != "." && $file != "..")
            {
                $filepath = $dir . "/" . $file;
                
                //フォルダ処理
                if (is_dir($filepath))
                {
                    //再帰処理
                    trace_dir($filepath);
                }
                //ファイル処理
                else
                {
                    //ファイルの中身を一度すべて変数に読み込み
                    $contents = file_get_contents($filepath);
                    //変数の文字コードを変更
                    $contents_c = mb_convert_encoding($contents, TO_CHAR_ENCODING, FROM_CHAR_ENCODING);
                    
                    //書き込み可能かチェックしてから変換後の内容をファイルの書き出し
                    if (is_writable($filepath))
                    {
                        $fp = fopen($filepath, "w");
                        $bytes = fwrite($fp, $contents_c);
                        
                        if (strlen($contents_c) == $bytes)
                        {
                            print("OK - $filepath" . "\n");
                        }
                        else
                        {
                            print("NG - write failed: $filepath" . "\n");
                        }
                        
                        fclose($fp);
                    }
                    else
                    {
                        print("NG - unwritable: $filepath" . "\n");
                    }
                }
            }
            
        }
        
        closedir($handle);
    }
    else
    {
        print("open failed: $dir" . "\n");
    }
}
?>

with({e:e})に悩む

2007-04-17T18:17:00.000+09:00

amachangのエントリIT戦記 - 社内勉強会資料でよく理解できなかったwith({e:e})という処理について。複数要素という部分のプログラム中にあります。

このエントリのコメントにもある以下のサイトが非常に参考になりました。

JavaScript でブロックスコープを実現する: Days on the Moon

このサイトの中に以下のような記述があります。

var a = 10;
with ({ a: 20 }) {
  print(a); // 20
}
print(a); // 10

ここを見て初めて理解できました。通常withを使う場合はこのように使うと思います。（Firebugでログを出力できる環境と仮定して）

with (document)
{
    console.log(title); //document.titleと同じ
    console.log(contentType); //document.contentTypeと同じ
}

withを使って上記のように「document.」を省略してdocumentオブジェクトのプロパティtitleとcontentTypeにアクセスできます。このdocumentの位置にいれるものはもちろん他のオブジェクトでもよいわけで、それがサンプルでは{a:20}となっていて、withの中でaにアクセスすると実際は{a:20}.aにアクセスしていることになります。（なんだか{a:20}.aという書き方はすごく違和感がありますが...）

with({e:e})のあとにsetTimeoutで無名関数が記述してありその中でnew Box(e)というふうにeが使われていますが、これが{e:e}.eになる（コロンの左側のプロパティeにアクセスして値eを取得、つまりvar e = nl[i]で定義したe）になります。なぜこんなまどろっこしいことをしているかというと、 setTimeoutで実行される無名関数内でそのままeにアクセスすると、for文だけ先に終了してしまってe = nl[5]になってしまい、ボックスがそれぞれ移動するような意図した動作になりません。（試しにwith({e:e})をコメントアウトした状態でプログラムを動かすとよくわかります） withを使ってスコープを定義してやることでeを固定するのが必要なんですね。

という解釈であってるよなぁ....

Oracle 8.1.6のインストールに失敗

2007-04-17T12:33:00.000+09:00

検索すればいくらでもわかるいまさらなネタですが、一ヵ月後には忘れてる自信があるのでやっぱりメモ。

インストールしようとしたのはOracle 8i Workgroup Server for Windows NT R8.1.6です。 XP上でVirtual PC内にWindows 2000 Serverを構築し、そこにインストールを試みました。 Windows Updateをすべて完了してautorunから起動するインストーラ内の「インストールの開始」をクリックしても、なにも起こらない.... 一瞬砂時計マークが見えてなにかが起動するのかと見せかけて、いくら待ってもウンともスンとも言わないのでした。

またGoogle先生のお力を借りてたどり着いたのが以下のサイト。

どうもPentium4プロセッサを積んだマシンではOUIが起動しないようです。そこで以下のように作業しました。

c:\ora816diskというフォルダを作成し、d:\以下の内容をすべてコピー

コピーしたらc:\ora816diskの中から「symcjit.dll」というファイルを検索

以下の２箇所が検索されました。

C:\ora816disk\oo4o81637\Components\oracle.swd.jre\1.1.7.24\2\DataFiles\Expanded\jre\win32\bin
C:\ora816disk\stage\Components\oracle.swd.jre\1.1.7.24\1\DataFiles\Expanded\jre\win32\bin

見つかった２ファイルを削除またはリネーム
c:\ora816disk\autorun\autorun.exeを実行

これで無事にインストールが開始されました。

.htaccessで携帯からのアクセスのみ許可する設定

2007-03-30T10:47:00.000+09:00

社外に公開したサーバに携帯からしかアクセスして欲しくなかったので、各キャリアのIPアドレス帯域による制限を.htaccessに記述しました。随時変更されるIPだとは思いますが、なんだかせっかく作ったのでメモ。基本的にこれを.htaccessに書くだけで携帯以外のキャリアはアクセスできないはずです。

# DoCoMo(2007/03/23時点)
# http://www.nttdocomo.co.jp/service/imode/make/content/ip/
allow from 210.153.84.0/24
allow from 210.136.161.0/24
allow from 210.153.86.0/24

# au(2007/03/23時点)
# http://www.au.kddi.com/ezfactory/tec/spec/ezsava_ip.html
allow from 210.169.40.0/24
allow from 210.196.3.192/26
allow from 210.196.5.192/26
allow from 210.230.128.0/24
allow from 210.230.141.192/26
allow from 210.234.105.32/29
allow from 210.234.108.64/26
allow from 210.251.1.192/26
allow from 210.251.2.0/27
allow from 211.5.1.0/24
allow from 211.5.2.128/25
allow from 211.5.7.0/24
allow from 218.222.1.0/24
allow from 61.117.0.0/24
allow from 61.117.1.0/24
allow from 61.117.2.0/26
allow from 61.202.3.0/24
allow from 219.108.158.0/26
allow from 219.125.148.0/24
allow from 222.5.63.0/24
allow from 222.7.56.0/24
allow from 222.5.62.128/25
allow from 222.7.57.0/24
allow from 59.135.38.128/25
allow from 219.108.157.0/25
allow from 219.125.151.128/25

# SoftBank(2007/03/23時点)
# http://developers.softbankmobile.co.jp/dp/tech_svc/web/ip.php
allow from 202.179.204.0/24
allow from 202.253.96.248/29
allow from 210.146.7.192/26
allow from 210.146.60.192/26
allow from 210.151.9.128/26
allow from 210.169.130.112/29
allow from 210.169.130.120/29
allow from 210.169.176.0/24
allow from 210.175.1.128/25
allow from 210.228.189.0/24
allow from 211.8.159.128/25

.bashrcと.vimrcのテンプレート

2007-03-30T10:40:00.000+09:00

vmwareで開発環境を作るたびに.bashrcと.vimrcを変更しないといけないのでメモ。

ターミナルはPoderosaを使用しています。背景を濃いグレー、文字を白にしているので、コードやlsの結果がカラーリングされていると非常に読みづらい。そんなわけで.bashrcはこんな感じに。

alias ls='ls -F'
alias ll='ls -lF'
alias lal='ls -alF'

同様に.vimrcもこんな感じに。

syntax off
set number
set tabstop=4
set showmode
set ignorecase
set showmatch

PostgreSQLのログをsyslogに出力するときのメモ

2007-03-27T14:29:00.000+09:00

PostgreSQLのチューニングを行うのにまずログを出力しようとしたのですが、ログを有効にするとかなり重くなってしまったのでそれを回避するためのtipsをメモ。

まず/var/lib/pgsql/data/postgresql.confの134行目付近に以下のように記述。

#---------------------------------------------------------------------------
# ERROR REPORTING AND LOGGING   
#---------------------------------------------------------------------------

# - Syslog -

#syslog = 0                     # range 0-2; 0=stdout; 1=both; 2=syslog
#syslog_facility = 'LOCAL0'     
#syslog_ident = 'postgres'      
syslog = 2                      # range 0-2; 0=stdout; 1=both; 2=syslog
syslog_facility = 'LOCAL0'

syslog = 2でsyslogのみにログを出力し、facilityはlocal0に設定。続いて172行目付近に以下のように記述。

# - What to Log -

#debug_print_parse = false
#debug_print_rewritten = false
#debug_print_plan = false
#debug_pretty_print = false
#log_connections = false
#log_duration = false
#log_pid = false
#log_statement = false
#log_timestamp = false
#log_hostname = false
#log_source_port = false
log_statement = true
log_duration = true
log_pid = true
log_connections = false
log_timestamp = false
log_error_verbosity = default   # terse, default, or verbose messages

続いて/etc/syslogd.confの設定。末尾に以下を追加。

LOCAL0.* -/var/log/postgres

local0のファシリティのすべてのログを/var/log/postgresに出力する。ファイル名の前にハイフンをつけるとファイルへの書き込みフラッシュ動作を制限できる。

http://www.linux.or.jp/JM/html/sysklogd/man5/syslog.conf.5.html

マイナス記号 ``-'' を接頭すると、記録の際のファイルシステムバッファのフラッシュ動作を抑制する。
これを用いると、書き込み動作の直後にシステムに障害が発生した場合、
情報を失なう可能性があることに注意すること。
しかしながらこの機能は特に騒々しくロギングするプログラムを動作させる際のいくらかの性能改善には役に立つ。

そのままの設定では/var/log/messagesにもPostgreSQLのログが出力されてしまうので、 /var/log/messagesにはPostgreSQLのログが出ないように「local0.none」を追加。

#*.info;mail.none;authpriv.none;cron.none            /var/log/messages
*.info;mail.none;authpriv.none;cron.none;local0.none            /var/log/messages

この後PostgreSQLとsyslogdを再起動すればＯＫ。

# /etc/rc.d/init.d/postgresql restart
# /etc/rc.d/init.d/syslog restart

これで正しく/var/log/postgresにPostgreSQLのログが吐き出されるはずですが、 syslogは遅い上に取りこぼしがあるなど欠点も多いらしいので考えないといけないですね。次はログ解析ツールpqaをインストールします。

Blogger正式版に移行完了

2007-03-20T10:55:00.000+09:00

最近やっとBloggerのBetaから新しいBloggerに移行しました。

またずいぶんと空いてしまいました。今回は仕事だけでなくて自分の結婚式なんていうイベントもありました。たくさんの人にお祝いの言葉をいただいて、感激至極です。これからもがんばります。

写真は結婚式を挙げたアートグレイスという結婚式場です。天気も最高、言うことナシです。普通の式場よりお値段は高めですが、すばらしい結婚式を挙げられますよ☆

X-Authentication-Warningフィールドの制御

2006-12-27T13:12:00.000+09:00

PHPからmail関数を使用してメールを送る際にX-Authentication-Warningフィールドが自動で付加されてしまい、場合によっては迷惑メールとして扱われてしまう可能性があるので対処法を探してみました。

PHPのmail関数のadditional_parametersに "-f narucissus@sample.com" のようにメールアドレスを記述すると送信者情報を指定できます。これをつけないとアカウントによってメールが受信できないのでつけるようにしていますが、ヘッダにX-Authentication-Warningフィールドが勝手に追加されてしまい、 Hotmailなどでは迷惑メールとして扱ったりすることがあるそうです。（検索したらそのような記事を見つけたのですが、自分のアカウントで試した限りGmailでもHotmailでも迷惑メールにはなりませんでした。）

まず最初に試したのはMTAの変更ですが、 sendmailをPostfixに変えたところヘッダのCRLFが一部勝手に置換されてしまい、ヘッダの途中から本文と解釈されてしまうように… 回避するためにヘッダの改行コードをLFにするのもRFC違反なので気が進まず。結局sendmailを使ったまま設定でなんとかすることにしました。

編集箇所は/etc/mail/submit.cf内の以下の部分です。 Tapacheを追加しました。

#####################
#   Trusted users   #
#####################

# this is equivalent to setting class "t"
Ft/etc/mail/trusted-users
Troot
Tdaemon
Tuucp
Tapache

submit.cfを保存したらmake submit.cfを実行して、sendmailを再起動。これでX-Authentication-Warningがヘッダに含まれなくなりました。

VMwareへのCentOSインストール失敗

2006-12-26T18:49:00.000+09:00

VMware5にCentOS 4.4 Serverをインストールするときに以下のようなメッセージが出て先に進めなかったのですが、やっとGoogle先生の力を借りて解決しました。

ドライブがみつかりませんでした。

エラー発生 -
新規ファイルシステム作成のため有効なデバ
イスが見つかりません。ハードウェアをチェッ
クして、この原因を調査してください。

原因は（別のPCでは問題なくインストールに成功しているので原因はというのもアレですが）ハードディスクをSCSIにしていたためでした。新規仮想マシン作成ウィザードで仮想マシン構成を選択する際に「標準」ではなく「カスタム」を選択し、仮想ディスクタイプを「SCSI（推奨）」でなく「IDE」にします。それだけ。このへんの知識は疎くて全然ダメです。

Eclipseで使えるJavaScriptエディタプラグイン

2006-12-23T12:56:00.000+09:00

Adobe Labsから提供されているJSEclipseというプラグインがいい感じです。

これまではAptanaエディタを使用したり、JavaScriptを編集するときだけDreamweaverを使ったりしていました。基本的にまだPHP,JavaScript,CSS,DBすべてeuc-jpで統一しているのですが（はやくutf-8に全面移行したい...）、 AptanaではJavaScript内のコメントに日本語が含まれると、ハイライト表示が崩れて色がおかしくなります。（まぁプログラム上の影響はないんですが、気持ちのいいものではないです） Dreamweaverではそのようなことはないですが、補完機能とかがなくて物足りない感じ。標準的に使えるJavaScriptエディタがありませんでした。そこで見つけてきたのがコレ。

JavaScript編集に役立つEclipseプラグイン「JSEclipse」:phpspot開発日誌

euc-jpでソースを書いていても特に問題はないようですし、「document.」まで打つと関数名などを補完してくれる機能が非常にありがたいのです。一番驚いたのはアウトラインですね。 JavaScriptで作成したクラス（正確にはfunctionで作成するのでclassキーワードは使いませんが）をちゃんとした階層構造で表示しています。 Dreamweaverだと関数名から一瞬で移動することができるんですが、 var func = function(){};のように定義すると関数名が空になってしまってよくわからなかったりします。ナイスJSEclipse！

ざっくりとインストール方法なぞ。

Adobe Labsにアクセス
Downloadをクリック。Adobe Membershipに登録する必要あり。「E-MAIL ADDRESS」を入力し、「No, I will create one now.」を選択して「Continue」をクリック。
ダウンロードのリンクがある（はず）ので、クリックしてzipファイルをダウンロード。登録が完了してメールが届く（特にメールの中のリンクをクリックする必要はない）。
Eclipseを起動し、「ヘルプ」→「ソフトウェア更新」→「検索とインストール」を選択
「インストールする新規フィーチャーを検索」を選択して「次へ」をクリック
「新規アーカイブ・サイト」をクリックし、先ほどダウンロードしたファイル（私の環境ではjseclipse_plugin_121406.zip）を開く
jseclipse_plugin_121406.zipにだけチェックをつけ、次へ。後はそのまま進んでいけばインストールされるはず。

zipファイルを解凍すると中にインストール方法が英語で書いてあるので、上記の方法がうまくいかない（もしくは間違っている）場合はそちらを参照してください。

＃Bloggerが正式版になったみたいですね。移行してみようかな。

勤務中に眠らないためのコツ

2006-12-22T12:52:00.000+09:00

昼食後はかなり眠いです。そこで勤務中に眠らないためのコツをふたつ。

私が効果的だと思うのは、体を弛緩させないこと。どこにも力が入っていない状態だと、意識で起きよう起きようと思っても睡魔を制御できません。一番手軽なのはガムですね。 XYLISHの大粒タイプを数個（結構な量です）を噛んでいるといくらかマシです。もうひとつ実践しているのは椅子に座っているときの姿勢。猫背にならないように背筋をぴんと伸ばすと背中の筋肉が緊張してあまり眠くなりません。ダイエット効果もあり、仕事ができるように見える効果もありです。お試しあれ。

JavaScriptでcookieを楽に扱うための管理クラス

2006-11-04T19:03:00.000+09:00

JavaScriptでcookieを扱う場合はdocument.cookieを使います。これが値の設定は楽なんですが取得が面倒なので、 setCookie(key, value)やgetCookie(key)のように簡単に使えるクラスを作ってみました。ドメインとか有効期限とかの処理は含まない簡易版です。いつもの通りもしこれを転用する場合は自己責任でお願いします。

/**
 * クッキー管理
 *
 * @constructor
 */
CookieManager = function()
{
};

CookieManager.prototype = {
    /**
     * 値の設定
     * @param {Object} key キー
     * @param {Object} value 格納する値
     */
    setCookie: function(key, value)
    {
        if ('string' === typeof key && key.match(/^[0-9a-zA-Z\-_\[\]]+$/))
        {
            document.cookie = key + '=' + escape(value);
        }
    },
    /**
     * 値の削除
     * @param {Object} key 削除する値のキー
     */
    removeCookie: function(key)
    {
        document.cookie = key + '= ; expires=' + (new Date(1999, 0, 1)).toGMTString();
    },
    /**
     * 値の取得
     * @param {Object} key 取得する値のキー
     * @return {String} 値
     */
    getCookie: function(key)
    {
        cookie_list = document.cookie.split('; ');
        for (i = 0 ; i < cookie_list.length ; i++)
        {
            key_and_value_list = cookie_list[i].split('=');
            if (key_and_value_list[0] == key)
            {
                return unescape(key_and_value_list[1]);
            }
        }

        return undefined;
    }
};

こんな感じで使います。

var cm = new CookieManager();
cm.setCookie('userid', 'narucissus');
str = cm.getCookie('userid');

たったこれだけでもcookieの扱いが簡単になるので便利です。クッキーが正しく設定されたかどうかを確認するにはFirefoxのCookieCullerというエクステンションを使用しました。

「Internet Explorerでは、○○○○をダウンロードできません。」

2006-10-27T22:05:00.000+09:00

IEで現在開発中のWeb画面を見ていたら、以下のようなエラーが出ました。なんだこれは？

Internet Explorerでは、○○○○をダウンロードできません。
ファイルをキャッシュに書き込めませんでした

このエラーメッセージで検索すると以下のサイトが見つかりました。

bluemoon.XOOPS(c) フォーラム

ふむふむ。『ssl通信を使う環境で、IEへファイルをダウンロードする場合、HTTP ヘッダーに「Cache-Control:no-cache」の指定があると上のエラーとなる。』なんだか別のところで同じような現象を見た気がします。と思って探してみたら、やっぱり前に同様の現象の対処をしていたことがありました。そのときにたどり着いたサイトは以下のMicrosoftのページです。

Internet Explorer が SSL 経由によるファイルのダウンロードで "No-Cache" ヘッダーを処理できない

はっきり言ってこのタイトルじゃまったく今回のエラーとのつながりを感じることができません。当時よく対処できたものだとちょっと自分に感心してしまいます。

具体的にどのようなケースがまずいかというと、 SSL接続でPHPプログラムを使用してファイルのダウンロード（例えば画像の生成など）をするとき、 Content-TypeやContent-Lengthなどの最低限のヘッダの設定しかしていないようなケースです。 ieHTTPHeadersを使ってエラーが出る場合と出ない場合のヘッダを見比べて見ましょう。 PHPファイルにIDを渡してやると画像がダウンロードされるサンプルです。エラーが出る場合は以下のようになります。

GET /file_download.php?fid=1234 HTTP/1.1
Accept: */*
Accept-Language: ja
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; InfoPath.1; .NET CLR 2.0.50727)
Host: XXXXXXXXXX
Connection: Keep-Alive
Cookie: PHPSESSID=8ced8c52c961fdbcf0421f4ff8d0ccef

HTTP/1.1 200 OK
Date: Fri, 27 Oct 2006 12:40:46 GMT
Server: Apache/2.0.52 (CentOS)
X-Powered-By: PHP/4.3.9
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma: no-cache
Accept-Ranges: none
Content-Disposition: attachment; filename=Winter.jpg
Content-Transfer-Encoding: binary
Content-Length: 105542
Connection: close
Content-Type: image/pjpeg

JPEG画像なのでContent-Typeがimage/pjpegになっていますが、 Cache-ControlとPragmaがno-cacheになっています。 no-cacheを回避するためにPHPで以下のようなコードを書いてやります。

header('Pragma: private');
header('Cache-Control: private');
//header関数は画像の出力の前に行う

するとヘッダは以下のように変わります。

GET /file_download.php?fid=1234 HTTP/1.1
Accept: */*
Accept-Language: ja
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; InfoPath.1; .NET CLR 2.0.50727)
Host: XXXXXXXXXX
Connection: Keep-Alive
Cookie: PHPSESSID=8ced8c52c961fdbcf0421f4ff8d0ccef

HTTP/1.1 200 OK
Date: Fri, 27 Oct 2006 12:39:11 GMT
Server: Apache/2.0.52 (CentOS)
X-Powered-By: PHP/4.3.9
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: private
Pragma: private
Accept-Ranges: none
Content-Disposition: attachment; filename=Winter.jpg
Content-Transfer-Encoding: binary
Content-Length: 105542
Connection: close
Content-Type: image/pjpeg

これでIEでもエラーが出なくなるはずです。 Cache-ControlとPragmaに指定する値はno-cacheでなければいいので、 privateかpublicになります。 privateにした場合は通常ブラウザにファイルがキャッシュされ、経由したプロキシサーバなどには残りません。 publicにした場合には確かプロキシにも残ります。（うろ覚え） Microsoftのページには書いてありませんでしたが、Pragmaを同時に指定しないとこれも正しく動かなかった記憶があるのですが、ソースがどこか覚えていません。一緒に使わなければならないことだけはなんとなく覚えてるんですが.... ヘッダについて詳しく知りたい場合は以下が参考になります。（いつも読ませていただいています）

[Studying HTTP] HTTP Header Fields

なんだか文章がまとまっていなくてグダグダですね。早く忙しいのが落ち着かないかなぁ。

セキュリティで保護されていると警告が出るのをなかなか回避できなかった自分のケース

2006-10-12T18:02:00.000+09:00

毎回だいぶニッチな話題を提供しております。（と言ってもこのブログを読んでる人はホントにわずかなので、提供というのもおこがましいですが....）今回はIEで以下のようなメッセージが出てしまったケースの対処についてです。

このページにはセキュリティで保護されている項目と保護されていない項目が含まれています。保護されていない項目を表示しますか?

[IE6] Webコンテンツゾーンのセキュリティ設定に加えられた変更

上記のエラーが発生するのは、httpsで通信するページ内でhttpアクセスが発生してしまうのが原因です。例えばSSLで通信が暗号化された https://www.sample.com/ が、内部で <img src="http://www.yahoo.co.jp/blank.gif"> のように画像を参照してしまうと上記の警告が出ることになります。（確認はしていませんが、CSSやJavaScriptでも起こるかもしれません）

これを回避するには、IEのメニューから「ツール」「インターネットオプション」を選んで、「セキュリティ」タブの「レベルのカスタマイズ」ボタンをクリックし、「混在したコンテンツを表示する」の設定を「無効にする」にします。ただしこれではクライアント側での設定変更を強制することになるので、根本的な解決になっていません。できればサーバ側でhttpsとhttpのコンテンツを混在させないように作るべきです。

もちろん今のプロジェクトでもその点には気をつけて開発をしていたつもりですが、どうしても発生してしまう画面がいくつかあったのでした。 HTML内で参照している画像などのパスはすべて確認しましたがhttpでパスを指定しているところは見つけられません。その画面ではYahoo! UI Libraryを使用していたので、もしかしてYUIで使用しているJavaScriptかCSSの中にhttpでアクセスしているファイルがあるのではないかと予想を立てましたが、怪しいと思われる箇所をすべて変更してみても現象は同じでした。となるとあと考えられる可能性は？

上記のエラーでGoogle検索をしてみると、画像やiframeでhttp接続をしている場合警告が出てしまうと書いてあるページがありました。 iframeタグ！そういえば画面遷移を行わないように画像ファイルをアップロードするのにiframeを使っています。ただしsrcには特定のファイルを指定する必要がないため、javascript:void(0)と書いていました。 javascript:void(0)を削除して空のHTMLのパスを指定して画面をリロードしてみると....警告なし！こんなのが原因だなんて普通気づきませんよ....

ドメインとクッキーの知られざる関係

2006-10-05T19:15:00.000+09:00

サブドメインの作成の仕方を間違えるとIEで正しくクッキーが設定されなくなりますよ、というお話。

Webシステムが何回かバージョンアップを行う場合、バージョンごとに環境を分離しておきたいと考えます。しかし本番サーバではDocumentRoot直下に各ディレクトリを配置するのに対して、開発環境で（DocumentRootが/var/www/htmlだとして）/var/www/html/prj_v1のようにひとつめのバージョンのプロジェクトを配置してしまうとURLの相対パスが変わってしまうことになります。このやり方だとDocumentRoot以下に置くべきではないconfのようなディレクトリを/var/www/confと作った場合、２個目のconfの名前をどうしようということにもなります。これを解決するために、例えばprj_v1というユーザを作成してそのユーザのpublic_html以下にシステムを作ればconfの衝突は避けられますが、やっぱりURLが http://myhost.sample.com/~prj_v1/ などということになってURLのパスが本番サーバと異なってしまいます。

そこで考えたのがサブドメイン。 prj_v1.myhost.sample.comが同じIPを指すようにBINDの設定をし、 /var/www/prj_v1/confと/var/www/prj_v1/htmlを作成してApacheのVirtualHostを記述してやれば http://prj_v1.myhost.sample.com/ でアクセス可能になるのでいいじゃないか！と考えたわけです。これがうまく動くようなので、もっと早くBINDの使い方を覚えればよかったなぁと思いつつ開発を進めるうち奇妙な現象に遭遇。

IEで管理画面にログインできない....

処理を追ってみると、ログイン時に設定したはずのセッション情報がログイン後の画面で読み取れず未ログインとみなされ、再びログイン画面に強制移動になっていました。セッション情報のセット自体はPHPでは成功していて、ブラウザに対して正しくレスポンスヘッダを設定しているようです。となると、問題はIEがクッキーを受け入れていないこと。なぜに？

数日後に先輩にその話をしてみると、「ドメインにアンダーバーは使えないはずだよ」とのこと。ドメインに使用してはいけない文字を使っていたらIEがクッキーを受け付けないようにするというのはいかにもありそうな感じです。結果言われたとおりにアンダーバーをハイフンに変えてBINDとApacheを再設定し起動しなおすと、 IEでも管理画面にログインできるようになったのでした。

Firefoxのように使用してはいけない文字を含んでいても正しく処理するものと、 IEのように正しく処理しないものがあるわけですね。そういえばCSSのクラス名にもアンダーバーを使ってはいけないというのをどこかで見たことがあります。（古いブラウザでは正しく処理できないとか）ドメインやCSSに限らず、使用できる文字は把握しておくに越したことはないなと思いました。（実際には難しいですが....）

activeCollabのアップグレードに失敗したＯ氏のケース

2006-10-05T18:38:00.000+09:00

大学からの友人Ｏ氏にはWeb制作で行き詰ったときにアイデアをもらったり、 CSSの変な挙動の原因を調べてもらったりしているので、彼が困っているときには（仕事中にもかかわらず）小生の出番です。

でその内容は、activeCollabのアップグレードがうまくいかないんだけどなんで？というものでした。エラー画面のキャプチャには以下のように書いてあります。アップグレードは0.6から0.7です。

Upgrade process log

Start: Config file found and loaded.
DB: Upgrade script has connected to the database.
DB: Failed to execute DB scheme transformations. MySQL said: You have an error in your SQL syntax. Check the manual that corresponds to your MySQL server version for the right syntax to use near 'COLLATE=utf8_unicode_ci' at line 9

赤文字で出ているところがエラーっぽいです。そのまま読むと、MySQLの構文エラーが発生している模様。 utf8関連でエラーが出ているということは、MySQLがutf8を扱えないバージョンなのでは？

Ｏ氏に確認してもらうと、案の定使用しているサーバはSAKURA InternetでMySQLのバージョンが4.0系とのこと。困ったことにアップグレードが途中まで進んでしまったらしく、ログインできない状態らしいです。 activeCollabをアップグレードする場合はMySQLがバージョン4.1以上であることを確認してから行いましょう！

Windows Script Debuggerインストールに失敗

2006-10-03T23:28:00.000+09:00

Windows Script Debuggerのインストールに失敗しました。

IEのエラーは何行目かだけ出力されて、どのファイルでのエラーなのかが分からないので非常に不便です。 Yahoo!UIにからんだエラーっぽいので、FireBugのようにどのファイルのどこでエラーが起こったのかが知りたいのですがなかなか見つけられない。というわけでIEに手を入れるのはイヤだなぁと思いつつもWindows Script Debugger入れたのに、上記のサイトからダウンロードしてきたインストーラでインストールして再起動しても表示メニューになにも追加されないわけです。動作が変わってしまってないことを祈ろう....

さいわい一緒に入れた IE Developer Toolbar は正しく動いている様子。でもこれじゃやっぱりエラーの場所は追えない....

Opera用ユーザJavaScriptファイルの例

2006-09-29T13:07:00.000+09:00

Webサイトを作る側として他のサイトを見ていると気になるのは、フォントの読みにくさだったりします。

MS Pゴシックで表示されると英数字の表示が気に入らないので個人的にはArialとかVerdana系にしてしまいたいのですが、ブラウザの表示フォントを変えてしまうとすべての閲覧サイトで変更されてしまって好ましくありません。特定のサイトだけフォントを変えたい、と。そんなわけでOperaのユーザJavaScriptファイルを書いてみました。

// ==UserScript==
// @include http://www.atmarkit.co.jp/*
// @include http://gigazine.net/*
// @include http://www.itmedia.co.jp/*
// @include http://jsgt.org/*
// @include http://slashdot.jp/*
// @include http://www.postgresql.jp/*
// @include http://journal.mycom.co.jp/*
// @include http://sunset.freespace.jp/*
// @include http://www.applelinkage.com/*
// @include http://www.ohmynews.co.jp/*
// ==/UserScript==

document.body.style.fontFamily = 'Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Helvetica, sans-serif';

var divTag = document.createElement("div");
var textNode = document.createTextNode("customizing...");
var attr = document.createAttribute("style");
attr.value = "background-color:#FF0000;font-size:11px;font-family:Verdana;color:#FFFFFF;position:fixed;width:15%;top:0;left:85%;z-index:10000;";

divTag.setAttributeNode(attr);
divTag.appendChild(textNode);

document.body.appendChild(divTag);

document.body.style.fontFamilyを設定するだけでなく、本当にユーザJavaScriptファイルが読み込まれているのか確認するために「customizing...」という文字列を表示してみました。 GIGAZINEやスラッシュドットでは正しく動作しているように見えますが、なぜか正しく動作してくれないサイトも....なぜだろう。

JavaScriptでfunction_existsをするには

2006-09-28T22:14:00.000+09:00

PHPのfunction_exists関数のようなものがJavaScriptで欲しかったので探してみましたが、英語のサイトでこんな感じのやり方を見つけたのでメモ。

//関数が存在するかチェックしてから呼び出し
if ('function' === typeof obj.setName)
{
 obj.setName("foo");
}
else
{
 alert("関数setNameは存在しません。");
}

存在のチェックをしたいオブジェクトが存在する場合はobj.[関数名]をtypeofでチェックして'function'かどうか比較すればOK。 jsファイルにそのまま書いた関数はwindow.[関数名]をtypeofすればOKです。

なぜこんなことをしたかったかというと、定期的にsetIntervalで呼び出される関数があって、その関数が何回か繰り返し実行された後に成功したら特定の処理を行いたいというケースがありました。そのsetIntervalで呼び出される関数にパラメータとして渡すオブジェクトにコールバック関数を定義しておいて、処理が正しく完了したときに呼び出してもらおうということを考えたわけです。期待したとおりに動くのですが、渡すオブジェクトによってコールバックして欲しい関数がバラバラなので、コールバックするときに関数の存在をチェックしてから呼び出すようにしたかったんですね。こういうのはあんまり使用する機会はないかも、ですが。

簡易版java.util.SetみたいなものをJavaScriptで作る

2006-09-26T20:04:00.000+09:00

JavaScriptで重複しない値を保持するJavaのSetみたいなものが欲しくて作ってみました。

/**
 * 簡易Set
 *
 * @constructor
 */
Set = function()
{
 /**
  * 重複しない値を格納する変数
  */
 this._setObj = new Object();
};

Set.prototype = {
 /**
  * 値の格納
  * @param {Object} value 格納する値
  */
 add: function(value)
 {
  this._setObj[(typeof value) + '_' + value] = true;
 },
 /**
  * 値の削除
  * @param {Object} value 削除する値
  */
 remove: function(value)
 {
  delete (this._setObj[(typeof value) + '_' + value]);
 },
 /**
  * 値の取得
  */
 getValues: function()
 {
  var list = [];
  
  for (i in this._setObj)
  {
   items = i.split('_');
   list.push(items[1]);
  }
  
  return list;
 }
};

こんな感じで使います。

var setObj = new Set();
setObj.add('foo');
setObj.add('bar');
setObj.add('foo');
setObj.add('fubar');
setObj.remove('bar');
alert(setObj.getValues().join(','));
//foo,fubarが出力される

prototype.jsにこんな感じのクラスがあったようが気がしましたけどなかったです。このままでは特定の値（アンダーバーを含む文字列とか）を正しく扱えないですが、とりあえずプロジェクトで使用する分には十分なのでそのまま掲載。

MySQLの複数行insertを回避するには

2006-09-25T14:07:00.000+09:00

MySQLには複数行insertという便利が機能があります。

が、Windows上でPHP+MySQLで作成したデータをLinux上のPostgreSQLに入れようと思ったときに、複数行insertでmysqldumpされてしまうとPostgreSQLで取り込めないわけです。なにかいい手はないかと思って調べてみると、 --compatibleというオプションを使用すればPostgreSQLにcompatibleなmysqldumpを出してくれるとのこと。

出ないよ？...orz

デフォルトで--extended-insertが有効になっているらしく、１行ごとのinsertを吐き出したくてもそういうオプションがないらしい。本を調べてもネットを調べても適当なオプションが見つけられないのでマニュアルを読んでやっと発見。どうやら--extended-insertにはTRUEとFALSEを指定できるようで。

$ mysqldump tracedirdb -h 172.16.*.* -u tracedir -ptracedir --default-character-set=ujis --table foo_tbl --no-create-info --complete-insert --extended-insert=FALSE --quote-names="" --add-locks=FALSE

mysqldump --helpとするとmysqldumpを実行するときの変数が一覧で見れます。

Apacheのコンテキスト

2006-09-21T23:41:00.000+09:00

.htaccessに以下のような記述をしてSSLでしか特定のディレクトリにアクセスできないようにしたかったのですが、うまく行きません。

<Directory /foo/bar>
SSLRequireSSL
</Directory>

.htaccessでは<Directory>ディレクティブは使用できない、というのが意図した通りに動かない原因でした。

この原因を突き止めるまでいろいろ調べている途中に、ちゃんと.htaccessで使えるディレクティブなのかそうでないのかがドキュメントに書かれていることを始めて知ったわけです。今まで何度か同じように.htaccessに<Directory>ディレクティブ書いてうまく動かないことを繰り返したような気が....進歩ないなぁ。

リンク

PostgreSQLで正しく日本語がソートされないケース発見

2006-09-16T15:40:00.000+09:00

CentOS4.3でPostgreSQLを使っていたら、日本語が入っている列をキーにしたソートが正しく行えていませんでした。この現象を回避するための日本語の情報がある程度ネットでも検索できますが、一応備忘録も兼ねているので書いておきます。

以下root権限で作業します。

# pg_controldata /var/lib/pgsql/data/
pg_control version number:            72
Catalog version number:               200310211
Database cluster state:               in production
pg_control last modified:             2006年09月08日 13時23分56秒
Current log file ID:                  0
Next log file segment:                9
Latest checkpoint location:           0/8F9149C
Prior checkpoint location:            0/8F8D380
Latest checkpoint's REDO location:    0/8F9149C
Latest checkpoint's UNDO location:    0/0
Latest checkpoint's StartUpID:        21
Latest checkpoint's NextXID:          306245
Latest checkpoint's NextOID:          472767
Time of latest checkpoint:            2006年09月08日 13時23分54秒
Database block size:                  8192
Blocks per segment of large relation: 131072
Maximum length of identifiers:        64
Maximum number of function arguments: 32
Date/time type storage:               floating-point numbers
Maximum length of locale name:        128
LC_COLLATE:                           ja_JP.UTF-8
LC_CTYPE:                             ja_JP.UTF-8

最後のLC_COLLATEとLC_CTYPEがロケールを表していて、 ja_JP.UTF-8やja_JP.eucJPになっていると正しくソートが行われないそうです。ここを「C」にすると正しくソートが行えるようになります。

ただし、ロケールを変更するためには設定ファイルを書き直すなどの方法ではダメらしく、 initdbからやり直さなければなりません。 initdbのサンプルは以下の通り。

# initdb -D /var/lib/pgsql/data --encoding=EUC_JP --locale=C

これで再びpg_controldataコマンドを実行してLC_COLLATEとLC_CTYPEを確認し、「C」になっていれば正しくソートが行えるようになるはずです。しかし既にDBにデータが入っているといちいちデータをダンプして initdbしたあとリストアする必要があるのが難点。

JavaScript Lintを使用して正しいJavaScriptソースを書く

2006-09-16T14:51:00.000+09:00

JSLintをご存知でしょうか？JavaScriptの構文チェックを行ってくれる仕組みで、オンラインでtextareaに直接jsのソースを入力するタイプと、 Windowsのシェルで実行できるものがあります。

ここではWindows上でjsソースの構文チェックを行うときの方法をメモ。まず下記のリンクのjslintからソースをダウンロードしてください。

ダウンロードしたあとは、JSLint and WSHに書いてある通りなんですが、cscriptで実行します。

C:\> cscript jslint.js < [js file]

しかし、以前やったときには正しく動作していたはずが、今の新しいPCではうまく動かないのでした。トホホ。かといってすべてオンラインで流すのもちょっと気が引けます。そんなわけでしばらくjslintから遠ざかっていましたが、ふとJavaScript Lintなるjslintの後継者を発見しました。（下記リンク参照）

JavaScript Lintでなにができるかというのは本家サイトや日本語訳を出しているブログに任せるとして、簡単な使い方をメモ。 jslintと同じだろうと思って最初つまずきました。

まず本家サイトからファイルをダウンロードします。 for Windowsとfor Linuxがありますが、私はfor Linuxをダウンロードしました。解凍するとjsl-0.2.6-linuxというディレクトリが作成され、実行権限のついたjslという本体プログラムとjsl.default.confという設定ファイルがあります。（特にjsl-test.jsは使用しませんでした。）まずjsl.default.confをコピーします。

$ cp jsl.default.conf jsl.sample.conf

次にjsl.sample.confを編集します。オプションの変更等ができますが、とりあえず編集が必要なのは末尾のファイルを指定する部分だけです。このjsl.sample.confにターゲットになるファイルを記述するのに気づかず、 jslコマンドの引数にJavaScriptファイルを指定して「動かねー動かねー」と悩んではいけません。（恥）

### Files
# Specify which files to lint
# Use "+recurse" to enable recursion (disabled by default).
# To add a set of files, use "+process FileName", "+process Folder\Path\*.js",
# or "+process Folder\Path\*.htm".
#
+process /home/httpd/html/common.js
+process /home/httpd/html/default.js

設定ファイルのコメントを読むと指定したディレクトリ以下のファイルを再帰的にチェックとかできるみたいですね。現在のディレクトリからの相対パス指定もできますが、上にさかのぼる../を使用した相対パス指定ができませんでした。そのため自分の場合は（プロジェクトの都合上）例のようにすべて絶対パス指定にしました。編集を終了したらコマンドラインで以下のように実行します。

$ ./jsl -conf jsl.sample.conf

これでチェックの結果が表示されるはずです。

きっちりした性格なのでエラーがまったく出ないようにしたいのですが、全部見直すわけにもいきません。（あー気持ち悪い）よくやってしまうミスは、クロージャをつかっているところでセミコロンを忘れたり、変数をvarで再定義してしまうことです。（こんな感じ）

function Foo()
{
  var func = function()
  {
    alert('func is called.');
  };//ここにセミコロンが必要
  
  for (var i = 0 ; i < list.length ; i++)
  {
    //処理１
  }

  for (var i = 0 ; i < list.length ; i++) //変数iの再定義になる
  {
    //処理２
  }
}

forで使用するiにvarをつけるのは再帰呼び出しされる関数だけにしようと思いました.... 数値を比較するときは===を使えとか細かく指摘が入りますが、これは実質無視。次回以降これらの余計なエラーがでないように注意してJavaScriptを書こうと思います。

リンク

とりあえず書く - PostgreSQL 7.4でEUC_JPはどう扱われるのか？編

2006-09-16T14:48:00.000+09:00

「とりあえず書く」シリーズ第３弾、今回はPostgreSQLです。

まず環境。 DBは以下のように作成しました。

$ createdb foodb -U foo --encoding=EUC_JP
$ psql -d foodb -U foo
foodb=> \set
VERSION = 'PostgreSQL 7.4.7 on i686-pc-linux-gnu, compiled by GCC gcc (GCC) 3.3.2 20031218 (Vine Linux 3.3.2-0vl8)'
AUTOCOMMIT = 'on'
VERBOSITY = 'default'
DBNAME = 'foodb'
USER = 'foo'
PORT = '5432'
ENCODING = 'EUC_JP'
PROMPT1 = '%/%R%# '
PROMPT2 = '%/%R%# '
PROMPT3 = '>> '
HISTSIZE = '500'

以下のようなテーブルを用意します。MySQLのときと同じです。

CREATE TABLE sample (
  str varchar(5) default NULL
);

テーブルが作成されたら以下のようにinsertを実行して、selectで文字列の長さを確認します。

foodb=> insert into sample(str) values('abcd');
INSERT 2158847 1
foodb=> insert into sample(str) values('abcdef');
ERROR:  value too long for type character varying(5)
foodb=> insert into sample(str) values('あいう');
INSERT 2158848 1
foodb=> insert into sample(str) values('あいうえおか');
ERROR:  value too long for type character varying(5)
foodb=> select str, length(str), octet_length(str) from sample;
  str   | length | octet_length 
--------+--------+--------------
 abcd   |      4 |            4
 あいう |      3 |            6
(2 行)

ここから推測できるのは以下。

insert時はascii、２バイト文字にかかわらず１文字とカウントして挿入が行われる。
varchar(5)を超えてデータを挿入することはできない。挿入自体が失敗する。
length関数は２バイト文字も１文字とカウントして文字列の長さを返す。
octet_length関数はバイト数を返す。

PostgreSQLのバージョンは7.2と7.3と7.4で結構挙動が違うのでよく注意してしますが、もしかすると同じクエリの実行結果が7.2と7.3では変わるかもしれません。 8.0でも試してみたいところですね。

CentOSにPHP5.1.6インストール

2006-09-13T18:18:00.000+09:00

activeCollabをインストールするのにPHP5が必要ということなので、CentOSに入れてみることにしました。

ちゃんとした手順書作るつもりがなかったので本当にメモ程度に。既にインストールしてあるパッケージなどの環境に依存するため、すべてのCentOSでこのような手順が必要になるとは限りません。既にapache2とmysql4はインストールされているものとします。

一応yum listでphpと名のつくものを片っ端から削除
PHP5を本家からダウンロード
rootでphp-5.1.6.tar.gzを展開
そのままconfigureを始めると各種エラーが発生
1. まずlexがないとお叱りをうける。yumでflexをインストール
2. 次にapxsがないとお叱りをうける。探してみると/usr/sbinにない。yumでhttpd-develをインストール
3. 次にlibxml2関連でお叱りをうける。yumでlibxml2-develをインストール

configure

./configure --prefix=/usr/local/php5 --with-apxs2=/usr/sbin/apxs --with-mysql

make
make install
/etc/httpd/conf/httpd.confの末尾に以下を追加
```
AddHandler php5-script .php
```
apache再起動

これでphpinfoを見たら正しくインストールされていたみたいです。 activeColllabのインストールにも成功しました。