Author Archives: admin

Uncategorized No Comments

businessweek.comにウェブデザイン１０の掟と題する記事が載っています。ウェブデザインの偉い人たちが人気のあるサイトを基準にして選んだものだそうです。

FLASHを乱用しない
メインのコンテントを隠さない
ページを散らかさない
ページをキラキラさせない
Web2.0のサイト名を無意味に長くしたり、無意味に母音を省いたりしない
生テキストを崇拝する
ユーザが夢中になれるサイトをつくる
サイトはソーシャルであるべき
成功した技術を受け入れる
内容を充実させる

またBestサイトとWorstサイトをスライド形式で紹介しています。Worstサイトからいくつか抜粋してみます。

AT&T
散らかっててナビゲートしずらいそうです。

Smibs
名前がよくないそうです。

Pier1.com
家具を売っているところなんですが、お店らしくないそうです。

X Window Systemで他のディスプレイを使う

2008年7月15日

admin

Uncategorized 1 Comment

X Window Systemの特徴の一つは、アプリケーションの実行とその表示がクライアントサーバモデルになっていることだ。アプリケーションをあるマシンで実行し、その表示を別のマシンで行うことができる。通常は１台のマシンで実行、表示しているが、このときも内部的にはクライアントサーバモデルで動いている。このためWindowsなどと比べると表示がもっさりしてしまう原因にもなっていると思われる。Windowsでは表示命令は即座にカーネルレベルに入って表示されるため速い。

X Window Systemにおいては、アプリケーションを実行するマシンをXクライアントといい、それを表示するマシン、すなわちディスプレイがつながっているマシンをXサーバという。

ここではXサーバにFreeBSD7を使って実験してみた。というのもLinuxの多くのディストリビューションではXが-nolisten tcpオプションで起動されているため、ローカル意外のXサーバとして動かないらしいからだ。XクライアントにはUbuntuを使った。ネットワーク構成は以下のようになっている。

FreeBSD7=192.168.0.120
Ubuntu=192.168.0.228

まずFreeBSD7側でUbuntuからのアクセスを許可する。xhostを使って行う。

[freebsd7]$ xhost +192.168.0.228

つぎにUbuntu側で環境変数DISPLAYを指定して、アプリケーションを実行する。

[Ubuntu]$ DISPLAY=192.168.0.120:0 xeyes

成功すれば、freebsd7にxeyesが表示される。このときxeyesはUbuntuで実行されており、freebsd7にはxeyesが存在しなくても関係ない。またUbuntuではXが起動していなくてもいい。よってUbuntuのXがぶっ壊れて起動しなくなったときこの方法が役に立つかもしれない。

しかし実際にはこの様な機能はほとんど使用されておらず、通常はVNCなどを使うことが多い。アプリケーションなどもこのような使い方を想定してない場合も多いようで、firefoxなどは既にローカルで起動している場合、–no-remoteなどを付けてもうまくいかなかった。またサウンドはXクライアントから出力される。

freebsd7を元に戻す。

[freebsd7]$ xhost -192.168.0.228

▽関連記事
xorg.conf覚書

protocol buffer 覚書

2008年7月12日

admin

Uncategorized No Comments

protocol bufferはgoogleが作った、構造化データのシリアライズ方式。以下の特徴がある。

XMLより簡単で早い
生バイトでやるとポービリティ問題になるが、それが大丈夫
IDLみたいだがIDLより簡単

使い方

最初に.protoファイルを作る。このファイルにデータ構造を定義する。例えば以下のようになる（googleより引用）

message Person {
required string name = 1;
required int32 id = 2;
optional string email = 3;

enum PhoneType {
MOBILE = 0;
HOME = 1;
WORK = 2;
}

message PhoneNumber {
required string number = 1;
optional PhoneType type = 2 [default = HOME];
}

repeated PhoneNumber phone = 4;
}

message Person {

required string name = 1;

required int32 id = 2;

optional string email = 3;

enum PhoneType {

MOBILE = 0;

HOME = 1;

WORK = 2;

}

message PhoneNumber {

required string number = 1;

optional PhoneType type = 2 [default = HOME];

}

repeated PhoneNumber phone = 4;

}

これをコンパイラ(protoc)を使ってコンパイルする。コンパイルの生成物はC++やJavaのクラスとなる。C++の場合出来上がったファイルをコンパイルするにはprotocol bufferのヘッダファイルやライブラリが必要になる。

protocol bufferで提供さているファイル一式にはVisual C++の.slnファイルが含まれているので、これをVC+ 2005 Express Editionなどで開けばライブラリをビルドできる。

コードのビルド時、libprotobuf.libを読み込ませる必要があり、実行時にはlibprotobuf.dllが必要になる。

サンプルプログラム

#include <iostream>
#include "person.pb.h"

int main()
{
Person person;
person.set_name("opoona");
person.set_id(100);

int size = person.ByteSize();
unsigned char* data = new unsigned char[size];
if(!person.SerializeToArray(data, size))
return -1;

Person person2;
if ( !person2.ParseFromArray(data, size) )
return -1;

std::cout << person2.name() << std::endl;
std::cout << person2.id() << std::endl;

delete data;
return 0;
}

#include <iostream>

#include "person.pb.h"

int main()

{

Person person;

person.set_name("opoona");

person.set_id(100);

int size = person.ByteSize();

unsigned char* data = new unsigned char[size];

if(!person.SerializeToArray(data, size))

return -1;

Person person2;

if ( !person2.ParseFromArray(data, size) )

return -1;

std::cout << person2.name() << std::endl;

std::cout << person2.id() << std::endl;

delete data;

return 0;

}

上記ソースを実行するとPersonのdtorでエラーが出る。読みきれなかったのでスルー。

Visual C++ 2005でデータブレークポイントを使う

2008年7月9日

admin

Uncategorized No Comments

データブレークポイントとはある変数の値が変更されたりしたときにブレークするブレークポイントです。以下のソースにおいて１９行目のf3()の呼び出し後、iの値が変わったときブレークしたいとします。

#include <stdio.h>

void f1(int* p)
{
*p += 1;
}
void f2(int* p)
{
f1(p);
}
void f3(int* p)
{
f2(p);
}

int main()
{
int i=0;
f3(&i);
printf("%d\n",i);
return 0;
}

#include <stdio.h>

void f1(int* p)

{

*p += 1;

}

void f2(int* p)

{

f1(p);

}

void f3(int* p)

{

f2(p);

}

int main()

{

int i=0;

f3(&i);

printf("%d\n",i);

return 0;

}

まず普通にステップ実行して１９行目まで来ます。ここでiのアドレスを知る必要があります。メニューからデバッグウインドウ逆アセンブルを開きアセンブラでステップ実行すると以下のようになります。

このときeaxレジスタに入るのがiのアドレスです。メニューからデバッグブレークポイントの作成新しいデータブレークポイントを選択し、この値を以下のようにデータブレークポイントで設定します。

（この例では実際にアドレスを調べる必要はなく、上のダイアログでは&iと打ち込めばよかったみたいです）

OKをクリックして、実行を再開すれば、以下のようにiの値が変化した直後にメッセージボックスが表示されブレークします。

Nautilusで常にフォルダを表示する

2008年7月8日

admin

Uncategorized No Comments

FedoraやCentOSのNautilus（ファイルマネージャ）は起動したときにフォルダビューを表示してくれない。コマンドラインで以下のように起動すればフォルダビューを表示できるが、それをパネルやデスクトップから起動した場合でも、デフォルトで表示させる方法。

コマンドラインでフォルダビューをつけて起動させる。

$ nautilus –browser

デフォルトでフォルダビューをつけて表示させる

デフォルトで表示させるためにはgconfの設定を変えればいい。gconfとはWindowsでいうところのレジストリみたいなもの（参考）。gconfの設定を変えるにはgconf-editorを使うのが簡単。

gconf-editorを起動して、以下のように/apps/nautilus/preferences/always_use_browserをチェックすればフォルダビューつきで起動するようになる。

Fedora9でAudaciousを使ってmp3を再生する

2008年7月4日

admin

Uncategorized No Comments

audaciousはwinampライクなサウンドプレイヤー。

１、事前準備リポジトリへlivnaを追加

livnaのページからFedora 9用のリポジトリRPMをダウンロードしてインストールする。以下のように直接URLを指定しても可能。

# rpm -Uvh http://rpm.livna.org/livna-release-9.rpm

２、audaciousとプラグインをインストール

# yum install audacious audacious-plugins\*

３、再生してみる

普通に再生

$ audacious aaa.mp3

1	$ audacious aaa.mp3

ディレクトリを指定してもいい

$ audacious mymusic/

1	$ audacious mymusic/

m3uを指定

$ audacious bbb.m3u

1	$ audacious bbb.m3u

m3uはshift-jisで記述してあるとうまく開けない。utf-8に変換すると開ける。改行もlinuxスタイルに変える必要がある。以下の方法で変えられる。

$ nkf -w -Lu -d old.m3u &gt; new.m3u

1	$ nkf -w -Lu -d old.m3u > new.m3u

４、日本語が化ける

タグの日本語が化ける。以下の設定で直す。

プレイヤー部分も化ける場合は、外観の設定でビットマップフォントを使わないようにする。

５、スキン

スキンはwinamp2系のスキンを利用できる。wszファイルをダウンロードし、~/.local/share/audacious/Skins/ に置けばいい。

また、xmms-skinsパッケージにスキンがあるので以下のようにして持ってこれる。

# yum install yum-utils
# yumdownloader xmms-skins
$ file-roller xmms-skins-1.2.10-15.noarch.rpm

# yum install yum-utils

# yumdownloader xmms-skins

$ file-roller xmms-skins-1.2.10-15.noarch.rpm

ここで中にあるzipファイルをスキンのディレクトリへもってくる。

MySQLでrootのパスワードを変更する

2008年7月3日

admin

Uncategorized No Comments

WindowsのMySQL 5.0を想定しています。

MySQLのユーザ名とパスワードはMySQL自身が管理している物で、OSのものとは関係がありません。

１，コントロールパネル管理ツールサービスを開き、MySQLを停止させます。

２，以下のようなテキストファイルを用意し、C:\mysql-init.txtとして保存します。MyNewPassのところは実際のパスワードに変えます。

UPDATE mysql.user SET Password=PASSWORD('MyNewPass') WHERE User='root';
FLUSH PRIVILEGES;

1 2	UPDATE mysql.user SET Password=PASSWORD('MyNewPass') WHERE User='root'; FLUSH PRIVILEGES;

３，管理ツールのサービスのMySQLをダブルクリックして開き、「実行ファイルのパス」を確認します。ここでは以下のようになっています。

"C:\Program Files\MySQL\MySQL Server 5.0\bin\mysqld-nt" --defaults-file="C:\Program Files\MySQL\MySQL Server 5.0\my.ini" MySQL

1	"C:\Program Files\MySQL\MySQL Server 5.0\bin\mysqld-nt" --defaults-file="C:\Program Files\MySQL\MySQL Server 5.0\my.ini" MySQL

４，コマンドラインから以下のコマンドを実行します。このとき上記のパスを参考にします。

C:\>"C:\Program Files\MySQL\MySQL Server 5.0\bin\mysqld-nt" --defaults-file="C:\Program Files\MySQL\MySQL Server 5.0\my.ini" --console --init-file=C:\mysql-init.txt

1	C:\>"C:\Program Files\MySQL\MySQL Server 5.0\bin\mysqld-nt" --defaults-file="C:\Program Files\MySQL\MySQL Server 5.0\my.ini" --console --init-file=C:\mysql-init.txt

入力待ちになったらCtrl+Cを押して停止します。

５，管理ツールのサービスからMySQLを起動します。

参照元

csrss.exeとサブシステム

2008年7月3日

admin

Uncategorized No Comments

Windows2000やWindowsXPのNT系で必ず動いているcsrss.exe。

Windowsにはサブシステムという概念があり、WindowsアプリケーションはWindowsサブシステムの上で動いている。WindowsサブシステムはKernel32.dllやUser32.dllなどの基本的なDLLと上記のcsrss.exeによって提供されている。

世に出ているほとんどのWindows用の実行ファイルはWindowsサブシステム上で動くアプリケーションで、通常はほとんどの稼動しているWindowsはWindowsサブシステムしか動いていない。

Windows Services for UNIXはPOSIXサブシステムを提供する。3.5から無料でで利用できるようになった。

POSIXサブシステム用に作られたアプリケーションはkernel32.dllなどとリンクしていないのでWin32APIが呼び出せない。そのかわりにforkなどのWin32では作りづらい機能を提供している。

POSIXサブシステムが動くとpsxss.exeが動く。これはcsrss.exeに対応するプロセス。

postfixでバーチャルドメイン覚書

2008年7月2日

admin

Uncategorized No Comments

一つのマシンでいくつかのホスト名をapacheなどのVirtual Hostを使ってホスティングしていて、それぞれのホスト宛のメールを受け取りたいときのpostfixの設定。

設定方法は簡単なものから複雑なものまで色々あるがここでは簡単な2つの方法を示す。ここではa.example.comとb.example.jpをホスティングしているとする。

１、もっとも簡単な方法。

以下のように、/etc/postfix/main.cfのmydestinationにホストを加える。

mydestination = $myhostname, localhost.$mydomain, localhost, $mydomain, a.example.com, b.example.jp

1	mydestination = $myhostname, localhost.$mydomain, localhost, $mydomain, a.example.com, b.example.jp

上記のようにした場合、info@a.example.com宛のメールとinfo@b.example.jp宛のメールは両方共OSアカウントのinfoさんのメールディレクトリ /home/info/Maildir/に入る。inaiuser@a.example.com宛でinaiuserのOSアカウントがない場合はエラーが返る。

２、もうちょっと複雑な方法

以下のように、/etc/postfix/main.cfに記述する。

virtual_alias_domains = a.example.com, b.example.jp
virtual_alias_maps = hash:/etc/postfix/virtual

1 2	virtual_alias_domains = a.example.com, b.example.jp virtual_alias_maps = hash:/etc/postfix/virtual

/etc/postfix/virtualを以下のように記述する。

info@a.example.com   abe
info@b.example.jp    fukuda
@a.example.com       koizumi

info@a.example.com abe

info@b.example.jp fukuda

@a.example.com koizumi

こうすると、info@a.example.com宛のメールはOSアカウントのabeさんのメールディレクトリに入り、info@b.example.jp宛のメールはOSアカウントのfukudaさんのメールディレクトリに入り、xxx@a.example.com宛のメールなどのここで定義されていないのもはkoizumiさんのメールディレクトリに入り、yyy@b.example.jp宛などのメールはエラーになる。

この方法を使う場合は、１のようにmydestinationを定義しないこと。

元ネタともっと複雑な方法についてはこちら

JavaScript 配列の基礎

2008年6月20日

admin

Uncategorized 2 Comments

・配列を作成する。

var myArray = ['aaa', 'bbb', 'ccc'];

1	var myArray = ['aaa', 'bbb', 'ccc'];

・配列の要素にアクセス

alert(myArray[0]);

1	alert(myArray[0]);

・配列の長さを知る

alert(myArray.length);

1	alert(myArray.length);

・境界を考えないでいきなりアクセスできる

myArray[50] = "XXX";
alert(myArray.length); // 51

1 2	myArray[50] = "XXX"; alert(myArray.length); // 51

・配列の末尾に要素を追加する。push
・配列の先頭に要素を追加する。unshift
・配列の末尾から要素を削除する。pop
・配列の先頭から要素を削除する。shift

var myArray = ['aaa', 'bbb', 'ccc'];
myArray.push("last");
myArray.unshift("first");

var f = myArray.shift();
var l = myArray.pop();

alert("myArray=" + myArray);
alert("f=" + f + " l=" + l);

var myArray = ['aaa', 'bbb', 'ccc'];

myArray.push("last");

myArray.unshift("first");

var f = myArray.shift();

var l = myArray.pop();

alert("myArray=" + myArray);

alert("f=" + f + " l=" + l);

・配列に配列を追加する。concat(追加する配列）

var myArray1 = ['aaa', 'bbb', 'ccc'];
var myArray2 = ['xxx', 'yyy'];
var myNewArray = myArray1.concat(myArray2);
// myNewArray => aaa,bbb,ccc,xxx,yyy

var myArray1 = ['aaa', 'bbb', 'ccc'];

var myArray2 = ['xxx', 'yyy'];

var myNewArray = myArray1.concat(myArray2);

// myNewArray => aaa,bbb,ccc,xxx,yyy

・配列内の部分配列を取得するsliceメソッド。slice(開始インデックス,終了インデックス)

var myArray = ['aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff'];
var myArraySlice = myArray.slice(0,2);  // myArraySlice => aaa, bbb

1 2	var myArray = ['aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff']; var myArraySlice = myArray.slice(0,2); // myArraySlice => aaa, bbb

・配列内の部分配列に別の配列を挿入する。splice(開始インデックス、削除する要素数、追加する要素、追加する要素、・・)

var myArray = ['aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff'];
var myArraySplice = myArray.splice(1,2,"xxx", "yyy");
// myArray => aaa,xxx,yyy,ddd,eee,fff
// myArraySplice => bbb,ccc

var myArray = ['aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff'];

var myArraySplice = myArray.splice(1,2,"xxx", "yyy");

// myArray => aaa,xxx,yyy,ddd,eee,fff

// myArraySplice => bbb,ccc

・配列を文字列に変換する。join(separator) デフォルトのseparatorは”,”

var myArray = ['aaa', 'bbb', 'ccc'];
var s = myArray.join(":");

1 2	var myArray = ['aaa', 'bbb', 'ccc']; var s = myArray.join(":");

コマンドラインでフォルダビューをつけて起動させる。

デフォルトでフォルダビューをつけて表示させる

１、事前準備 リポジトリへlivnaを追加

２、audaciousとプラグインをインストール

３、再生してみる

４、日本語が化ける

５、スキン

１，コントロールパネル管理ツールサービスを開き、MySQLを停止させます。

２，以下のようなテキストファイルを用意し、C:\mysql-init.txtとして保存します。MyNewPassのところは実際のパスワードに変えます。

３，管理ツールのサービスのMySQLをダブルクリックして開き、「実行ファイルのパス」を確認します。ここでは以下のようになっています。

４，コマンドラインから以下のコマンドを実行します。このとき上記のパスを参考にします。

５，管理ツールのサービスからMySQLを起動します。

１、事前準備リポジトリへlivnaを追加