maaguu (^^; com 北海道札幌のホームページ制作 http://xfruits.com/maaguu/ jp xFruits - http://www.xfruits.com Wed, 28 Apr 2010 21:11:58 GMT Tue, 30 Nov 1999 00:00:00 GMT ホームページ rss web wordpress 当サイトのリニューアルを計画中 ]]> http://wp.maaguu.com/2010/04/28/project-renewal-this-site/#comments Wed, 28 Apr 2010 09:13:37 GMT http://xfruits.com/maaguu/?id=54076&clic=534797507&url=http%3A%2F%2Fwp.maaguu.com%2F2010%2F04%2F28%2Fproject-renewal-this-site%2F このmaaguu.comは、しばし放置ぎみで、WordPressのコードに、PHP5.3になってデフォルトでオフになったPHPのショートオープンタグを使ったりしているので、そのあたりの情報もアップデートしないと、と思っているうちに時が過ぎていってしまいました。

WordPress | 日本語 » Beta 2 に向けて: スプリント!というアナウンスもあり、MUと統合されたWordPress 3が出そうな勢いですので、これを気にリニューアルしようかと考えています。

リニューアルの他の理由としては主に以下。

広告収入

でかでかとレクタングルバナーを貼り付けています。

さて、その効果はあったのか！

ないです。収入ゼロです。成果報酬型なので、クリックだけでは収入になりません。

今年（2010年）1月から現在までのCTR（クリック・スルー・レート＝クリック数/表示回数（インプレッション））は、わずか0.26%。

それでも月間100万インプレッション（ページビュー）あれば、月2,600回クリックされるわけで、クリック報酬型ならば1クリックあたり5円としても月に13,000円の収入があって、サーバー維持費も捻出できるかも……という妄想をしてみますが、13,000円稼ぐには、月間100万＝1日3万以上のページビューがないとならないわけで、そんなサイトってどんなサイト？自分に作れるの？…とまあ、妄想の域を出ないわけです。

が、わずかでも収入があるサイトにしたい。

Googleがサブドメインに関するアルゴリズムを変更

以下の記事にあるように、サブドメインの運用は今後リスクがあるかもしれないとのことです。

Googleでのサブドメイン｜今後の評価

また、ほとんどアクセスのないコンテンツもあるため、複数のサブドメインを運用している当サイトを整理統合したい。

そんなこんなで、サイトを生き返らせて再生させる算段をしている今日この頃でした。

]]> 未分類 http://wp.maaguu.com/?p=236 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ mb_strlenとかで挙動が変だったのでメモ（php.iniの設定（マルチバイトまわり）とか） ]]> http://cutandtry.maaguu.com/2009/03/21/mb_strlen-php_ini-multibyte/#comments Sat, 21 Mar 2009 09:02:31 GMT http://xfruits.com/maaguu/?id=54076&clic=393856468&url=http%3A%2F%2Fcutandtry.maaguu.com%2F2009%2F03%2F21%2Fmb_strlen-php_ini-multibyte%2F プログラムをちょこちょこ書いていると、よく動きがおかしくなって解決に時間を費やしてしまいます。

mbstring.internal_encoding = EUC-JPになっていたせいでUTF-8なアプリの日本語入力が効かなかったりとか。

mb_strlenも、あれ？と思う動きをしてしまいます。プログラムの動きがおかしいときは、大抵自分の書いたコードが間違えているのですけれども（多分）。

んで、mb_strlenです。文字数の判定で使ったところ、実際の文字数と数値が違ってしまいました。試しに以下のようなスクリプトを書いて実験してみます。

<?php
$post_mb_strlen = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['submit']))
{
    if (isset($_POST['mb_strlen']))
    {
        $post_mb_strlen = $_POST['mb_strlen'];
        $echo_post_mb_strlen_1 = mb_strlen($post_mb_strlen);
        $echo_post_mb_strlen_2 = mb_strlen($post_mb_strlen, 'utf8');
    }
}
?><!DOCTYPE html>

<head>

    <meta charset=utf-8">

    <title>mb_strlenテスト</title>

</head>

<body>

<h1>mb_strlenテスト</h1>

<ul>
<?php
if (! empty($echo_post_mb_strlen_1))
{
    echo '<li>第2パラメータ設定なし : ' . $echo_post_mb_strlen_1 . '</li>';
}
if (! empty($echo_post_mb_strlen_2))
{
    echo '<li>第2パラメータ設定あり : ' . $echo_post_mb_strlen_2 . '</li>';
}
?>
</ul>

<form action="./" method="post">

<p><input type="text" name="mb_strlen" value="<?=$post_mb_strlen?>"></p>

<p><input type="submit" name="submit"></p>

</form>

</body>

</html>

※公開サーバで検証しないようにお願いします。

「abcde」をPOSTすると、以下の結果が出力されました。

第2パラメータ設定なし : 5
第2パラメータ設定あり : 5

次に「あいうえお」をPOSTすると、以下の結果が出力されました。

第2パラメータ設定なし : 15
第2パラメータ設定あり : 5

マニュアルのmb_strlenの項には以下のように書いてあります。

int mb_strlen ( string $str [, string $encoding] )

文字列の長さを取得します。

PHP: mb_strlen – Manual

str

長さを調べたい文字列。

encoding

encodingパラメータには文字エンコーディングを指定します。省略した場合は、内部文字エンコーディングを使用します。

PHP: mb_strlen – Manual

ああ、なるほどー、encodingパラメータを指定していないからだな、と考えてしまうと、その場その場で文字コードに悩まされることになります。Webで調べてみると、encodingパラメータは必ず指定せよ、と教えるページもあるのですが、それ以前に、.htaccessとかスクリプトでPHPの設定をあらかじめ変更しておくのがトラブルが少ないのではないかと思います。

前述の実験では、php.iniの記述が以下のようになっていました。

output_buffering = Off
;default_charset =
;mbstring.language =
;mbstring.internal_encoding =
mbstring.http_input = pass
mbstring.http_output = pass
mbstring.encoding_translation = Off
mbstring.detect_order = Off
;mbstring.substitute_character =

PHPの設定としては、mbstring.language = EUC-JPのように設定してあるよりは、ほぼ何も設定していないこのようにしてあるのが、実際のところ、文字化けなどのトラブルの原因を突き止めるのに有用かなと思います。

これを.htaccessやスクリプトで例えば以下のように変更してみます。

.htaccess
php_value mbstring.internal_encoding UTF-8
スクリプト
ini_set('mbstring.internal_encoding', 'UTF-8');

そうすると、出力は以下のようになりました。

「abcde」をPOSTすると、以下の結果が出力されました。

第2パラメータ設定なし : 5
第2パラメータ設定あり : 5

次に「あいうえお」をPOSTすると、以下の結果が出力されました。

第2パラメータ設定なし : 5
第2パラメータ設定あり : 5

encodingパラメータを指定しなくても、文字数が正しくカウントされています。

んで、php.iniの他の項目は変える必要があるのかないのか疑問に思ってくるので、各項目について調べてみることにします。

output_buffering

デフォルトは"0"。

このディレクティブを ‘On’ と設定することにより、全てのファイルに 関して出力バッファリングを有効にすることができます。 特定の大きさにバッファの大きさを制限したい場合、このディレクティブの 値として ‘On’ の代わりに最大バイト数(例:output_buffering=4096) を使用することができます。 PHP 4.3.5 以降、PHP-CLI ではこのディレクティブが常に Off となります。

PHP: 実行時設定 – Manual

これはデフォルトのままでいいんじゃないの？

default_charset

デフォルトは""。

4.0.0 以降、PHP は、デフォルトで常にContent-type:ヘッダで character encodingを出力するようになっています。charsetの送信 を無効にするには、これを空にしてください。

PHP: コア php.ini ディレクティブに関する説明 – Manual

ということなので、これもデフォルトのままで。つか、文字コード決め打ちするとメールとか大丈夫なの？　と思ってしまうので、header()とか使えばいいんじゃないの？

mbstring.language

デフォルトは"neutral"。

mbstring で使用される言語設定(NLS)のデフォルト値。 この設定は mbstring.internal_encoding を定義するため、 php.ini の中で mbstring.internal_encoding は、 mbstring.language の後に置く必要があることに注意してください。

PHP: 実行時設定 – Manual

これが"neutral"でも上のスクリプトでは何も問題ないのですが……。というのも、PHP入門書とかでは'Japanese'にせよ、と書いてあるのです。

試しにmbstring.internal_encodingをコメントアウトして、これを'Japanese'にしてみると（ini_set('mbstring.language', 'Japanese');）、mbstring.internal_encodingはISO-8859-1になって、第2パラメータ設定なしのmb_strlenは正しくカウントされません。

ということで、mbstring.languageのセットは必要ないっぽい。

mbstring.internal_encoding

デフォルトはNULL。

内部文字エンコーディングのデフォルト値を定義します。

PHP: 実行時設定 – Manual

これのみ、今回設定を変更しました。設定を変更しないとISO-8859-1になってしまいましたので。マルチバイト関数を使わないなら無視する感じ。

mbstring.http_input

デフォルトは"pass"。

HTTP 入力文字エンコーディングのデフォルト値を定義します。

PHP: 実行時設定 – Manual

これこのままで問題あるの？　って思うと何も問題ないのでこのまま"pass"で。

mbstring.http_output

デフォルトは"pass"。

HTTP 出力文字エンコーディングのデフォルト値を定義します。

PHP: 実行時設定 – Manual

これもmbstring.http_inputと同様、このまま"pass"で。

mbstring.encoding_translation

デフォルトは"0"。

入力される HTTP クエリに関して、 文字エンコーディング検出および内部文字エンコーディングへの変換を行う 透過的な文字エンコーディングフィルタを有効にします。

PHP: 実行時設定 – Manual

変換なんてされるとややこしいので、このまま"0"で。

mbstring.detect_order

デフォルトはNULL。

文字コード検出のデフォルト値を定義します。

PHP: 実行時設定 – Manual

echo implode(', ', mb_detect_order())で確認するとASCII, UTF-8となる。なんか怪しいので、UTF-8, ASCIIにしておく。

mbstring.substitute_character

デフォルトはNULL。

無効な文字を代替する文字を定義します。

PHP: 実行時設定 – Manual

あんまり重要じゃないっぽいのでデフォルトのままでいいのかな。ちなみにデフォルトはNULLだけれどもmb_substitute_character()とかmb_get_info()で調べると63が入ってる。

という感じで、スクリプトでは以下のように設定してみます。

ini_set('output_buffaring', '0');
ini_set('default_charset', '');
ini_set('mbstring.language', 'neutral');
ini_set('mbstring.internal_encoding', 'UTF-8');
ini_set('mbstring.http_input', 'pass');
ini_set('mbstring.http_output', 'pass');
mb_detect_order('UTF-8, ASCII');
ini_set('mbstring.substitute_character', '63');

mbstring.encoding_translationはPHP_INI_PERDIRで、スクリプトでは設定できないので、.htaccessとかで設定。

php_flag mbstring.encoding_translation 0

ini_set('mbstring.http_input', 'pass');が効かないけれども、出力された後だからかな？

あ、あと、mbstring.func_overloadもあったなぁ。

]]> 未分類 http://cutandtry.maaguu.com/?p=138 Cut and Try maaguu (^^; com 北海道札幌でホームページ制作を楽しむ ファイルアップロード・サムネイル生成でハマる ]]> http://cutandtry.maaguu.com/2009/03/01/it-fails-because-of-file-uploading-and-thumbnail-generation/#comments Sun, 01 Mar 2009 05:16:13 GMT http://xfruits.com/maaguu/?id=54076&clic=393856469&url=http%3A%2F%2Fcutandtry.maaguu.com%2F2009%2F03%2F01%2Fit-fails-because-of-file-uploading-and-thumbnail-generation%2F サムネイル生成を作っているときにハマったのでメモ。

2MB以上の画像アップロードできない現象が発生！

ああ、なるほど、upload_max_filesizeがアレなんだな（独り言）。

upload_max_filesize
post_max_size
momory_limit

このあたりの数値を上げて、再度試すがアップロードできない。

なんだかimagecreatefromjpegあたりでひっかっかているっぽい。うーん、これはGDの限界なのか。なんだか1600*1200ピクセル程度の画像でエラーが出ているってサイトもあるなあ。

でも、アップロードに成功したファイルは2592*1944ピクセルで、失敗したファイルは2896*1944ピクセル。デジカメの撮りっぱなしファイル程度をアップロードできないのは仕様としてどうなのよ。と思いつつ、なんでだろ、なんでだろ、としばらく悩む。

画像をPhotoshopで開いてみても、特に問題ない。300dbiってのが気になるけれども単にサイズが大きめなだけ。

それじゃあ、ということで、GDを通さないで、単純にアップロードするだけにしてみる。

これも失敗。状況は変わらず、アップロードできない画像がある。php.iniを直接変更してApacheを再起動している状況でもあるわけで、問題はphp.iniの設定でもなく、GDの問題でもないなあ、これは。

んで、よくよく見ると、サイズの小さい方の拡張子がjpgで、大きい方がJPG。

！！！！！！。

コードを見ると、小文字の拡張子しか通さないことになってた……orz。

エラーを吐くようにしないとだめぽなり。で、簡単ですが改良してみたのが以下。使っていない変数なんかもありますが、ご参考まで。

<?php

//初期化
$photo = '';

//設定
define('PATH', '/upload/image/');
define('URL', 'http://localhost/upload/');

/*****************************************
 * ファイル名変更
 * てきとーにsha1で変えてみる
 */
function change_filename ($file, $path, $ext)
{
    $rename = sha1(microtime()) . '.' . $ext;
    rename($file, $path . $rename);
    return $rename;
}

/*****************************************
 * サムネイル生成
 */
function create_thumb ($file, $path, $thumb_path, $width)
{
    global $created_file;

    if (preg_match('/[.](jpg)|(jpeg)$/i', $file))
    {
        $image = imagecreatefromjpeg($path . $file);
    }
    elseif (preg_match('/[.](gif)$/i', $file))
    {
        $image = imagecreatefromgif($path . $file);
    }
    elseif (preg_match('/[.](png)$/i', $file))
    {
        $image = imagecreatefrompng($path . $file);
    }

    $ox = imagesx($image);
    $oy = imagesy($image);

    $nx = $width;
    $ny = floor($oy * ($width / $ox));

    $nm = imagecreatetruecolor($nx, $ny);

    imagecopyresampled($nm, $image, 0, 0, 0, 0, $nx, $ny, $ox, $oy);
    if(! file_exists($thumb_path))
    {
        if(! mkdir($thumb_path))
        {
            die('ディレクトリ生成エラーです(^^;)');
        }
    }

    imagejpeg($nm, $thumb_path . $file, 90);

    $created_file = basename($thumb_path . $file);

    imagedestroy($nm);
}

if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
    if (isset($_POST['save']))
    {
        if (isset($_FILES['photo']))
        {
            if (preg_match('/[.](jpg)|(jpeg)|(gif)|(png)$/i', $_FILES['photo']['name']))
            {
                $photo_origin    = $_FILES['photo']['name'];
                $photo_tmp_name  = $_FILES['photo']['tmp_name'];
                $photo_error     = $_FILES['photo']['error'];
                $photo_size      = filesize($photo_tmp_name);
                $photo_pathinfo  = pathinfo($photo_origin);
                $photo_extension = $photo_pathinfo['extension'];

                move_uploaded_file($photo_tmp_name, PATH . 'original/' . $photo_origin);

                $photo_origin = change_filename(PATH . 'original/' . $photo_origin, PATH . 'original/', $photo_extension);

                //サムネイル（小）
                create_thumb($photo_origin, PATH . 'original/', PATH . 'small/', 200);
                $photo_small = $created_file;

                //サムネイル（大）
                create_thumb($photo_origin, PATH . 'original/', PATH . 'large/', 500);
                $photo_large = $created_file;
            }
            else
            {
                $error_msg = 'ファイルの拡張子が変です(^^ゞ)';
            }
        }
    }
}

echo '<?xml version="1.0" encoding="utf-8"?>' . "\n" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>画像アップロード・サムネイル生成</title>

</head>

<body>

<h1>画像アップロード・サムネイル生成</h1>

<?php
if (! empty($error_msg))
{
    echo '<p>' . $error_msg . '</p>';
}
?>

<form method="post" action="./" enctype="multipart/form-data">

<p>
<?php if (! empty($photo_small) && ! empty($photo_large)) : ?>

<a href="<?php echo URL . 'image/large/' . $photo_small; ?>" target="_blank">
    <img src="<?php echo URL . 'image/small/' . $photo_small; ?>" alt="" />
</a>

<?php elseif (empty($photo_small)) : ?>

<input type="file" name="photo" value="<?=$photo;?>" />

<?php endif; ?>
</p>

<?php if (empty($photo_small) && empty($photo_large)) : ?>

<p><input type="submit" name="save" value="✓ アップロードする" /></p>

<?php endif; ?>

</form>

</body>

</html>
]]> 未分類 http://cutandtry.maaguu.com/?p=127 Cut and Try maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #7 【vi, vimの基本操作】 ]]> http://cutandtry.maaguu.com/2009/02/11/windowsxp-vmwareplayer-ubuntudesktop-7/#comments Wed, 11 Feb 2009 10:47:59 GMT http://xfruits.com/maaguu/?id=54076&clic=393856470&url=http%3A%2F%2Fcutandtry.maaguu.com%2F2009%2F02%2F11%2Fwindowsxp-vmwareplayer-ubuntudesktop-7%2F Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #6 【Sambaサーバの導入】で、WindowsとVMwareのUbuntuとのフォルダ共有を行いました。

今回はちょっと道を逸れてvi。

ところで、Web制作をデザインから入った人で、Windowsにするか、MacOSにするかで迷っているのはよく見かけますが、WindowsにするかLinuxにするか、あるいはMacOSにするかLinuxにするかで迷っているのは見たことがありません。Linuxの存在を知らない人も見かけます。パソコンと言えばWindowsかMac。今のMacOSはUNIXですが、それでもLinux（BSDとかでもいいのですが）は選択肢の蚊帳の外ですね。LinuxではAdobe製品を使えないのが大きいのでしょうか。あとOffice。というか、ソフトが動けばOSは何でもいいのか。Ubuntuがあるからこれから普及していくだろうかな。でも、デザイナーはwhat you see is what you getなのです！　Macの見た目に興味はあっても、中身（UNIX）に興味はないのです(^_^; （きっと）

そんなことはどうでもいいとして、Windowsに慣れてしまった身にはviは辛いです。まず操作がわからん。そこで挫折。よくある。なんとしても操作を覚えなきゃならん。

$ vi

とタイプするとvimが立ち上がる。

$ vim

とタイプしても結果は同じ。

~                              VIM - Vi IMproved
~
~                               version 7.1.138

Ubuntu 8.04ではvimがデフォルトなのですね。

基本のコマンドをメモ。これを覚えなきゃ始まらない。

起動と終了
vi [filename] 開く。
:w 保存する。
:q 終了する。
:wq 保存して終了する。
ZZ 保存して終了する。
:e! 保存前に戻す。
:w! 上書き保存する。
:q! 保存しないで終了する。
:sh シェルを実行する。戻るにはCtrl + D。あるいはCtrl + Zでviを中断。viに戻るにはfg。
:pre 強制保存する。
移動
h 左に1文字移動する。2文字移動するには2h。
j 下に1文字移動する。2文字移動するには2j。
k 上に1文字移動する。2文字移動するには2k。
l 右に1文字移動する。2文字移動するには2l。
0 行の先頭に移動する。
$ 行の末尾に移動する。
b 前の単語に移動する。2単語前に移動するには2b。句読点を無視するにはB。
w 後の単語に移動する。2単語後に移動するには2w。
編集
i 挿入する。
a 追加する。
c 変更する。例えば行末まではc$、単語末尾まではcw。など色々組み合わせる。
cc 行全体を変更する。
C カーソル位置から行末までを変更する。c$と同じ。
r 1文字を変更する。
R Escを押すまで変更する（1行まで）。
s 置換する。2文字分は2s。
S 行全体を置換する。
~ 大文字と小文字を変更する。
s 置換する。
d 削除する。1語はdw。1語（単語の末尾まで）はde。
dd 行全体を削除する。2行削除するには2dd。
D カーソル位置から行末までを削除する。
x 1文字削除する。2文字なら2x。
y ヤンク。
Y 行全体をヤンク。yyと同じ。
p 配置する。カット＆ペーストのペースト。全ての削除を取り消す。
. コマンドを繰り返す。
u 最後のコマンドを取り消す。
U その行を元に戻す。

まだまだあるけれど、ひとまず以上を知っていれば、なんとなく使えた気になります。

$ sudo shutdown -h now
]]> Ubuntu http://cutandtry.maaguu.com/?p=113 Cut and Try maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Eメールアドレスを数値文字参照に変換する関数 ]]> http://wp.maaguu.com/2009/02/10/wordpress-function-antispambot/#comments Mon, 09 Feb 2009 15:20:48 GMT http://xfruits.com/maaguu/?id=54076&clic=534797508&url=http%3A%2F%2Fwp.maaguu.com%2F2009%2F02%2F10%2Fwordpress-function-antispambot%2F formatting.phpをぼーっと眺めていたら、なにやらantispambot関数なんてものがあったので、使ってみるテスト。詳しくは以下。

（WordPress Codexって、MediaWikiなのね。）

こんな関数があるのなら、bloginfo(’admin_email’)のメールアドレスを数値文字参照に変換するのは無駄でした。

数値文字参照に変換するのも大した意味がないように思いますが（そもそもinfo@ドメインってメールアドレスは収集するまでもないでしょうね）、つか、スパムメール全然来ないんですが……。

<link rev="made" href="<?=antispambot('mailto:' . get_bloginfo('admin_email'));?>" />
<a href="mailto:<?=antispambot('mailto:' . get_bloginfo('admin_email'));?>"><?=antispambot(get_bloginfo('admin_email'));?></a>

こんな感じでOK。

]]> WordPress MU http://wp.maaguu.com/?p=220 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #6 【Sambaサーバの導入】 ]]> http://cutandtry.maaguu.com/2009/02/08/windowsxp-vmwareplayer-ubuntudesktop-6/#comments Sun, 08 Feb 2009 09:56:54 GMT http://xfruits.com/maaguu/?id=54076&clic=393856471&url=http%3A%2F%2Fcutandtry.maaguu.com%2F2009%2F02%2F08%2Fwindowsxp-vmwareplayer-ubuntudesktop-6%2F Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #5 【WWWサーバの設定というか】の続きです。

ホストのWindowsから直接ファイルを操作するために、Sambaサーバを導入してみます。

taskselにてSamba File serverをインストールします。

$ sudo tasksel

tasksel

ここで、Windowsのワークグループを確認しておきます。「マイ コンピュータ」－「コンピュータ名」－「変更」を見ると、ワークグループが「WORKGROUP」と設定されていたので、Sambaのそれも同じにします。

共有ディレクトリですが、ローカルでしか使わないので、認証なし＆ゲストユーザでのアクセスで済ませてしまおうと思います。

$ sudo chown nobody /home/ユーザ/www

smb.confの編集。

$ sudo vi /etc/samba/smb.conf

27行目（viで行番号を表示するには:set nu。非表示は:set nonu。）。デフォルトのまま。

workgroup = WORKGROUP

91行目。匿名アクセスの許可。

security = share

以下3行を追加。

unix charset = UTF-8
display charset = UTF-8
dos charset = CP932

新たに[www]セクション（[www]ってのは適当）を作って、共有ディレクトリの設定を記述。

[www]
path = /home/ユーザ/www
writable = yes
guest ok = yes
guest only = yes

保存してSambaを起動。

$ sudo /etc/init.d/samba start

Windowsの「マイ ネットワーク」－「ネットワーク接続」－「ネットワーク全体」－「Microsoft Windows Network」－「Workgroup」を開くと、ゲストOSのUbuntuが見えます。

Samba on Windows network

さらに一階層下へ行くと、wwwフォルダがあるので、右クリックから「ネットワークドライブの割り当て」にて、アクセスしやすくしておきます。wwwを開くと、前回作ったファイルindex.phpが見えます。試しにWindowsでindex2.phpを作ってみます。

ls -oすると、以下のように出力されました。

合計 8
-rw-r--r-- 1 ユーザ 32 2009-02-08 15:02 index.php
-rwxr--r-- 1 nobody 26 2009-02-08 18:33 index2.php

上手くいったようです(^^)　これでホストWindows XPで開発してVMware PlayerのゲストUbuntuで動かす基礎がおおよそできた感じでしょうか。

$ sudo shutdown -h now
]]> Ubuntu http://cutandtry.maaguu.com/?p=96 Cut and Try maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #5 【WWWサーバの設定というか】 ]]> http://cutandtry.maaguu.com/2009/02/08/windowsxp-vmwareplayer-ubuntudesktop-5/#comments Sun, 08 Feb 2009 06:55:26 GMT http://xfruits.com/maaguu/?id=54076&clic=393856472&url=http%3A%2F%2Fcutandtry.maaguu.com%2F2009%2F02%2F08%2Fwindowsxp-vmwareplayer-ubuntudesktop-5%2F Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #4 【SSHサーバの導入】で、WindowsからVMwareのUbuntuにSSHで接続しました。

Ubuntu.vmxをダブルクリックしてUbuntuを立ち上げます。立ち上げたらPuTTyjpでSSHにて接続し、ログインします。今後の操作はリモートで行います。このあたりは、Webデザイナーでも普段よくすることかと思います。

例によって、アップデート。

$ sudo apt-get update
$ sudo apt-get upgrade

プロセスの確認。

$ sudo pstree
init─┬─NetworkManager───{NetworkManager}
     ├─NetworkManagerD
     ├─acpid
     ├─apache2───5*[apache2]
     ├─atd
     ├─avahi-daemon───avahi-daemon
     ├─console-kit-dae───61*[{console-kit-dae}]
     ├─cron
     ├─cupsd
     ├─dbus-daemon
     ├─dd
     ├─dhcdbd───dhclient
     ├─gdm───gdm─┬─Xorg
     │           └─gdmgreeter
     ├─6*[getty]
     ├─guestd
     ├─hald───hald-runner─┬─hald-addon-acpi
     │                    ├─hald-addon-inpu
     │                    └─2*[hald-addon-stor]
     ├─hcid───2*[bluetoothd-serv]
     ├─klogd
     ├─mysqld_safe─┬─logger
     │             └─mysqld───9*[{mysqld}]
     ├─sshd───sshd───sshd───bash───pstree
     ├─syslogd
     ├─system-tools-ba
     └─udevd

ApacheとMySQLが動いています。

UbuntuのIPにてWWWブラウザからHTTP接続できますが、いちいちIPを入力するのも面倒だと思っていたところ、C:\WINDOWS\system32\drivers\etc\hostsに以下のように記述するとhttp://ubuntu/でアクセスできるようになりました。

ゲストのIP ubuntu

ubuntu server 1

ネットワーク内からアクセスできる（はず）なので、一々本番サーバにアップロードしてWindowsやMacで表示確認するより楽ですね。

さて、Apacheの設定。

$ ls -aoR /etc/apache2
/etc/apache2:
合計 56
drwxr-xr-x   7 root  4096 2009-01-16 00:36 .
drwxr-xr-x 126 root 12288 2009-02-08 14:16 ..
-rw-r--r--   1 root 10587 2008-06-25 22:49 apache2.conf
drwxr-xr-x   2 root  4096 2009-01-16 00:36 conf.d
-rw-r--r--   1 root   378 2008-06-25 22:49 envvars
-rw-r--r--   1 root     0 2009-01-16 00:36 httpd.conf
drwxr-xr-x   2 root  4096 2009-01-16 00:36 mods-available
drwxr-xr-x   2 root  4096 2009-01-16 00:36 mods-enabled
-rw-r--r--   1 root    59 2008-06-25 22:49 ports.conf
drwxr-xr-x   2 root  4096 2009-01-16 00:36 sites-available
drwxr-xr-x   2 root  4096 2009-01-16 00:36 sites-enabled

/etc/apache2/conf.d:
合計 12
drwxr-xr-x 2 root 4096 2009-01-16 00:36 .
drwxr-xr-x 7 root 4096 2009-01-16 00:36 ..
-rw-r--r-- 1 root  269 2008-06-25 22:49 charset

/etc/apache2/mods-available:
合計 356
drwxr-xr-x 2 root 4096 2009-01-16 00:36 .
drwxr-xr-x 7 root 4096 2009-01-16 00:36 ..
-rw-r--r-- 1 root  332 2008-06-25 22:49 actions.conf
-rw-r--r-- 1 root   66 2008-06-25 22:49 actions.load
-rw-r--r-- 1 root  815 2008-06-25 22:49 alias.conf
-rw-r--r-- 1 root   62 2008-06-25 22:49 alias.load
-rw-r--r-- 1 root   60 2008-06-25 22:49 asis.load
-rw-r--r-- 1 root   72 2008-06-25 22:49 auth_basic.load
-rw-r--r-- 1 root   74 2008-06-25 22:49 auth_digest.load
-rw-r--r-- 1 root   74 2008-06-25 22:49 authn_alias.load
-rw-r--r-- 1 root   72 2008-06-25 22:49 authn_anon.load
-rw-r--r-- 1 root   85 2008-06-25 22:49 authn_dbd.load
-rw-r--r-- 1 root   70 2008-06-25 22:49 authn_dbm.load
-rw-r--r-- 1 root   78 2008-06-25 22:49 authn_default.load
-rw-r--r-- 1 root   72 2008-06-25 22:49 authn_file.load
-rw-r--r-- 1 root   90 2008-06-25 22:49 authnz_ldap.load
-rw-r--r-- 1 root   70 2008-06-25 22:49 authz_dbm.load
-rw-r--r-- 1 root   78 2008-06-25 22:49 authz_default.load
-rw-r--r-- 1 root   82 2008-06-25 22:49 authz_groupfile.load
-rw-r--r-- 1 root   72 2008-06-25 22:49 authz_host.load
-rw-r--r-- 1 root   74 2008-06-25 22:49 authz_owner.load
-rw-r--r-- 1 root   72 2008-06-25 22:49 authz_user.load
-rw-r--r-- 1 root 3110 2008-06-25 22:49 autoindex.conf
-rw-r--r-- 1 root   70 2008-06-25 22:49 autoindex.load
-rw-r--r-- 1 root   62 2008-06-25 22:49 cache.load
-rw-r--r-- 1 root   70 2008-06-25 22:49 cern_meta.load
-rw-r--r-- 1 root   58 2008-06-25 22:49 cgi.load
-rw-r--r-- 1 root   68 2008-06-25 22:49 cgid.conf
-rw-r--r-- 1 root   60 2008-06-25 22:49 cgid.load
-rw-r--r-- 1 root   76 2008-06-25 22:49 charset_lite.load
-rw-r--r-- 1 root   58 2008-06-25 22:49 dav.load
-rw-r--r-- 1 root   36 2008-06-25 22:49 dav_fs.conf
-rw-r--r-- 1 root   79 2008-06-25 22:49 dav_fs.load
-rw-r--r-- 1 root   68 2008-06-25 22:49 dav_lock.load
-rw-r--r-- 1 root   58 2008-06-25 22:49 dbd.load
-rw-r--r-- 1 root  107 2008-06-25 22:49 deflate.conf
-rw-r--r-- 1 root   66 2008-06-25 22:49 deflate.load
-rw-r--r-- 1 root  122 2008-06-25 22:49 dir.conf
-rw-r--r-- 1 root   58 2008-06-25 22:49 dir.load
-rw-r--r-- 1 root  575 2008-06-25 22:49 disk_cache.conf
-rw-r--r-- 1 root   89 2008-06-25 22:49 disk_cache.load
-rw-r--r-- 1 root   64 2008-06-25 22:49 dump_io.load
-rw-r--r-- 1 root   58 2008-06-25 22:49 env.load
-rw-r--r-- 1 root   66 2008-06-25 22:49 expires.load
-rw-r--r-- 1 root   72 2008-06-25 22:49 ext_filter.load
-rw-r--r-- 1 root   89 2008-06-25 22:49 file_cache.load
-rw-r--r-- 1 root   64 2008-06-25 22:49 filter.load
-rw-r--r-- 1 root   66 2008-06-25 22:49 headers.load
-rw-r--r-- 1 root   62 2008-06-25 22:49 ident.load
-rw-r--r-- 1 root   68 2008-06-25 22:49 imagemap.load
-rw-r--r-- 1 root   66 2008-06-25 22:49 include.load
-rw-r--r-- 1 root  420 2008-06-25 22:49 info.conf
-rw-r--r-- 1 root   60 2008-06-25 22:49 info.load
-rw-r--r-- 1 root   60 2008-06-25 22:49 ldap.load
-rw-r--r-- 1 root   76 2008-06-25 22:49 log_forensic.load
-rw-r--r-- 1 root  185 2008-06-25 22:49 mem_cache.conf
-rw-r--r-- 1 root   87 2008-06-25 22:49 mem_cache.load
-rw-r--r-- 1 root 6279 2008-06-25 22:49 mime.conf
-rw-r--r-- 1 root   60 2008-06-25 22:49 mime.load
-rw-r--r-- 1 root   89 2008-06-25 22:49 mime_magic.conf
-rw-r--r-- 1 root   72 2008-06-25 22:49 mime_magic.load
-rw-r--r-- 1 root  663 2008-06-25 22:49 negotiation.conf
-rw-r--r-- 1 root   74 2008-06-25 22:49 negotiation.load
-rw-r--r-- 1 root  133 2008-11-26 07:14 php5.conf
-rw-r--r-- 1 root   59 2008-11-26 07:14 php5.load
-rw-r--r-- 1 root  589 2008-06-25 22:49 proxy.conf
-rw-r--r-- 1 root   62 2008-06-25 22:49 proxy.load
-rw-r--r-- 1 root   87 2008-06-25 22:49 proxy_ajp.load
-rw-r--r-- 1 root   97 2008-06-25 22:49 proxy_balancer.load
-rw-r--r-- 1 root   95 2008-06-25 22:49 proxy_connect.load
-rw-r--r-- 1 root   87 2008-06-25 22:49 proxy_ftp.load
-rw-r--r-- 1 root   89 2008-06-25 22:49 proxy_http.load
-rw-r--r-- 1 root   66 2008-06-25 22:49 rewrite.load
-rw-r--r-- 1 root 1122 2008-06-25 22:49 setenvif.conf
-rw-r--r-- 1 root   68 2008-06-25 22:49 setenvif.load
-rw-r--r-- 1 root   66 2008-06-25 22:49 speling.load
-rw-r--r-- 1 root 2158 2008-06-25 22:49 ssl.conf
-rw-r--r-- 1 root   58 2008-06-25 22:49 ssl.load
-rw-r--r-- 1 root  398 2008-06-25 22:49 status.conf
-rw-r--r-- 1 root   64 2008-06-25 22:49 status.load
-rw-r--r-- 1 root   72 2008-06-25 22:49 substitute.load
-rw-r--r-- 1 root   64 2008-06-25 22:49 suexec.load
-rw-r--r-- 1 root   70 2008-06-25 22:49 unique_id.load
-rw-r--r-- 1 root  293 2008-06-25 22:49 userdir.conf
-rw-r--r-- 1 root   66 2008-06-25 22:49 userdir.load
-rw-r--r-- 1 root   70 2008-06-25 22:49 usertrack.load
-rw-r--r-- 1 root   66 2008-06-25 22:49 version.load
-rw-r--r-- 1 root   74 2008-06-25 22:49 vhost_alias.load

/etc/apache2/mods-enabled:
合計 8
drwxr-xr-x 2 root 4096 2009-01-16 00:36 .
drwxr-xr-x 7 root 4096 2009-01-16 00:36 ..
lrwxrwxrwx 1 root   28 2009-01-16 00:36 alias.conf -> ../mods-available/alias.conf
lrwxrwxrwx 1 root   28 2009-01-16 00:36 alias.load -> ../mods-available/alias.load
lrwxrwxrwx 1 root   33 2009-01-16 00:36 auth_basic.load -> ../mods-available/auth_basic.load
lrwxrwxrwx 1 root   33 2009-01-16 00:36 authn_file.load -> ../mods-available/authn_file.load
lrwxrwxrwx 1 root   36 2009-01-16 00:36 authz_default.load -> ../mods-available/authz_default.load
lrwxrwxrwx 1 root   38 2009-01-16 00:36 authz_groupfile.load -> ../mods-available/authz_groupfile.load
lrwxrwxrwx 1 root   33 2009-01-16 00:36 authz_host.load -> ../mods-available/authz_host.load
lrwxrwxrwx 1 root   33 2009-01-16 00:36 authz_user.load -> ../mods-available/authz_user.load
lrwxrwxrwx 1 root   32 2009-01-16 00:36 autoindex.conf -> ../mods-available/autoindex.conf
lrwxrwxrwx 1 root   32 2009-01-16 00:36 autoindex.load -> ../mods-available/autoindex.load
lrwxrwxrwx 1 root   26 2009-01-16 00:36 cgi.load -> ../mods-available/cgi.load
lrwxrwxrwx 1 root   26 2009-01-16 00:36 dir.conf -> ../mods-available/dir.conf
lrwxrwxrwx 1 root   26 2009-01-16 00:36 dir.load -> ../mods-available/dir.load
lrwxrwxrwx 1 root   26 2009-01-16 00:36 env.load -> ../mods-available/env.load
lrwxrwxrwx 1 root   27 2009-01-16 00:36 mime.conf -> ../mods-available/mime.conf
lrwxrwxrwx 1 root   27 2009-01-16 00:36 mime.load -> ../mods-available/mime.load
lrwxrwxrwx 1 root   34 2009-01-16 00:36 negotiation.conf -> ../mods-available/negotiation.conf
lrwxrwxrwx 1 root   34 2009-01-16 00:36 negotiation.load -> ../mods-available/negotiation.load
lrwxrwxrwx 1 root   27 2009-01-16 00:36 php5.conf -> ../mods-available/php5.conf
lrwxrwxrwx 1 root   27 2009-01-16 00:36 php5.load -> ../mods-available/php5.load
lrwxrwxrwx 1 root   31 2009-01-16 00:36 setenvif.conf -> ../mods-available/setenvif.conf
lrwxrwxrwx 1 root   31 2009-01-16 00:36 setenvif.load -> ../mods-available/setenvif.load
lrwxrwxrwx 1 root   29 2009-01-16 00:36 status.conf -> ../mods-available/status.conf
lrwxrwxrwx 1 root   29 2009-01-16 00:36 status.load -> ../mods-available/status.load

/etc/apache2/sites-available:
合計 12
drwxr-xr-x 2 root 4096 2009-01-16 00:36 .
drwxr-xr-x 7 root 4096 2009-01-16 00:36 ..
-rw-r--r-- 1 root  985 2008-06-25 22:49 default

/etc/apache2/sites-enabled:
合計 8
drwxr-xr-x 2 root 4096 2009-01-16 00:36 .
drwxr-xr-x 7 root 4096 2009-01-16 00:36 ..
lrwxrwxrwx 1 root   36 2009-01-16 00:36 000-default -> /etc/apache2/sites-available/default

defaultを見てみる。

$ vi /etc/apache2/sites-available/default
NameVirtualHost *

        ServerAdmin webmaster@localhost

        DocumentRoot /var/www/

                Options FollowSymLinks
                AllowOverride None

                Options Indexes FollowSymLinks MultiViews
                AllowOverride None
                Order allow,deny
                allow from all

        ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/

                AllowOverride None
                Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
                Order allow,deny
                Allow from all

        ErrorLog /var/log/apache2/error.log

        # Possible values include: debug, info, notice, warn, error, crit,
        # alert, emerg.
        LogLevel warn

        CustomLog /var/log/apache2/access.log combined
        ServerSignature On

    Alias /doc/ "/usr/share/doc/"

        Options Indexes MultiViews FollowSymLinks
        AllowOverride None
        Order deny,allow

とまあ、こんな感じになっておりますが、

$ ls -o /var

としてみますと、

合計 48
drwxr-xr-x  2 root 4096 2009-02-07 18:24 backups
drwxr-xr-x 20 root 4096 2009-02-08 07:43 cache
drwxr-xr-x  2 root 4096 2008-04-05 06:34 crash
drwxr-xr-x  2 root 4096 2008-04-23 03:07 games
drwxr-xr-x 49 root 4096 2009-01-16 00:38 lib
drwxrwsr-x  2 root 4096 2008-04-15 14:53 local
drwxrwxrwt  3 root   60 2009-02-08 11:51 lock
drwxr-xr-x 14 root 4096 2009-02-08 11:51 log
drwxrwsr-x  2 root 4096 2008-04-23 02:48 mail
drwxr-xr-x  2 root 4096 2008-04-23 02:48 opt
drwxr-xr-x 16 root  700 2009-02-08 11:51 run
drwxr-xr-x  7 root 4096 2008-04-23 02:52 spool
drwxrwxrwt  2 root 4096 2009-02-08 14:28 tmp
drwxr-xr-x  2 root 4096 2009-01-16 00:36 www

こんな感じになっていて、ドキュメントルートが/var/wwwだとWindowsから編集するには都合悪いと思われます（というのも、サブPCではWindowsでコーディングする）ので、ドキュメントルートをhomeディレクトリに変更してみます。

まずディレクトリを作り、

$ mkdir /home/ユーザ/www

動作確認用のindexファイルを作ります。

$ vi /home/ユーザ/www/index.php
<p>インデックスです</p>

defaultファイルをコピーし、コピーしたファイルの/var/www/を/home/ユーザ/wwwに変更した後、defaultを無効に、コピーした方を有効にし、Apacheを再起動します。

$ sudo cp /etc/apache2/sites-available/default /etc/apache2/sites-available/ファイル
$ sudo vi /etc/apache2/sites-available/ファイル
$ sudo a2dissite default
$ sudo a2ensite ファイル
$ sudo /etc/init.d/apache2 restart

できますた(^^)

Ubuntu Server 2

$ sudo shutdown -h now
]]> Ubuntu http://cutandtry.maaguu.com/?p=82 Cut and Try maaguu (^^; com 北海道札幌でホームページ制作を楽しむ CSS3のセレクタとかプロパティとかメモっておく ]]> http://log.maaguu.com/2009/01/30/css3-selector-property/#comments Thu, 29 Jan 2009 20:59:46 GMT http://xfruits.com/maaguu/?id=54076&clic=393856477&url=http%3A%2F%2Flog.maaguu.com%2F2009%2F01%2F30%2Fcss3-selector-property%2F ie7-jsのページを見ていたところ、そのデモページで、CSSのattr~="value"とか:nth-child()とか疎覚えなことに気付いたので＿〆(。。)メモメモ…

最近HTMLとかCSSの勉強してなかったからなあ。

セレクタ

[attr]
属性セレクタ（CSS2.1）
[attr="value"]
属性セレクタ（CSS2.1）
[attr~="value"]
属性セレクタ（attrを含む属性にマッチ）（CSS2.1）
[attr|="value"]
属性セレクタ（属性attrにマッチかつ属性値valueを前方一致で含む）（CSS2.1）
[attr^="value"]
属性セレクタ（attrを含む前方一致の属性にマッチ）
[attr$="value"]
属性セレクタ（attrを含む後方一致の属性にマッチ）
[attr*="value"]
属性セレクタ（属性attrにマッチかつ属性値valueを含む）
:root
ルート要素にマッチ
::selection
::-moz-selection
選択要素にマッチ
:target
リンク先要素にマッチ
::before()
::after()
リンク先要素にマッチ
:not()
除外
~
兄弟セレクタ
:first-child（CSS2.1）
:last-child
:nth-child()
:nth-last-child()
:o nly-child
:nth-of-type()
:nth-last-of-type()
:first-of-type
:last-of-type
:o nly-of-type
:empty
子要素に適用。:nth-child()なんかは、交互に背景色を変えるときとか、プログラム絡めなくて良くなるので便利だな。
:enabled
:disabled
有効か無効か
:checked
チェックされているか
::outside
…
::alternate
…
::marker
…
::line-marker
…
:default
…
:valid
:invalid
…
:in-range
:o ut-of-range
…
:required
:o ptional
…
:read-only
…
:read-write
…
::value
…
::choices
…
::repeat-item
…
::repeat-index
…

XSLみたいになってきて、より実用度が増した感じ。

プロパティ

column-width
カラムの幅
column-count
カラム数
column-gap
カラムの境界
text-shadow
テキストの影
text-shadow
テキストの影
text-stroke
-webkit-text-stroke
テキストのアウトライン
box-shadow
ボックスの影
border-radius
-moz-border-radius
-webkit-border-radius
ボックスのボーダーの角丸
opaciy
ボックスの透明度
opaciy
ボックス背景の透明度
transform
-webkit-transform
ボックスの回転とか
web-fonts
Webサーバのフォントを使用
transionts
時間制御

Internet Explorer 8のベンダ拡張は-ms-（翻訳）。

ひとまずはこの辺りをメモしてみたけれど、まとまらないのでリンクをば。

リソース

読まねば(^_^;)

※このブログ記事は将来アップデートされます。

]]> CSS http://log.maaguu.com/?p=141 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ WordPress MU 2.7にアップグレードする ]]> http://wp.maaguu.com/2009/01/29/wordpress-mu-27-upgrade/#comments Thu, 29 Jan 2009 03:40:11 GMT http://xfruits.com/maaguu/?id=54076&clic=534797509&url=http%3A%2F%2Fwp.maaguu.com%2F2009%2F01%2F29%2Fwordpress-mu-27-upgrade%2F 出たばかりのWPMU 2.7に、以下手順にて2.6.5からアップグレードを試してみました。

WordPress MU 2.7のダウンロードはこちらから。

  1. phpMyAdminにてMySQLをバックアップ。
  2. SFTPにてサイト全体をバックアップ。
  3. SFTPにて上書き

    管理画面にアクセスすると以下のエラーが出たので、指示されたとおりにwp-config.phpを変更。

    Warning! WordPress encrypts user cookies, but you must add the following lines to /*****/*****/*****/*****/wp-config.php for it to be more secure.
    Please add the code before the line, /* That's all, stop editing! Happy blogging. */ 

    define( 'NONCE_KEY', '*****' );
define( 'AUTH_SALT', '*****' );

以上で問題ないようです。上書きするだけ。

Advanced Tag Entryプラグインを入れていましたが、デフォルトでタグのスラッグを設定できるようですので、アンインストールしました。

何かしらエラーが出る場合は、上書きに失敗しているかも。

管理画面のレイアウトですが、解像度1024*768では一番上のナビゲーションの右が落ちて、その下のナビゲーションに重なってしまいます。ここら辺はCSS修正で行けると思います。wp-includes/wordpress-admin-bar/themes/にたくさんCSSがあって、全部修正するのは面倒なので、gray.cssのみfont-sizeを12pxから10pxに変更しました。

#wpabar {
    font: 10px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana !important;
}

#wpabar a,.blogmeta {
    font: 10px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana !important;
}
]]> WordPress MU http://wp.maaguu.com/?p=207 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ WordPress MU 2.7 リリース ]]> http://wp.maaguu.com/2009/01/29/wordpress-mu-27-downloadable/#comments Wed, 28 Jan 2009 20:57:25 GMT http://xfruits.com/maaguu/?id=54076&clic=534797510&url=http%3A%2F%2Fwp.maaguu.com%2F2009%2F01%2F29%2Fwordpress-mu-27-downloadable%2F WPMU2.7がリリースされたようです(^^)

ひとまずお知らせ。

]]> WordPress MU http://wp.maaguu.com/?p=199 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ WordPress MU 2.7 betaが公開 ]]> http://wp.maaguu.com/2009/01/23/wordpress-mu-27-beta-downloadable/#comments Fri, 23 Jan 2009 14:59:44 GMT http://xfruits.com/maaguu/?id=54076&clic=534797511&url=http%3A%2F%2Fwp.maaguu.com%2F2009%2F01%2F23%2Fwordpress-mu-27-beta-downloadable%2F まだ出ないのかなと思っていたWPMUの2.7ですが、ベータ版が公開されてダウンロード可能になっています。

もうそろそろ2.7も公開されそうです。

正式版が公開されたらアップデートして、簡単にレビューなんかもしてみようかなと思います。

]]> WordPress MU http://wp.maaguu.com/?p=188 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ WordPress MUで全てのブログを統合したサイトマップを作る #1 ]]> http://wp.maaguu.com/2009/01/22/create-sitemap-include-all-blog-entries-wordpress-mu/#comments Thu, 22 Jan 2009 14:59:09 GMT http://xfruits.com/maaguu/?id=54076&clic=534797512&url=http%3A%2F%2Fwp.maaguu.com%2F2009%2F01%2F22%2Fcreate-sitemap-include-all-blog-entries-wordpress-mu%2F 全ブログを含んだサイトマップ（全記事一覧）を作ろうと思います。基本はホームに表示している各ブログの新着記事と同様で、単純に表示件数を限定していないだけです。

新着記事表示は以下をご覧ください。

指針
ページの投稿欄に直接コーディングする
PHPコードはエスケープされますので、プラグインを使おうと思います。
タブによるインターフェイスにする
ページが縦に長大になってしまいそうなので、タブで表現しようと思います。

まずは、投稿欄に直接コーディングするため、runPHPプラグインを入れます。page.phpに直接コードを記述するのが手っ取り早いのですが、後に他にページを使うかもしれませんのでこのようにしてみました。

と、runPHPをインストールしてみましたが使えません。ではExec-PHPをと思い、インストールしましたが、これも上手く動きません（動くらしいのですが……）。

なので、プラグインを使えるようにするのはあっさりと諦め、他の方法で行くことにしました。

「ページ」は他にも使うことを想定すると（例えばプロフィールページとか）、page.phpには、サイトマップページが表示される場合に、サイトマップ表示用のコードが呼び出されるようにする必要があります。

今回は、ページのIDがサイトマップページのIDのときにコードが実行されるようにしてみます。

ページのIDは以下の記述で取得することができますので、まずはページを作成し、page.phpに以下のコードを記述して表示させてみます。

<?php echo $post->ID; ?>

95と表示されたとしますと、サイトマップのページIDは95です。

Conditional Tags « WordPress Codexによると、is_page()を使うとページの判別ができるらしいので、サイトマップ表示用のコードを以下で囲んでみます。

if (is_page('95')) :
[...]
endif;

以下コード全文です（簡略化しています）。

<?php
if (is_page('95')) :

    for ($i = 0; $i < get_blog_count() - 1; $i++) :

        $blog_list = get_last_updated();
        $blog_list = $blog_list[$i]['blog_id'];

        if ($blog_list != 1) :

            $out_blogname = get_blog_option($blog_list, 'blogname');
            $output_blogs = '<h3><a href="' .
                get_blog_option($blog_list, 'siteurl') . '">' .
                $out_blogname .
                '</a></h3>';
            echo $output_blogs;

            $wpdb->set_blog_id($blog_list);
            query_posts("showposts=10000&post_status=publish");
?>

<ul>

<?php if (have_posts()) : while(have_posts()) : the_post();?>

    <li><a href="<?=$post->guid;?>"><?=$post->post_title;?></a></li>

<?php endwhile; endif; wp_reset_query(); endif;?>

</ul>

<?php
    endfor;

endif;
?>

タブ化はまだ今度。

あ、と、今気づいたのですが、サイトマップなのに、ブログエントリーだけでページとかアーカイブが入ってなかったです(^^ゞ

]]> WordPress MU http://wp.maaguu.com/?p=178 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ サイト開設1ヶ月を経過して「WordPress」での検索から訪れる方が圧倒的に多いことがわかった ]]> http://log.maaguu.com/2009/01/19/there-are-a-lot-of-visitors-from-the-retrieval-with-wordpress/#comments Mon, 19 Jan 2009 14:58:08 GMT http://xfruits.com/maaguu/?id=54076&clic=393856478&url=http%3A%2F%2Flog.maaguu.com%2F2009%2F01%2F19%2Fthere-are-a-lot-of-visitors-from-the-retrieval-with-wordpress%2F タイトルそのまんまなのですが、アクセスログを見てみると、WordPressの情報を探して検索エンジンから訪れる方が圧倒的に多いことがわかりました。

まとめてみます（順不同）。ちなみにページビューが約3,000/月、セッションが約1,100/月です。

  1. WordPressの情報を探して来る人が極めて多い
  2. Firefoxでの訪問者が多い
  3. Internet Explorer6がIEのうち40%
  4. 検索エンジンはGoogleが100%
  5. 1セッション当たりのページビューが少ない
  6. ホームページ（http://maaguu.com/）へのアクセスが少ない

ってな感じです。

1に関しては、単にWordPress以外の有用な情報がこのサイトにはないから(^^ゞだと思います。5に関しては、IE6を蹴っているのが大きいです。ホームページはほとんど見られないですね。その他に関しても、特に目立った傾向は無いようです。

あと、GetMoneyからの振込が4,500円ほどありました。GetMoneyはコストがほぼゼロで収入になるのが嬉しいところです。

]]> misc. http://log.maaguu.com/?p=136 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ ソーシャルブックマークの今後 ]]> http://log.maaguu.com/2009/01/18/the-future-of-social-bookmark/#comments Sun, 18 Jan 2009 13:34:56 GMT http://xfruits.com/maaguu/?id=54076&clic=393856479&url=http%3A%2F%2Flog.maaguu.com%2F2009%2F01%2F18%2Fthe-future-of-social-bookmark%2F このエントリーは、ソーシャルブックマークの今後を分析するような大それたものではなく、これまでソーシャルブックマークを使ってきて少し物足りなくなってきたので、自分が欲しいアプリのスケッチをしてみるという内容です。

まとまってません。殴り書きです。

ブックマークしてタグで分類してコメント追記して、あとで再ブックマークとか再分類とか、ブログもそうなんですが（ブログまで話を拡げるのはどうなのかとも思いますが）、このブックマーク（記事）とあのブックマーク（記事）とを関連させるのがタグ（とかカテゴリーとか）しかない、というのがどうも腑に落ちないのです。

このブックマークとあのブックマークをくっつけてそのブックマークにしたい、みたいな？？？

gonyogonyo

インターフェイスの問題なのかな？？？

ハイパーリンクで繋げる手法ってのは普通にあるしな……。

exploratreeみたいかなあ。これはちょっと目指している方向が違うかな。Evernoteはすごいアプリですが、これも違うかなあ。

]]> misc. http://log.maaguu.com/?p=128 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #4 【SSHサーバの導入】 ]]> http://cutandtry.maaguu.com/2009/01/15/windowsxp-vmwareplayer-ubuntudesktop-4/#comments Thu, 15 Jan 2009 14:59:16 GMT http://xfruits.com/maaguu/?id=54076&clic=393856473&url=http%3A%2F%2Fcutandtry.maaguu.com%2F2009%2F01%2F15%2Fwindowsxp-vmwareplayer-ubuntudesktop-4%2F #3に続いてSSHを導入してみます。

ひとまずupdateとupgrade。

$ sudo apt-get update
$ sudo apt-get upgrade

SSHをインストール。

$ sudo apt-get install ssh

SSH 1

なんか、文字化けしてるYO！　どうしようかなあ。デスクトップを入れてみようかな。

ifconfigしてみたらなんかインターネッツに繋がっていないようでした。なので、入れ直して最初からやり直すことにしました(^^ゞ

振り出しに戻る（2回目）。

インストールは簡単です。初期設定を終えたらupdateとupgradeの後、taskselをば。ちなみにネットワークにはブリッジで接続しています。

$ sudo tasksel

前回はすでに入っているチェックを全部外してLAMP serverだけを入れてしまったのが失敗だったので、今回はチェックをそのままにLAMP serverを追加してみます。デフォルトでチェックが入っているのは以下の2つ。

[*] Print server
[*] Ubuntu desktop

これにLAMP serverを加えます。OpenSSH serverもありますが、まずは躓いたところまで戻します。LAMPのPはPythonかなとも思いましたが、インストールを眺めていて、PHPだとわかりました。

Fxでhttp://localhost/にアクセスしてみると、Webサーバは動いているようです。

SSH 2

ようやくSSHをインストールしてみます。再びtaskselで。

$ sudo tasksel

OpenSSH serverを選択してインストールしてみました。

ホストのWindowsからPuTTYjpでゲストのUbuntuに接続してみます。

$ ifconfig

とやると、Ubuntuのinetアドレスがわかりますので、PuTTYjpの文字コードをUTF-8にして接続してみました。

SSH 3

接続できました。

$ sudo shutdown -h now
]]> Ubuntu http://cutandtry.maaguu.com/?p=68 Cut and Try maaguu (^^; com 北海道札幌でホームページ制作を楽しむ 印刷用のCMYKで黒を表現する場合に気をつけるべきこと ]]> http://log.maaguu.com/2009/01/14/quote-3-deadly-sins-of-print-design/#comments Wed, 14 Jan 2009 03:45:16 GMT http://xfruits.com/maaguu/?id=54076&clic=393856480&url=http%3A%2F%2Flog.maaguu.com%2F2009%2F01%2F14%2Fquote-3-deadly-sins-of-print-design%2F まじですかー。これまでにいぱーいDTPのデザイナーさんに会ってきたけど、教えてくれなかったYO

K100（いわゆるスミ）は完全な黒ではない！　濃いグレーだ。

まじですかー！　知らなかったYO！

つか、黒にもいろいろあるわけで、こんなことに気づかなかったオレはアホだ。デザイナーさんにとっては、知ってて当たり前、教えるまでもないことだったのだろうな。

そういえばプリンタインクにもリッチブラックとかあったな。

The Problem

If there is an unforgivable sin, this would be it. Again, a simple understanding of CMYK is needed.
A printer takes the CMYK info it is sent and puts out ink according to that info. CMYK value refers to a set of 4 numbers between one and 100 representing the amount of each color mixed in to achieve the desired color. So you would immediately guess that k=100 would mean black, right?
Larry said so.

[...]

K=100 produces a dark grey that is definitively not black.

The Fix

Once again, easy fix; use values for rich black. Rich black mixes in some cyan, magenta, and/or yellow to darken the 100% Key. There are many different opinions on what is best, but there are basically two kinds; warm and cool. Generally accepted values (in order of CMY) are 70, 50, 30 (known as “designer black”), 60, 40, 40 (cool black) and 40, 60, 40, (warm black). All of these are mixed with k=100.

Some people say that a “C” value of 40 and a k value of 100 does the trick just fine; the point is to add some kind of extra into your blacks to make them… well, black.

Do NOT use rich black for smaller text; registration problems (where one cmyk ink prints slightly in the wrong place) will make your text unreadable. And no one wants that. Usually using k=100 for black text is readable enough.

Another neat trick: if your text is large enough that you want to use rich black, but is just small enough that registration may pose a threat, outline your text with .5 or 1 pt of k=100. This will take care of the registration problems. Note: the outline should be on the inside and should replace the original area it lays over, so that your text is not improperly displayed.

3 Deadly Sins of Print Design | Fuel Your Creativity

デザイナー・ブラック
70, 50, 30, 100 (CMYK)
クール・ブラック
60, 40, 40, 100
ウォーム・ブラック
40, 60, 40, 100
リッチ・ブラック
90, 60, 30, 100

印刷に出して確かめてみよーかなー。

ちなみにRGBにするとほとんど差はないですが、Webで微妙な黒を使い分けている人、いるんでしょうか？

P.S. こっちも参照

]]> misc. http://log.maaguu.com/?p=109 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ グリッド線的Webデザイナーと文書的Webデザイナー ]]> http://log.maaguu.com/2009/01/14/grid-webdesigner-and-document-webdesigner/#comments Tue, 13 Jan 2009 20:00:32 GMT http://xfruits.com/maaguu/?id=54076&clic=393856481&url=http%3A%2F%2Flog.maaguu.com%2F2009%2F01%2F14%2Fgrid-webdesigner-and-document-webdesigner%2F グリッド線的Webデザイナーの頭の中はこんな感じだろうと思う。

designer a

文書的Webデザイナーの頭の中はこんな感じだろうと思う。

designer b

マークアップエンジニアな人がグリッド線的Webデザイナーと組むと、結構大変だったりするのではなかろうか。

さらに、グリッド線的Webプログラマとの挟み撃ちに合うと、同情を禁じ得ない。

とどめに、グリッド線的Webディレクターと三方を囲まれると、これはもう悲惨としか言いようがない。

（それにしても下手糞な絵だ。）

]]> misc. http://log.maaguu.com/?p=96 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ CORESERVERにSFTPで接続する（CORESERVERとFileZillaの設定） ]]> http://log.maaguu.com/2009/01/13/coreserver-sftp-filezilla/#comments Tue, 13 Jan 2009 14:59:52 GMT http://xfruits.com/maaguu/?id=54076&clic=393856482&url=http%3A%2F%2Flog.maaguu.com%2F2009%2F01%2F13%2Fcoreserver-sftp-filezilla%2F サーバにファイルを転送する場合は、FTPではなくSFTPやSCPで接続すべきです。FTPでサーバに接続すると、ユーザ名やパスワードが平文で流れるので危険です。ですので、SFTPに対応しているかどうかも、レンタルサーバを選択する際の基準の一つになると思います。

以下簡単に。

オレはCORESERVERをレンタルしていますので、そこでSSH通信を行うためには、管理画面の「ホスト情報登録」から「SSH登録」をします。

WindowsではSFTP対応のFileZillaなどを使います。FileZillaでは「サイトマネージャ」の「一般設定」で「サーバの種類」に「SFTP – SSH File Transfer Protocol」を選択します。接続しようとすると「不明なホスト鍵」ダイアログが表示されますので、「了解」で接続します。

パスワード認証より公開鍵認証の方がより安全ですが、ここでは割愛します。

]]> misc. http://log.maaguu.com/?p=88 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ シンプルで明快。Logospireを見て思う ]]> http://log.maaguu.com/2009/01/10/logospire/#comments Fri, 09 Jan 2009 21:00:05 GMT http://xfruits.com/maaguu/?id=54076&clic=393856483&url=http%3A%2F%2Flog.maaguu.com%2F2009%2F01%2F10%2Flogospire%2F シンプルで明快。一目見て惹き付けられました。ロゴ・インスピレーション・ギャラリー、Logospire – Logo inspiration gallery。

ホーム（トップ）ページに空白がないようにこれでもかと情報を詰め込んでいるサイトばかりを作ってきましたが、こういうシンプルなサイトは分かりやすくていいですね。

（正直言って、ホームページやサイドバーに情報盛りだくさんのサイトはウンザリです。）

logospire20090110out

ナビゲーションがわかりやすいです。

  1. 最上部、枠から外れたところのサインインとサインアップ
  2. 明快なアップロードボタン
  3. シンプルなソート
  4. 上下のページャ

システムはRailsを使っているようです。WordPressなどブログソフトで行けそうかなとも思いますが、ユーザ別のページもありますし、ユーザ管理やファイルアップロードなど必要な機能だけを構築するにはスクラッチがいいのでしょうね。

サインインのページで「Sign in」ボタンを押すと、ボタンが「Loading…」と変わるさりげない処理なんかもおもしろいですね。

]]> Websites observation http://log.maaguu.com/?p=71 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #3 【LAMP（Linux+Apache+MySQL+PHP）の導入】 ]]> http://cutandtry.maaguu.com/2009/01/09/windowsxp-vmwareplayer-ubuntudesktop-3/#comments Thu, 08 Jan 2009 20:00:43 GMT http://xfruits.com/maaguu/?id=54076&clic=393856474&url=http%3A%2F%2Fcutandtry.maaguu.com%2F2009%2F01%2F09%2Fwindowsxp-vmwareplayer-ubuntudesktop-3%2F 8.10にアップグレードしたUbuntuにLAMPを導入します。

開発とかにはWindows+XAMPPを使うのもいいのですが、今回の目的はWindowsからLinuxへの移行なので、Windowsで出来ることは全部Linuxでやりたいと思うのです。

ただ、OfficeとIllustratorなどAdobe製品と、その他Windowsでしか動かないアプリケーションはまだ使うので、完全にWindowsからLinuxへ移行は出来ないのですが、それもメインマシンをUbuntu＋VMware＋Winodwsにすれば解決するのかなと思っています。

さて、LAMPサーバの導入と行きたいところですが、8.10にアップグレードしたところ、ネットワークに繋がらなくなってしまいました。色々調べましたが、どうにも今のオレの技量では上手くいきそうもないので、諦めて8.04を入れ直しました。

$ sudo apt-get upgrade
$ sudo apt-get update

upgradeとupdate、どっちを先にするのかな？

$ sudo tasksel

LAMP serverを選択してインストールしてみます。

MySQLのrootのパスワードの入力。

出た！　NetworkManager (~~; NetWorkManagerは必要なリソースを見つけることができませんでした。続行できません。

構わず「OK」をクリックして進んでみます。結構時間かかります。

目を離した隙に消えてしまいましたよ～　どういうことですか？　タスクバー（？）とか出てないし(^^ゞ

何すか？　これ。

「OK」らしきボタンを押してみます。……何も起こりません。仕様がないので、再起動。

$ sudo reboot

げ、GUIにならないぞ？？？

あれれ～　GNOMEをアンインストールしてしまったのですか……。そういえばsudo taskselってやったときに、LAMP以外チェックを外したからかな。

ふと思ったのだけれど、LAMPの「P」って、もしかしてPython？

$ sudo shutdown -h now
]]> Ubuntu http://cutandtry.maaguu.com/?p=47 Cut and Try maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #2 【8.10にアップグレード】 ]]> http://cutandtry.maaguu.com/2009/01/08/windowsxp-vmwareplayer-ubuntudesktop-2/#comments Wed, 07 Jan 2009 20:01:56 GMT http://xfruits.com/maaguu/?id=54076&clic=393856475&url=http%3A%2F%2Fcutandtry.maaguu.com%2F2009%2F01%2F08%2Fwindowsxp-vmwareplayer-ubuntudesktop-2%2F Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #1でWindows XPにVMware Playerをインストールし、Ubuntu8.04を起動させてみました。

続いて、Ubuntu仮想マシンをインストールしたディレクトリにUbuntu.vmxがありますので、それを加工してから、8.10にアップグレードしてみます。

ところで、Ubuntu-8.04-Japanese.vmdkを覗いてみると、以下のように記述されていますので、約20GB弱分が確保されているようです。

RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s001.vmdk"
RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s002.vmdk"
RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s003.vmdk"
RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s004.vmdk"
RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s005.vmdk"
RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s006.vmdk"
RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s007.vmdk"
RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s008.vmdk"
RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s009.vmdk"
RW 4192256 SPARSE "Ubuntu-8.04-Japanese-s010.vmdk"
RW 20480 SPARSE "Ubuntu-8.04-Japanese-s011.vmdk"

さて、Ubuntu.vmxのmemsize = "512"をmemsize = "1024"に変更。仮想マシンに割り当てる最大メモリを1024MBにしました（ちなみにThinkPadには4GBのRAMを積んでいます）。

起動時にこの仮想マシンでVMware Toolsパワーオンスクリプトが正常に実行されませんでした。仮想マシンにカスタムされたパワーオンスクリプトが構成されている場合は、スクリプトにエラーがないか確認してください。それ以外の場合は、サポートに連絡してください。とのダイアログが表示されますので、toolScripts.afterPowerOn = "FALSE"も追加します。

Ubuntu.vmxを叩いて起動します。

起動したらアップデート・マネージャでアップデート。

アップデート・マネージャ

再起動後、システム→システム管理→ソフトウェア・ソースから、「アップグレードリリース」の「新しいディストリビューションリリースの通知」を「通常リリースでも通知」に。

システム→システム管理→アップデート・マネージャを開くと、新しいディストリビューション ‘8.10′ にアップグレードできますとのメッセージが。

アップグレードの案内

そのままアップグレード。

アップグレードが完了しました。

8.10

]]> Ubuntu http://cutandtry.maaguu.com/?p=26 Cut and Try maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Windows XP＋VMware Player＋Ubuntu Desktopの環境構築 #1 ]]> http://cutandtry.maaguu.com/2009/01/07/windowsxp-vmwareplayer-ubuntudesktop-1/#comments Tue, 06 Jan 2009 20:59:05 GMT http://xfruits.com/maaguu/?id=54076&clic=393856476&url=http%3A%2F%2Fcutandtry.maaguu.com%2F2009%2F01%2F07%2Fwindowsxp-vmwareplayer-ubuntudesktop-1%2F 自宅でのパソコン環境をWindows中心からLinux中心に移行していくメモです。

昔、VineとかDebianとか、Linuxを少しだけ使っていた時期がありましたが、Xが使えないとか音が出ないとか、さんざん苦労して、使うのを止めていました。

たまたまUbuntuを使ってみたところ、ほとんどMacやWindowsしか使ったことのない自分にも、昔よりはるかに楽に使えることがわかりましたので、この際メインPC環境をLinuxにしてみようと思い立ちました。

先ずは練習がてら、サブマシンThinkPad X61のWindows XPにVMware PlayerとUbuntu Desktopをインストールしてみようと思います。LAMPとかの環境を構築できればいいかな。

ひとまずここまでで終了。8.10にはあとからアップグレードすることに。

Ubuntuを立ち上げたところ

]]> Ubuntu http://cutandtry.maaguu.com/?p=17 Cut and Try maaguu (^^; com 北海道札幌でホームページ制作を楽しむ TumblrとかSoupとかはてなブックマークとか ]]> http://log.maaguu.com/2009/01/07/tumblr-soup-hatenabookmark/#comments Tue, 06 Jan 2009 20:29:27 GMT http://xfruits.com/maaguu/?id=54076&clic=393856484&url=http%3A%2F%2Flog.maaguu.com%2F2009%2F01%2F07%2Ftumblr-soup-hatenabookmark%2F Tumblrとかって、おもしろいですねえ、って今更ながら……。

一時Tumblrに繋がりにくくなって、Soupを使ってみたらそっちがメインになっている今日この頃です。テキストとか画像とかクリップするだけなのですが、なぜかおもしろい。なんでだろ。

ちなみにSoupは非公開にできます。

はてなのサービスは手当たり次第使っていましたけれども、最近はてなダイアリーをやめて、はてなブックマークのみを利用しています。

はてブ、最近リニューアルしましたが、相変わらずタグが入力しにくいですね。いちいちキャレットをつけなければならないなんて、面倒この上ないです。間違えてタグ付けしてしまってそのタグを削除したり変更したりするのも非常に面倒です。

あと、コレクション機能、ユーザには無意味です。オレは本をブックマークするのに使っていますが、ブックマークしようとすると「コレクションに追加」にあらかじめチェックが入って選択された状態になっています。そのままブックマークしたら最後、コレクションから削除も変更もできません。これ、買ったから削除しようと思っても、コレクションからは削除できません。ああ、でも、ブックマークから削除すると消えるみたい。これって、キーワードもそうだけど、運営者にしか利益がない仕組みですね。

はてなは収益を上げるために利用者をもっと増やしたいようです。以前はおもしろいモノを作る会社だなあと思っていましたけれど、今後はどうなっていくのでしょうか。収益を確保したら、またおもしろいモノを作り出すのかな。

]]> misc. http://log.maaguu.com/?p=65 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ WordPress MUのトップページに、RSSフィードを取得して各ブログの新着記事を日付順にソートして表示する ]]> http://wp.maaguu.com/2009/01/01/publish-newentries-daytimelist-in-homepage/#comments Thu, 01 Jan 2009 08:24:16 GMT http://xfruits.com/maaguu/?id=54076&clic=534797513&url=http%3A%2F%2Fwp.maaguu.com%2F2009%2F01%2F01%2Fpublish-newentries-daytimelist-in-homepage%2F 以下の記事の方法では、各ブログ毎の新着記事が表示されます。

これをひとまとめに日付順にソートして表示したいなあ、と思って作ってみたのがこれです。

上記の記事をRSSフィードを取得して書くこともできますので、今回はその方法でばばーっと書いてみました。ホームページでhome.phpを使っているのでしたら、home.phpに以下ののコードを記述します。一応エラーもなく表示されているようです。

<?php
include_once(ABSPATH . WPINC . '/rss.php');

//フィードのURI
$rss_arr = array(
    'http://log.maaguu.com/feed/',
    'http://wp.maaguu.com/feed/',
    'http://pp.maaguu.com/feed/'
);

//表示件数
$num = 10;

foreach($rss_arr as $uri)
{
    $rss = fetch_rss($uri);

    $title = $rss->channel['title'];
    $link  = $rss->channel['link'];

    foreach($rss->items as $item)
    {
        $item_title = $item['title'];
        $item_link  = $item['link'];
        $item_date  = $item['pubdate'];
        $out_item_date  = date('Y年n月j日', strtotime($item_date));

        $out_item = '<dt>
                         <a href="' . $item_link . '">' . $item_title . '</a>
                     </dt>
                     <dd style="font-size:77%;">
                         <a href="' . $link . '">' . $title . '</a>
                     </dd>
                     <dd style="font-size:77%;">' . $out_item_date . '</dd>';

        $unix_time = date('U', strtotime($item_date));
        $item_arr[$unix_time] = $out_item;
    }
}

//ソート
krsort($item_arr);

//出力
echo '<h2>新着' . $num . '件</h2>';

echo '<dl>';

for(reset($item_arr); $key = key($item_arr); next($item_arr))
{
    echo $item_arr[$key];

    ++$count;

    if($count === $num)
    {
        break;
    }
}

echo '</dl>';
?>

表示はこのようになります。

ソートして表示した画像での例

]]> WordPress MU http://wp.maaguu.com/?p=163 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ AFPBB Newsの「拡大写真を見る」ボタンをクリックしたら、ウィンドウ全面に会員登録画面が表示されてブラウザを落とす以外になくなった ]]> http://log.maaguu.com/2008/12/30/afpbb-newswebbrowser-crusher/#comments Tue, 30 Dec 2008 02:08:37 GMT http://xfruits.com/maaguu/?id=54076&clic=393856485&url=http%3A%2F%2Flog.maaguu.com%2F2008%2F12%2F30%2Fafpbb-newswebbrowser-crusher%2F 腹立つ（誇張）、って話。

ブラウザクラッシャーの類だな、これ。

Ctrl+Wで消せるけどさ。

見たページ
韓国の現代自動車、小型車「i20」をインドで発売へ　写真4枚　国際ニュース : AFPBB News

ちなみにFx3.0.5/Ubuntuでの話。

強制全画面ブラウザウィンドウ表示っての、まだあったのね。

]]> news http://log.maaguu.com/?p=61 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ 三井住友フィナンシャルグループ http://pp.maaguu.com/2008/12/30/smfg/#comments Tue, 30 Dec 2008 01:10:14 GMT http://xfruits.com/maaguu/?id=54076&clic=513053791&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F30%2Fsmfg%2F PrintPreview Browser View ]]> Japanese http://pp.maaguu.com/?p=518 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Welcome to HSBC http://pp.maaguu.com/2008/12/30/hsbc/#comments Tue, 30 Dec 2008 01:08:37 GMT http://xfruits.com/maaguu/?id=54076&clic=513053792&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F30%2Fhsbc%2F PrintPreview Browser View ]]> Overseas http://pp.maaguu.com/?p=499 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ 新日本製鐵株式会社 http://pp.maaguu.com/2008/12/30/nsc/#comments Tue, 30 Dec 2008 01:07:36 GMT http://xfruits.com/maaguu/?id=54076&clic=513053793&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F30%2Fnsc%2F PrintPreview Browser View ]]> Japanese http://pp.maaguu.com/?p=515 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Dexia http://pp.maaguu.com/2008/12/30/dexia/#comments Tue, 30 Dec 2008 01:05:38 GMT http://xfruits.com/maaguu/?id=54076&clic=513053794&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F30%2Fdexia%2F PrintPreview Browser View ]]> Overseas http://pp.maaguu.com/?p=493 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ イオン http://pp.maaguu.com/2008/12/30/aeon/#comments Tue, 30 Dec 2008 01:02:57 GMT http://xfruits.com/maaguu/?id=54076&clic=513053795&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F30%2Faeon%2F PrintPreview Browser View ]]> Japanese http://pp.maaguu.com/?p=511 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Volkswagen Deutschland http://pp.maaguu.com/2008/12/30/volkswagen-deutschland/#comments Tue, 30 Dec 2008 01:00:54 GMT http://xfruits.com/maaguu/?id=54076&clic=513053796&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F30%2Fvolkswagen-deutschland%2F PrintPreview Browser View ]]> Overseas http://pp.maaguu.com/?p=489 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ プログラミングの用語が全然わかりません(^^ゞ ]]> http://log.maaguu.com/2008/12/30/the-term-of-the-programming-is-not-understood-at-all/#comments Mon, 29 Dec 2008 17:00:13 GMT http://xfruits.com/maaguu/?id=54076&clic=393856486&url=http%3A%2F%2Flog.maaguu.com%2F2008%2F12%2F30%2Fthe-term-of-the-programming-is-not-understood-at-all%2F JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティスを何の気なしに買ってみてちらっと目を通したけれど、ちんぷんかんぷんです。

つまりあれだ、オレはプログラミングがわかりません。プログラミングがわからないオレが読んでちんぷんかんぷんなので、これはプログラミングがわからない人が読む本ではありません。

JavaScriptの関数は、（大部分は）レキシカルなスコープを持つファーストクラスオブジェクトである。JavaScriptはメインストリームに登場した最初のラムダ言語だ。実際には、JavaScriptはJavaよりもLispやSchemeとよく似ている。JavaScriptはCの皮を被ったLispなのである。この性質のおかげでJavaScriptは非常に強力な言語になっている。

JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス

ひとまず用語の意味だけはメモしておこう。

レキシカル

以下のようにあったので、多分レキシカルはローカル変数のローカルと同じ意味だろう。

クロージャはある関数全体が他の関数（以下、エンクロージャ）の内部で宣言されたときに発生し、内部の関数はエンクロージャのローカル変数（レキシカル変数）を参照する。

クロージャ – Wikipedia

スコープ

上記引用に続いて以下のようにある。

実行時に外部の関数が実行された際、クロージャが形成される。クロージャは内部の関数のコードとエンクロージャのスコープ内の必要なすべての変数への参照からなる。

クロージャ – Wikipedia

また、

プログラミングでのスコープとは、ある変数や関数が特定の名前で参照される範囲のこと。ある範囲の外に置いた変数等は、通常、その名前だけでは参照できない。このときこれらの変数はスコープ外である、「見えない」といわれる。

スコープ – Wikipedia

ファーストクラスオブジェクト

第一級オブジェクトで引けた。

第一級オブジェクト（ファーストクラスオブジェクト、first-class object）は、あるプログラミング言語において、その言語における他のものと比べて制限なしに使用できる物体のことである。第一級オブジェクトは「第一級データ型に属す」という。

この言葉は1960年代にChristopher Stracheyによって「functions as first-class citizens」という文脈で初めて使われた。

言語によって、第一級オブジェクトは次のような性質をもつ。

  • 匿名のリテラルとして表現可能である。
  • 変数に格納可能である。
  • データ構造に格納可能である。
  • それ自体に独自性を内在する（名前とは独立している）。
  • 他のものとの等値性の比較が可能である。
  • プロシージャや関数のパラメータとして渡すことができる。
  • プロシージャや関数の戻り値として返すことができる。
  • 実行時に構築可能である。
  • 表示可能である。
  • 読み込むことができる。
  • 分散したプロセス間で転送することができる。
  • 実行中のプロセスの外に保存することができる。

第一級オブジェクト – Wikipedia

ラムダ言語

ラムダ計算 – Wikipediaを参照。

専門用語を調べるとその専門用語の説明に別の専門用語があってまた専門用語を調べなければなりませんね(^^ゞ

クロージャ

クロージャ (クロージャー、Closure) は、プログラミング言語において引数以外の変数を実行時の環境ではなく、自身が定義された環境（静的スコープ）において解決する関数のことである。関数とそれを評価する環境のペアであるともいえる。

Schemeは完全な静的スコープのクロージャを持つ最初の言語として登場した。実質的にすべての関数型言語（Scala、Haskell、OCamlなど）とSmalltalkに由来するオブジェクト指向言語は何らかの形でクロージャを持っている。 その他のクロージャを持つ言語に、Groovy、ECMAScript（JavaScriptを含む）、Perl、Python、Ruby、Lua、C#などがある。

クロージャ – Wikipedia

PHPが入っていませんね（5.3から実装されるらしいです）。

リテラル

コンピュータプログラミングにおいてリテラルは、ソースコード内に値を直接表記したものをいう。数値、文字列、関数などさまざまな型のものが存在し、それぞれの表記方法も言語によって異なる。

リテラルを記述できることは、第一級オブジェクトを構成するための要件として見なされる場合もある。

リテラル – Wikipedia

だめだこりゃ、勉強しないと。

]]> misc. http://log.maaguu.com/?p=49 Log maaguu (^^; com 北海道札幌でホームページ制作を楽しむ FUJITSU http://pp.maaguu.com/2008/12/28/fujitsu/#comments Sat, 27 Dec 2008 20:06:14 GMT http://xfruits.com/maaguu/?id=54076&clic=513053797&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F28%2Ffujitsu%2F PrintPreview Browser View ]]> Japanese http://pp.maaguu.com/?p=508 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Citi – Home http://pp.maaguu.com/2008/12/28/citi/#comments Sat, 27 Dec 2008 20:01:27 GMT http://xfruits.com/maaguu/?id=54076&clic=513053798&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F28%2Fciti%2F PrintPreview Browser View ]]> Overseas http://pp.maaguu.com/?p=484 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ 東京電力株式会社 http://pp.maaguu.com/2008/12/28/tepco/#comments Sat, 27 Dec 2008 19:56:49 GMT http://xfruits.com/maaguu/?id=54076&clic=513053799&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F28%2Ftepco%2F PrintPreview Browser View ]]> Japanese http://pp.maaguu.com/?p=505 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ 中国石油化工集团公司网站 http://pp.maaguu.com/2008/12/28/sinopec/#comments Sat, 27 Dec 2008 19:55:19 GMT http://xfruits.com/maaguu/?id=54076&clic=513053800&url=http%3A%2F%2Fpp.maaguu.com%2F2008%2F12%2F28%2Fsinopec%2F PrintPreview Browser View ]]> Overseas http://pp.maaguu.com/?p=480 プリントプレビュー/PrintPreview maaguu (^^; com 北海道札幌でホームページ制作を楽しむ 最近更新したブログを一番上に表示する（「WordPress MUのトップページに各ブログの新着記事を表示する」の改良版） ]]> http://wp.maaguu.com/2008/12/25/publish-newentries-list-in-homepage-2/#comments Thu, 25 Dec 2008 03:40:25 GMT http://xfruits.com/maaguu/?id=54076&clic=534797514&url=http%3A%2F%2Fwp.maaguu.com%2F2008%2F12%2F25%2Fpublish-newentries-list-in-homepage-2%2F ホームページに各ブログの新着記事を表示していますが、ブログの並び順が固定で、新着記事が上に表示されないのが不満でしたので、「WordPress MUのトップページに各ブログの新着記事を表示する」のコードを変更します。

Codexを浚っているとget_last_updated関数がありましたので、これを使ってみます。get_last_updated()は更新順に40件のブログを配列にして返す関数のようです。

wpmu-functions.phpを覗いてみると、以下のように記述してありました。

function get_last_updated( $deprecated = '', $start = 0, $quantity = 40 ) {
    global $wpdb;
    return $wpdb->get_results( $wpdb->prepare("SELECT blog_id, domain, path FROM $wpdb->blogs WHERE site_id = %d AND public = '1' AND archived = '0' AND mature = '0' AND spam = '0' AND deleted = '0' AND last_updated != '0000-00-00 00:00:00' ORDER BY last_updated DESC limit %d, %d", $wpdb->siteid, $start, $quantity ) , ARRAY_A );
}

パラメータが使えますね。3番目から15番目のブログを指定するには、get_last_updated(, 3, 15)のようになるでしょうか。

さて、本題ですが、コードの以下の部分1行を変更します。

$blog_list = get_blog_list();

これを下のように変更します。

$blog_list = get_last_updated();

こうすることで、最後に更新したブログが先頭に表示されます。

]]> WordPress MU http://wp.maaguu.com/?p=153 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ Wordpress MUの投稿自動保存と投稿履歴（改訂・改正・リビジョン）の設定を変更する ]]> http://wp.maaguu.com/2008/12/22/config-autosave-revision/#comments Sun, 21 Dec 2008 21:11:51 GMT http://xfruits.com/maaguu/?id=54076&clic=534797515&url=http%3A%2F%2Fwp.maaguu.com%2F2008%2F12%2F22%2Fconfig-autosave-revision%2F Wordpressの自動保存はいいのですが、頻繁に保存されてデータベースにどんどん溜まってしまうのと、ドラフト記事が下書きにいつの間にか作られているので（タイトルを入れて保存すると作られないらしいのですが）、これを調整します。

wp-config.phpに以下を記述してみました。

define('AUTOSAVE_INTERVAL', 600);
define('WP_POST_REVISIONS', 3);

自動保存の間隔を600秒（10分）にし、リビジョンを3つまでに制限します。

これで投稿中のウザさが和らぎました(^^)

]]> WordPress MU http://wp.maaguu.com/?p=141 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ wp_get_archives('type=monthly')と記述したときに出力される日付のホワイトスペース（空白）を取り除きたい ]]> http://wp.maaguu.com/2008/12/19/remove-whitespace-wp-get-archives/#comments Thu, 18 Dec 2008 15:00:35 GMT http://xfruits.com/maaguu/?id=54076&clic=534797516&url=http%3A%2F%2Fwp.maaguu.com%2F2008%2F12%2F19%2Fremove-whitespace-wp-get-archives%2F サイドバーにある2008 年 12 月などのホワイトスペースを取り除こうと思ってWordPressのコード（general-template.php）を見てみましたが、以下のように翻訳対象のコードになっていました。

$text = sprintf(__('%1$s %2$d'), $wp_locale->get_month($amp;arcresult->month), $arcresult->year);

こうなると翻訳ファイルを加工するしかないわけで。ja.poをPoeditで開き、該当部分%1$s %2$dを%2$d年%1$sに変更し、ja.moをアップロードすると変更が反映されます。

ひとまず暫定としてこのようにしてみましたが、本体とか翻訳ファイルはできれば触りたくないわけで、かと言ってwp_get_archives()をオーバーライドできないようですので、テンプレートのfunctions.phpに新しく関数を書くか、あるいはプラグインを書いて処置したいところです。

]]> WordPress MU http://wp.maaguu.com/?p=134 WordPress maaguu (^^; com 北海道札幌でホームページ制作を楽しむ