Digital SeeTake

EC-CUBEについての所感

2010-04-07T13:55:00.003+09:00

当初、日本初のECオープンとして注目されていた、EC-CUBEを遅ればせながら触ってみた。最近ではEC-CUBEがプリインストールされているホスティングサービスなども多数存在している。でもあまり良い評判を耳にしないのは、何故かと思ってインストールしてみたが、始めから不具合の連発。。

その1. インストール画面へのリダイレクト不具合

まず、EC-CUBEの最新版（2010年4月6日現在 ver. 2.4.3）をダウンロードして設置する。

# homeディレクトリにダウンロード
[user@www ~]$ pwd
/home/user

# EC-CUBEをダウンロードして展開
[user@www ~]$ wget http://downloads.ec-cube.net/src/eccube-2.4.3.tar.gz
[user@www ~]$ tar zxvf eccube-2.4.3.tar.gz
[user@www ~]$ cd eccube-2.4.3

# 2.4.3のパッチをダウンロードして適用
[user@www eccube-2.4.3]$ wget http://downloads.ec-cube.net/src/patch/eccube2.4.3_update_file_100401.zip
[user@www eccube-2.4.3]$ unzip eccube2.4.3_update_file_100401.zip
[user@www eccube-2.4.3]$ rm -f eccube2.4.3_update_file_100401.zip

[user@www eccube-2.4.3]$ ls
COPYING data  docs  html

続いて、CentOSにyumでインストールしたApacheのドキュメントルートにシムリンクを作成する。

# Apacheの公開ディレクトリへ移動
[user@www ~]$ cd /var/www

# 一旦、デフォルトのhtmlディレクトリを削除
[user@www ~]$ rm -rf html

# EC-CUBEのhtmlディレクトリへシムリンク作成
[user@www ~]$ ln -s ~/eccube-2.4.3/html

設置が完了したところで、MySQLのデータベース作成と、EC-CUBEのパーミッションを設定しておく。

そして、いざ設置URL（http://www.xxxxx.com/）へアクセスすると、404が返ってくる。しかも、URLはリダイレクトされ、http://install/ となっている… がっくり。
以下のように対応した。

diff -u eccube-2.4.3/data/class/util/SC_Utils.php eccube-2.4.3_dev/data/class/util/SC_Utils.php
--- eccube-2.4.3/data/class/util/SC_Utils.php   2010-04-05 19:33:10.000000000 +0900
+++ eccube-2.4.3_dev/data/class/util/SC_Utils.php       2010-04-06 19:08:03.000000000 +0900
@@ -98,6 +98,9 @@
                     }
                     closedir($dh);
                 }
+                if ($url_dir == '/') {
+                    $url_dir = '';
+                }
 
                 $location = $url_dir . '/install/';
                 header('Location: ' . $location);

この修正で無事インストール完了。

その2. APCが有効な場合のエラー

次に管理画面へログインする際、「タイムアウトしました」のようなメッセージが表示され、ログイン出来ない状態が約1時間…
phpのエラーログを見て、Googleで検索すると、APCが有効な場合はエラーが出るらしい。

えっっ。。今まで散々、APC環境下でPHP開発をしてきたが、不具合が起こった事は一度も無い。
ちなみにPHPのバージョンは5.2.10、APCは3.0.19である。

不具合まとめ

インストール画面へのリダイレクト処理 /install/ が //install となってしまい http://install/ を開いてしまう。
APCのバグ？により、APCがONの場合は管理画面にログイン出来ないエラーが発生。
APCをOFFにするとログイン出来るが、もっさり感（動作が重い）。
「郵便番号DB登録」を行うと12万件のデータがDBにインサートされる…
しかも、待ち時間の画面には何も表示されず、真っ白け。（→かなり遅れて進捗が表示される）
何も表示されないからポップアップ画面を閉じて、再度「郵便番号DB登録」リンクをクリックしてしまうと最悪。
裏ではプロセスが生きているため、重複してデータがインサートされてしまう。（12万件 x 2倍）
↓
僕の環境ではあまりに時間がかかり過ぎてタイムアウトしてしまうため、セッション系の処理をコメントアウトしてコマンドラインから実行しました。

実際にソースコードリーディングをしてみた際の感想

5年前のソースコードかと思うくらいレガシーなソースコードで、未だにPHP4の実装をしている。なんか昔のショッピングカードCGIのような物にも思えてくる。下位互換性などの問題もあると思うが、そろそろPHP5の実装にして高速化を図った方が良いと思う。

現在では、ECのオープンソースは数少ないが、日本で同じようなECのオープンソースが出てきたら、すぐに廃れそうだ。単に開発者のスキルの問題なのか、経営層の問題なのか分からないが、このシステムでビジネスが成り立っているのが不思議なくらいだ。

ファイルシステムエラー「UNEXPECTED INCONSISTENCY; RUN fsck MANUALLY.」の対処法

2010-03-24T16:07:00.002+09:00

CentOSで運用しているサーバを再起動した途端「UNEXPECTED INCONSISTENCY」と表示され、サーバが起動しなくなる事があります。これはファイルシステムチェックでエラーが発生している事を意味しています。

以下は、/dev/md2ファイルシステムにエラーが見つかり起動プロセスが終了しています。
レンタルの専用サーバなどでは、サポートに連絡しても対応してもらえない為、自身で復旧しなければなりません。

Checking all file systems.
[/sbin/fsck.ext3 (1) -- /] fsck.ext3 -a /dev/md1 
/dev/md1: clean, 310133/4198176 files, 1837577/4194944 blocks
[/sbin/fsck.ext3 (1) -- /boot] fsck.ext3 -a /dev/md0 
/dev/md0: clean, 89/26104 files, 63656/104320 blocks
[/sbin/fsck.ext3 (1) -- /home] fsck.ext3 -a /dev/md2 
/dev/md2: Resize inode not valid.  

/dev/md2: UNEXPECTED INCONSISTENCY; RUN fsck MANUALLY.
(i.e., without -a or -p options)
[FAILED]

まず、メンテナンスモードでログインします。

Give root password for maintenance
(or type Control-D to continue): ********　←　rootパスワード

プロンプトにてfsckコマンドを実行し修復作業を行い、サーバを再起動します。

(Repair filesystem) 1 # fsck -t ext3 /dev/md2
...
いくつか質問されますが、すべて[Enter]で応答します。

/dev/md2: ***** FILE SYSTEM WAS MODIFIED *****
/dev/md2: ***** REBOOT LINUX *****

(Repair filesystem) 1 # exit

運が良ければ起動出来るはずです。起動しない場合は、ハードウェア故障の可能性が高いため絶望的です。

ICカードワールド2010

2010-03-10T17:11:00.008+09:00

東京ビッグサイトで開催中の「ICカードワールド」に行ってきました。出展分野はICカード／ICタグ・RFID／磁気カードなどの関連ソリューションです。

今回の目的は、SONYのFeliCaです。FlashやAIRからFelicaを利用するためのSDKがリリースされ、先日から「FeliCa & Adobe® AIR®/Adobe® Flash®アプリケーションコンテスト」が開催されており、その結果発表が行われました。

最優秀賞を獲得したのは、PHP開発で有名なアシアル株式会社さんでした。Felicaを共有して交換日記を行うアプリケーションを開発され、技術だけでなく、人同士のコミュニケーションがある事などのコンセプトが素晴らしいと評価されていました。

コンテスト結果発表！ « SDK for AIR/Flashブログ

既にFelicaを使った試験的なサービスが出てきているので、今後は関連サービスも増えてきそうです。ICカードの分野は発展途上なので、どんどん進化して便利になっていく気がします。

あとは、Felicaリーダー（読取側）の普及かぁ。。

C言語からMySQLに接続する

2010-02-05T18:26:00.005+09:00

覚えたてのC言語でMySQLへの接続を試してみたいと思います。

環境：

CentOS 5.4
MySQL 5.1.43
gcc 4.1.2

ソースコード：mysqltest.c

#include <stdio.h>
#include <stdlib.h>
#include <mysql.h>

#define MYSQL_SERVER "localhost"
#define MYSQL_USERNAME "USER"
#define MYSQL_PASSWORD "PASSWORD"
#define MYSQL_DATABASE "mysql"
#define MYSQL_PORT 3306
#define MYSQL_SOCKET NULL
#define MYSQL_OPT 0

int main()
{
    MYSQL *connect;
    MYSQL_RES *result;
    MYSQL_ROW row;

    connect = mysql_init(NULL);
    if (!mysql_real_connect(connect, MYSQL_SERVER, MYSQL_USERNAME,
            MYSQL_PASSWORD, MYSQL_DATABASE, MYSQL_PORT,
            MYSQL_SOCKET, MYSQL_OPT)) {
        fprintf(stderr, "%s\n", mysql_error(connect));
        exit(1);
    }

    if (mysql_query(connect, "show tables")) {
        fprintf(stderr, "%s\n", mysql_error(connect));
        exit(1);
    }

    result = mysql_use_result(connect);

    printf("----MySQL Tables in '%s' database -----\n",
        MYSQL_DATABASE);
    while ((row = mysql_fetch_row(result)) != NULL) {
        printf("%s\n", row[0]);
    }

    mysql_free_result(result);
    mysql_close(connect);
}

コンパイル：mysqltestの作成

[user@centos ~]$ gcc -o mysqltest \
 -I /usr/include/mysql/ \
 -L /usr/lib/mysql/ \
 -l mysqlclient \
 mysqltest.c

プログラムの実行

[user@centos ~]$ ./mysqltest
----MySQL Tables in 'mysql' database -----
columns_priv
db
event
func
general_log
help_category
help_keyword
help_relation
help_topic
host
ndb_binlog_index
plugin
proc
procs_priv
servers
slow_log
tables_priv
time_zone
time_zone_leap_second
time_zone_name
time_zone_transition
time_zone_transition_type
user

よし、できた。
次は、httpアクセスをやるぞ～

Firefox3.6でプロファイルマネージャーを起動

2010-02-02T19:11:00.009+09:00

Firefoxで複数プロファイルを同時利用するで紹介したアドオン「Profile Manager and Synchronizer」がFirefox3.6に未対応のため、別の方法でプロファイルマネージャーを起動したいと思います。

Windowsの「スタートメニュー」-「ファイル名を指定して実行」から以下のコマンドを入力すれば起動出来ます。

firefox -no-remote -P

毎回、コマンドを打つのが面倒なので、バッチファイルを作成します。

1. 以下の2ファイルを作成します。

firefox-profile.bat　（コマンド本体）

@ECHO off
REM
REM Firefox profile manager script
REM

SET FF_BIN=%ProgramFiles%\Mozilla Firefox\firefox.exe
"%FF_BIN%" -no-remote -P

firefox-profile.vbs　（Windowsのコマンドプロンプト非表示用のWrapper）

'
' firefox-profile.bat starter
'
CreateObject("WScript.Shell").Run "firefox-profile.bat",0

2. 上のbatファイルとvbsファイルを作成し、任意の場所に保存します。
※2ファイルを同階層に保存する場合を想定しています。

3. vbsファイルをダブルクリックするとプロファイルマネージャーが起動出来ます。
※デスクトップにvbsファイルの方のショートカットを作成しておくと便利です。

これで毎回コマンドを打つ事無く、vbsファイルをダブルクリックするだけでプロファイルマネージャーを起動出来ます。スクリプトファイルはWindows用ですが、少し設定を変更してシェルスクリプトを作成すればMacでもプロファイルマネージャーを起動する事が出来ます。

Firefox3.6でYShowを2.0.5にアップデート時にクラッシュした際の対処法

2010-01-26T17:43:00.001+09:00

最近リリースされたFirefox3.6をインストールしましたが、開発用のアドオンが未対応で苦戦中です。3.5系に戻したい。。

そんな中、読み込み速度などを測定するベンチマークツールであるYahoo!製のYShowが2.0.5へアップデートされました。Firebugとの関連もあると思いますが、僕の環境では起動時にクラッシュレポートがいきなり立ち上がりFirefoxが起動しません。何度やっても解消せず。。

とりあえず、「スタートメニュー」-「すべてのプログラム」-「Mozilla Firefox」-「Firefox（セーフモード）」で「すべてのアドオンを無効」にして起動後、アドオン管理からYShowを無効化して解決しました。

また早急にYShowのアップデートがありそうですね。

Google Chrome OSをVirtualBoxで試す

2010-01-20T18:16:00.000+09:00

昨年末にChrome OSのオープンソースプロジェクトChromium OSが発表されました。しかし、自前でビルドしてOSイメージを作成しなければならないため面倒です。今回はChrome OSのVMイメージを使用させてもらいました。

1. Chrome OSのVMイメージをダウンロード（Torrentファイル）
VirtualBox版

2. VirtualBoxで仮想アプライアンスのインポート
ダウンロードした仮想アプライアンス情報（.ovf）ファイルを選択し、VirtualBoxに設定をインポートします。

3. 起動
電源をONにすると5秒くらいで起動します。
ユーザー名：chronos
パスワード：password

基本的にGoogle Chromeがフルスクリーン表示されます。
ブラウザしか動かないOSって使うかなぁ。まだ未知ですね。。

HDDの異常を検知する「SMART」と不良セクタの修復

2010-01-18T17:30:00.009+09:00

HDD（ハードディスク）はすぐに故障する。と、普段から思っていた方が良いです。不良セクタがあると書き込みが遅くなったり、そのセクタが原因でHDD（ハードディスク）が読み込み不能になったりと、放っておくと良い事は無いです。

本日、不良セクタのリペアをしたので備忘録として。

SMARTはHDD（ハードディスク）異常の検知をしてくれます。
異常を検知すると「SMART error (CurrentPendingSector) detected on host:xxxx」という件名のメールが送られて来ます。

This email was generated by the smartd daemon running on:

host name: www.xxxx.com
DNS domain: xxxx.com
NIS domain: (none)

The following warning/error was logged by the smartd daemon:

Device: /dev/hda, 1 Currently unreadable (pending) sectors

For details see host's SYSLOG (default: /var/log/messages).

You can also use the smartctl utility for further investigation.
No additional email messages about this problem will be sent.

1. まずはセルフテストを実施します。1時間程度待ちます。

[root@www ~]# smartctl -t long /dev/hda
smartctl version 5.38 [i686-redhat-linux-gnu] Copyright (C) 2002-8 Bruce Allen
Home page is http://smartmontools.sourceforge.net/

=== START OF OFFLINE IMMEDIATE AND SELF-TEST SECTION ===
Sending command: "Execute SMART Extended self-test routine immediately in off-line mode".
Drive command "Execute SMART Extended self-test routine immediately in off-line mode" successful.
Testing has begun.
Please wait 61 minutes for test to complete.
Test will complete after Mon Jan 18 16:23:24 2010

Use smartctl -X to abort test.

2. 1時間後、結果を確認します。

[root@www ~]# smartctl -A -l selftest /dev/hda
smartctl version 5.38 [i686-redhat-linux-gnu] Copyright (C) 2002-8 Bruce Allen
Home page is http://smartmontools.sourceforge.net/

=== START OF READ SMART DATA SECTION ===
SMART Attributes Data Structure revision number: 16
Vendor Specific SMART Attributes with Thresholds:
ID# ATTRIBUTE_NAME          FLAG     VALUE WORST THRESH TYPE      UPDATED  WHEN_FAILED RAW_VALUE
  1 Raw_Read_Error_Rate     0x000f   200   200   051    Pre-fail  Always       -       169
  3 Spin_Up_Time            0x0003   167   163   021    Pre-fail  Always       -       2625
  4 Start_Stop_Count        0x0032   100   100   000    Old_age   Always       -       9
  5 Reallocated_Sector_Ct   0x0033   200   200   140    Pre-fail  Always       -       0
  7 Seek_Error_Rate         0x000e   200   200   051    Old_age   Always       -       0
  9 Power_On_Hours          0x0032   079   079   000    Old_age   Always       -       15484
 10 Spin_Retry_Count        0x0012   100   253   051    Old_age   Always       -       0
 11 Calibration_Retry_Count 0x0012   100   253   051    Old_age   Always       -       0
 12 Power_Cycle_Count       0x0032   100   100   000    Old_age   Always       -       9
192 Power-Off_Retract_Count 0x0032   200   200   000    Old_age   Always       -       5
193 Load_Cycle_Count        0x0032   200   200   000    Old_age   Always       -       9
194 Temperature_Celsius     0x0022   118   102   000    Old_age   Always       -       25
196 Reallocated_Event_Count 0x0032   200   200   000    Old_age   Always       -       0
197 Current_Pending_Sector  0x0012   200   200   000    Old_age   Always       -       1
198 Offline_Uncorrectable   0x0010   100   253   000    Old_age   Offline      -       0
199 UDMA_CRC_Error_Count    0x003e   200   200   000    Old_age   Always       -       0
200 Multi_Zone_Error_Rate   0x0008   100   253   051    Old_age   Offline      -       0

SMART Self-test log structure revision number 1
Num  Test_Description    Status                  Remaining  LifeTime(hours)  LBA_of_first_error
# 1  Extended offline    Completed: read failure       90%     15484         33769597

上記の「197 Current_Pending_Sector」は、不安定なセクタ数。代替セクタに再配置されるのを待っているセクタの総数です。
また「LBA_of_first_error」の部分が不良ブロックのLBA番号です。

3. 不良セクタがどのパーティション内にあるかを調べます。

[root@www ~]# fdisk -lu /dev/hda

Disk /dev/hda: 160.0 GB, 160041885696 bytes
255 heads, 63 sectors/track, 19457 cylinders, total 312581808 sectors
Units = セクタ数 of 1 * 512 = 512 bytes

デバイス Boot      Start         End      Blocks   Id  System
/dev/hda1   *          63      208844      104391   fd  Linux raid 自動検出
/dev/hda2          208845    33768629    16779892+  fd  Linux raid 自動検出
/dev/hda3        33768630   310472189   138351780   fd  Linux raid 自動検出
/dev/hda4       310472190   312576704     1052257+  fd  Linux raid 自動検出

不良ブロックのLBA番号は「33769597」なので、パティション「/dev/hda3」に含まれる事が判明します。

4. ブロックサイズを調査する。

[root@www ~]# tune2fs -l /dev/hda3 | grep Block
Block count:              34587920
Block size:               4096
Blocks per group:         32768

ブロックサイズは「4096」です。

5. LBAがどのブロックに含まれているかを計算で求めます。

b = (int)((L-S)*512/B)
where:
b = File System block number
B = File system block size in bytes
L = LBA of bad sector
S = Starting sector of partition as shown by fdisk -lu
and (int) denotes the integer part.

B = 「4096」、L = 「33769597」、S = 「33768630」を代入すると、

b = (int)((33769597 - 33768630) * 512 / 4096) = 120

ブロック番号は「120」である事が判明しました。

6. 該当ブロックのinode情報を調べます。

[root@www ~]# debugfs
debugfs 1.39 (29-May-2006)
debugfs:  open /dev/hda3
debugfs:  icheck 120
Block   Inode number
120     <block not found>
debugfs:  quit

未使用のようです。もし、使用されている場合は、「ncheck ブロック番号」でどのファイルが使用しているか確認する事が出来ます。

7. 該当ブロックを再配置します。

[root@www ~]# dd if=/dev/zero of=/dev/hda3 bs=4096 count=1 seek=120
1+0 records in
1+0 records out
4096 bytes (4.1 kB) copied, 6.4496e-05 seconds, 63.5 MB/s

[root@www ~]# sync

8. 再度セルフテストを実行します。1時間程度待ちます。

[root@www ~]# smartctl -t long /dev/hda
smartctl version 5.38 [i686-redhat-linux-gnu] Copyright (C) 2002-8 Bruce Allen
Home page is http://smartmontools.sourceforge.net/

=== START OF OFFLINE IMMEDIATE AND SELF-TEST SECTION ===
Sending command: "Execute SMART Extended self-test routine immediately in off-line mode".
Drive command "Execute SMART Extended self-test routine immediately in off-line mode" successful.
Testing has begun.
Please wait 61 minutes for test to complete.
Test will complete after Mon Jan 18 17:23:24 2010

Use smartctl -X to abort test.

9. 結果を確認します。

[root@www ~]# smartctl -A -l selftest /dev/hda
smartctl version 5.38 [i686-redhat-linux-gnu] Copyright (C) 2002-8 Bruce Allen
Home page is http://smartmontools.sourceforge.net/

=== START OF READ SMART DATA SECTION ===
SMART Attributes Data Structure revision number: 16
Vendor Specific SMART Attributes with Thresholds:
ID# ATTRIBUTE_NAME          FLAG     VALUE WORST THRESH TYPE      UPDATED  WHEN_FAILED RAW_VALUE
  1 Raw_Read_Error_Rate     0x000f   200   200   051    Pre-fail  Always       -       176
  3 Spin_Up_Time            0x0003   167   163   021    Pre-fail  Always       -       2625
  4 Start_Stop_Count        0x0032   100   100   000    Old_age   Always       -       9
  5 Reallocated_Sector_Ct   0x0033   200   200   140    Pre-fail  Always       -       0
  7 Seek_Error_Rate         0x000e   200   200   051    Old_age   Always       -       0
  9 Power_On_Hours          0x0032   079   079   000    Old_age   Always       -       15489
 10 Spin_Retry_Count        0x0012   100   253   051    Old_age   Always       -       0
 11 Calibration_Retry_Count 0x0012   100   253   051    Old_age   Always       -       0
 12 Power_Cycle_Count       0x0032   100   100   000    Old_age   Always       -       9
192 Power-Off_Retract_Count 0x0032   200   200   000    Old_age   Always       -       5
193 Load_Cycle_Count        0x0032   200   200   000    Old_age   Always       -       9
194 Temperature_Celsius     0x0022   118   102   000    Old_age   Always       -       25
196 Reallocated_Event_Count 0x0032   200   200   000    Old_age   Always       -       0
197 Current_Pending_Sector  0x0012   200   200   000    Old_age   Always       -       0
198 Offline_Uncorrectable   0x0010   100   253   000    Old_age   Offline      -       0
199 UDMA_CRC_Error_Count    0x003e   200   200   000    Old_age   Always       -       0
200 Multi_Zone_Error_Rate   0x0008   200   200   051    Old_age   Offline      -       4

SMART Self-test log structure revision number 1
Num  Test_Description    Status                  Remaining  LifeTime(hours)  LBA_of_first_error
# 1  Extended offline    Completed without error       00%     15485         -
# 2  Extended offline    Completed: read failure       90%     15484         33769597

上記の「197 Current_Pending_Sector」が「0」になっています。
またセルフテスト結果も「Completed without error」となります。

10. 念の為、サーバを再起動します。

[root@www ~]# reboot

起動直後にSMARTからメールが送信されない事を確認します。

Bad block HOWTO for smartmontools

Firefoxのイースターエッグ

2010-01-08T17:20:00.000+09:00

イースター・エッグ（Easter egg）は、コンピュータのソフトウェア・書籍・CDなどに隠されていて、本来の機能・目的とは無関係であるメッセージや画面の総称。ユーモアの一種。多くの場合、企画・開発スタッフの一覧などが隠されているが、ゲームなどの場合もある。アニメーションや音楽を伴って表示されることもある。

イースター・エッグ (コンピュータ) - Wikipedia

Firefoxにもイースターエッグがあり、URL欄にコマンドを打つと表示されます。

「about:robots」と打つと、怪しげなロボットが表示されます。
※リンクはFirefoxで開いてください。

「about:mozilla」と打つと、「邪神マモンが...」など、リロードするたびに何やらメセージが表示されます。
※リンクはFirefoxで開いてください。

暇つぶしにどうぞ。

Googleストリートビューの撮影って...

2010-01-07T18:52:00.001+09:00

Googleストリートビューの撮影車、あちこち傷だらけでボコボコに

上の記事にあるように車で撮影していたんですね。。

勝手な思い込みですが、上空から撮影して奥行を出すために画像を変形させているだけなのかな？と思っていました。

そういえば以前も、目黒の大鳥神社前でゼンリンのスタッフを見かけた事がありました。背中にZENRINのロゴが入った上着を着ていたので、すぐ分かりました。なにやら、計測か場所の確認をしていたようです。

こうした地道な作業が、便利なWebサービスを支えているのですね。

無料でストリーミング配信「Red5」

2010-01-06T17:15:00.004+09:00

Flashに動画を配信する方法として以下の3通りが存在します。

swfファイルに動画ファイルを埋め込む
プログレッシブ・ダウンロード
ストリーミング

通常、ストリーミング配信には、Adobe社のFlash Media Server（FMS）が必要になりますが、エディションによっては非常に高価（60万円程度）で導入は極めて困難です。また、Jストリームなどのストリーミングサービスを利用するのにも費用が発生します。

今回は、Flash Media Serverをオープンソースの「Red5」で代用出来るか試してみました。Red5はFlash Media Server互換のオープンソースによって作られているRTMPサーバーです。Fecebook等で採用されていて、実績もあるようです。

Red5は、主に以下のような事が実現出来ます。

動画または音声のストリーミング配信
WebカメラやマイクなどクライアントデータのFLV保存（録画、録音）
ライブストリーミング
Shared Objectの共有
AMFでサーバー上のメソッド呼び出し

インストール後にサーバを起動し「localhost:5080」にアクセスするとデモページが表示され、多くのサンプルを見る事が出来ます。

Red5は無料なので、気軽にストリーミングを試す事が出来ますね。

Android2.0.1レビュー

2009-12-25T14:53:00.000+09:00

Android SDKを使用し、Android 2.0.1を動かしてみました。UIに関しては、ほぼ1.6と変わらない印象ですが、APIには大きな変更がありそうですね。いろいろエフェクト等が追加されていました。

現在、個人的にdocomo HT-03Aを使用していますが、使い勝手が良く大満足です。敢えてダメ出しするなら、iPhoneに比べてグラフィックがイマイチなのと、アラーム機能が使いにくい点です。

アラーム機能は、スヌーズが設定が出来ないので、使い勝手が悪いと感じていましたが、2.0.1では予めスヌーズ間隔を設定出来るように変更されたので解決しそうです。

docomoの公式アップデートが待ち遠しいです。

Google製のDNSサーバーベンチマークツール「namebench」

2009-12-22T17:01:00.000+09:00

DNSサーバーのベンチマークツール「namebench」は、Googleの20％プロジェクトから生まれたツールです。
※Googleの20％プロジェクトは、勤務時間の20％は自分の好きなことをするグーグルの社内ルールです。

最近リリースされて話題になっていた「Google Public DNS」を含む、主要なDNSサーバのベンチマークをとってみました。

結果は以下の通りです。

「Google Public DNS」を使用すると高速になると思いきや...。アベレージで現在の2倍以上遅いという結果が出ました。

ネットで「GoogleのDNSでネットのアクセス速度を上昇させる方法」みたいな記事がありますが、恐らく現在のDNSが余程遅いのでしょう。（環境にもよりますが..）

「Google Public DNS」は海外にサーバがあるため、国内のDNSサーバのレスポンス速度には勝て無いようです。

Google より年末のご挨拶

2009-12-21T20:19:00.004+09:00

タイトルの件名でGoogleからメールが来ました。

なにやら年末の挨拶みたいですが、「今年一年の感謝の気持ちを込めて、今年は例年とは違う特別な企画を実施することになりました。」という一文にリンクがあり、クリックして見ると慈善事業を支援するという内容のページが表示されました。

皆様へ

慈善団体にとって例年にない困難な状況が続いているため、Googleでは2,000万ドルの費用をかけて慈善事業を支援することにしました。

裏にはどんな思惑があるかは分かりませんが、実現する莫大な費用と、施策を一般に伝達する手段を持っているGoogle社は、最強の企業ですね。

Google Analyticsの非同期トラッキング

2009-12-17T20:13:00.001+09:00

Google Analyticsのトラッキングを非同期で実行する方法を試してみました。
トラッキングを非同期にすると、トラッキングによる待ち時間が発生しないため、HTMLの描画がスムーズに行われるようになります。

Google Analyticsのトラッキングコード画面に「New! Try the asynchronous tracking code」というリンクが貼られています。

リンクをクリックすると、以下のスニペットが表示されるので、アカウントID「UA-XXXXX-X」の部分を自身のアカウントIDへ変更します。設置方法は従来と同様です。

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
  })();

</script>

Asynchronous Tracking - Google Analytics - Google Code

Firefoxで複数プロファイルを同時利用する

2009-12-17T15:28:00.000+09:00

Firefoxにはプロファイルという単位でユーザーの設定を区分けしています。デフォルトの状態だと自動的に「default」というプロファイルを使用しています。

まだ実験的なアドオンですが「Profile Manager and Synchronizer」を使用すると、複数のプロファイルの作成、起動が簡単に行えます。

複数プロファイルの用途は、いろいろと考えられます。

Googleやその他のWebサービスなどの複数アカウントを切り替えたい場合
Firefoxのデフォルトの状態でスクリーンショットを撮りたい場合
アドオン開発のテスト環境に利用したい場合

など、環境自体を全く新しく切り替えられるので、便利である事は間違いありません。

インストール

アドオンをインストールした後、ツールバーに表示されるアイコンをクリックするとプロファイルマネージャーが起動します。

デフォルトの状態では「default」というプロファイルのみが存在しています。これが通常使用している環境です。

新しいプロファイルの作成

プロファイルマネージャーで「新しいプロファイルを作成」を選択し、新しい環境を作成します。
※アドオンやその他の設定は引きつかず、全く新しい環境になります。

別プロファイルで起動

新しく作成したプロファイルを選択して「Forefoxを起動」ボタンを選択すると別環境でFirefoxを起動することが出来ます。

また、このアドオンは「Profile Manager and Synchronizer」という名称からも分かるように、プロファイルを別PCのFirefoxと同期する事も出来ます。同期にはDropboxを利用するため、興味のある方は試してみてはいかがでしょうか。

LL入門編 PHPのデータ型(3)

2009-12-16T12:29:00.003+09:00

今回は残りのデータ型を説明します。

まずプログラミングを始めるにあたっては、今回のデータ型をあまり意識する必要はありませんが、知識として覚えておくと良いと思います。

オブジェクト（object）

オブジェクトとは、物、対象物などの意味がありますが、プログラミング言語で使用するオブジェクトは、属性や命令文などを纏めたカプセルのような意味です。

オブジェクトを初期化するにはnew演算子でオブジェクトのインスタンスを作成します。

<?php
$dom = new DOMDocument('1.0', 'utf-8');
echo $dom->saveXML();  // <?xml version="1.0" encoding="utf-8"?>
?>

オブジェクトは、自分自身で自由に作成する事ができますが、少し高度な知識を要求されるため、興味がある場合は「クラスとオブジェクト」のセクションを参照してください。

オブジェクト - PHP Manual

リソース（resource）

リソース型は、外部リソース情報を保持する特殊な型です。主にオープンされたファイルの接続情報を保持するために使用されますが、特に意識する必要はありません。

<?php
$handle = fopen("/home/user/file.txt", "r");  // 外部ファイルへのリソースが返されます
?>

リソース - PHP Manual

NULL（null - ヌル）

NULL型も特殊な型です。NULLはNULL型の唯一の値です。値を持たない状態として使用されます。空文字とNULLは意味が異なりますので注意してください。

<?php
$empty = '';    // 空文字
$var   = null;  // NULL
?>

NULL - PHP Manual

型キャスト

プログラミングにおける「キャスト」とは、変数などのデータ型を別の型に変換することです。真偽値を数値に型変換したり、文字列を数値に変換する場合などに使用されます。

<?php
$bool = true;

$int = (integer) $bool;  // 整数型へのキャスト
echo $int;               // 出力結果：1

$str = (string) $bool;   // 文字列へのキャスト
echo $str;               // 出力結果："1"
?>

型キャスト - PHP Manual

以上が「データ型」の説明です。
次回は「変数」について説明する予定です。

LL入門編 PHPのデータ型(2)

2009-12-15T15:31:00.003+09:00

前回のエントリー「LL入門編 PHPのデータ型(1)」に続いて、今回はデータ型の「配列」の説明です。

この配列は、概念が少々難しい部分もありますが、どの言語でも共通で使用できる概念なので、是非覚えてください。

配列（array - アレイ）

配列は、関連性のあるデータを一つの変数に纏めて使用するデータの集合体です。「キー」と「値」を一対として扱うことが出来ます。

配列の作成
配列のキーは「添え字」と呼ばれ、負の数以外の整数で指定します。更に添え字はゼロ「0」から始まります。

<?php
//
// 以下の4パターンは同じ結果です。
//

// 1. 変数の宣言と同時に配列を作成
//    カンマ区切りで値を指定（添え字指定なし）
$arr = array('yamada', 'saito', 'suzuki');

// 2. 変数の宣言と同時に配列を作成
//    カンマ区切りで値を指定（添え字指定あり）
$arr = array(
    0 => 'yamada',
    1 => 'saito',
    2 => 'suzuki',
);

// 3. 変数を宣言した後で添え字を指定してデータを追加
$arr = array();
$arr[0] = 'yamada';  // 0番目の要素に追加
$arr[1] = 'saito';   // 1番目の要素に追加
$arr[2] = 'suzuki';  // 2番目の要素に追加

// 4. 変数の宣言と同時に順番にデータを追加
$arr[] = 'yamada';   // 0番目の要素に追加
$arr[] = 'saito';    // 1番目の要素に追加
$arr[] = 'suzuki';   // 2番目の要素に追加
?>

配列の出力

<?php
echo $arr[0];  // 出力結果：yamada
echo $arr[1];  // 出力結果：saito
echo $arr[2];  // 出力結果：suzuki
?>

多次元配列

配列の「値」に配列を指定する事ができます。配列の中に配列を入れて2階層にする場合は、2次元配列といいます。さらに配列を追加し3次元、4次元と増やす事も可能です。木（ツリー）構造のような感覚です。

ただし、プログラムの複雑化を避けるため、あまり階層は深くならない方が良いです。

<?php
//
// 以下の4パターンは同じ結果です。
//

// 1. 変数の宣言と同時に配列を作成
//    カンマ区切りで値を指定（添え字指定なし）
$arr = array(
    array('php', 'perl', 'java'),
    array('c', 'vb'),
);

// 2. 変数の宣言と同時に配列を作成
//    カンマ区切りで値を指定（添え字指定あり）
$arr = array(
    0 => array('php', 'perl', 'java'),
    1 => array('c', 'vb'),
);

// 3. 変数を宣言した後で添え字を指定してデータを追加
$arr = array();
$arr[0][0] = 'php';   // 0番目の要素の0番目に追加
$arr[0][1] = 'perl';  // 0番目の要素の1番目に追加
$arr[0][2] = 'java';  // 0番目の要素の2番目に追加
$arr[1][0] = 'c';     // 1番目の要素の0番目に追加
$arr[1][1] = 'vb';    // 1番目の要素の1番目に追加

// 4. 変数の宣言と同時に順番にデータを追加
$arr[0][] = 'php';    // 0番目の要素の0番目に追加
$arr[0][] = 'perl';   // 0番目の要素の1番目に追加
$arr[0][] = 'java';   // 0番目の要素の2番目に追加
$arr[1][] = 'c';      // 1番目の要素の0番目に追加
$arr[1][] = 'vb';     // 1番目の要素の1番目に追加
?>

配列の出力

<?php
echo $arr[0][0];  // 出力結果：php
echo $arr[0][1];  // 出力結果：perl
echo $arr[1][1];  // 出力結果：vb
?>

連想配列

連想配列は、キー（添え字）に文字列を指定する方法です。添え字だと0番目が何のデータなのか分からなくなってしまうので、データを連想させる用語をキーとする事が出来ます。

<?php
//
// 以下の2パターンは同じ結果です。
//

// 1. 変数の宣言と同時に配列を作成
$arr = array(
    'id'   => 1,
    'name' => 'yamada',
    'age'  => 30,
);

// 2. 変数を宣言した後で添え字を指定してデータを追加
$arr = array();
$arr['id']   = 1;         // id要素に追加
$arr['name'] = 'yamada';  // name要素に追加
$arr['age']  = 30;        // age要素に追加
?>

配列の出力

<?php
echo $arr['id'];    // 出力結果：1
echo $arr['name'];  // 出力結果：yamada
echo $arr['age'];   // 出力結果：30
?>

配列 - PHP Manual

以上が「配列」です。
次回は「オブジェクト」について説明する予定です。

LL入門編 PHPのデータ型(1)

2009-12-14T17:35:00.007+09:00

前回のエントリー「LL入門編 PHPの基本的な構文」に引き続き、今回はPHPにおける「データ型」について説明します。

「データ型」とは、プログラム内におけるデータの扱いに関する形式です。
PHPはコンパイル言語では無いため、データ型に関しては厳しくありませんが、ほぼ全てのプログラミング言語でデータ型を理解することは非常に重要です。

データ型 - Wikipedia

PHPでは、8種類の基本型をサポートしています。

4種類のスカラー型
論理値（boolean）
整数（integer）
浮動小数点（float）
文字列（string）

2種類の複合型
配列（array）
オブジェクト（object）

2種類の特殊型
リソース（resource）
ヌル（null）

1. 論理値（boolean - ブーリアン）

論理値は、値がONかOFFかを表す「true」「false」で表現されます。

<?
$bool = true;
$bool = false;
?>

論理型 (boolean) - PHP Manual

2. 整数（integer - インテジャー）

整数型は、10進数などの数値です。先頭にマイナスの符号を付けて、負の数も使用する事ができます。

<?
$int = 1000;
$int = -55;
?>

整数 - PHP Manual

3. 浮動小数点数（float - フロート）

浮動小数点数は、小数点以下を含む数値です。

<?
$float = 3.141592;
$float = -15.001;
?>

浮動小数点数 - PHP Manual

4. 文字列（string - ストリング）

文字列は、引用符を使用して記述する通常の文字です。日本語も使用可能です。

<?
// シングルクォート
$str = 'simple string';

// ダブルクォート
$str = "シンプル文字列";
?>

文字列 - PHP Manual

以上が最も基本的な「データ型」となります。
次回は「複合型」について説明する予定です。

Firefoxのページレンダリングを高速化する方法

2009-12-14T15:22:00.000+09:00

前回のエントリー「Firefoxを高速化する方法」と、前々回のエントリー「Firefoxの動作を軽くする方法」の続きです。

今回はページレンダリングの高速化についてのエントリーです。

※この設定は、Firefoxの内部設定（prefs.js）をカスタマイズするため、自己責任でお願いします。

「about:config」画面を開き、右クリックで「新規作成」-「整数値」を選択します。
※「about:config」画面などのアクセス方法が分からない場合は前々回のエントリーを参照してください。

設定名に「content.notify.backoffcount」を入力し、「OK」ボタンを選択。

値に「5」入力し「OK」ボタンで設定完了。

再度「about:config」画面で「新規作成」-「整数値」を選択します。
設定名に「nglayout.initialpaint.delay」を入力し、「OK」ボタンを選択。

値に「0」入力し「OK」ボタンで設定完了。

以上で設定完了です。Firefoxを再起動してください。
また少し速くなったはず。。

LL入門編 PHPの基本的な構文

2009-12-11T17:45:00.002+09:00

プログラムは「敷居が高い」「難しそう」などのイメージがありますが、プログラムの難しさの大半は、その実現方法です。

プログラミング言語自体は誰でも利用できます。少しでも知っていれば、新規（スクラッチ）でなくとも、既存のカスタマイズ等に役立てる事ができ、非常に便利です。
知っていて損をする事は絶対にありません。

ということで、現在では当たり前のように使用されているLL（Lightweight Language）の基本について解説していきたいと思います。
※現在は、一般にLLと言った場合、Perl, PHP, Python, Ruby, JavaScriptなどを指す場合が多いです。

第1回目はPHPの基本構文です。
出来るだけ聞き慣れない用語などを使わないようにしたいと思います。

1. 開始タグと終了タグ

PHPは開始タグと終了タグが必要です。PHPプログラムを実行するためには、このPHPタグが無ければPHPとして解釈されません。

<?php　←開始タグ

この中の内容がPHPとして解釈されます。

?> 　　←終了タグ

なおPHPタグは、短縮型やASPスタイルのタグ等がありますが、サーバの設定により使用出来ない場合があるため、標準タグを使用することをお薦めします。

// 短縮型
<?　～　?>

// ASPスタイル
<%　～　%>

// 標準　※推奨
<?php　～　?>

2. 構文

PHPの文脈（ステートメント）の区切りはセミコロンで終了します。
セミコロンで終了しないケースもありますが、セミコロンが抜けていて文法エラーになる場合が多いので、必ず命令文の最後はセミコロンで終了するようにします。

<?php
    echo 'Hello';　←　セミコロンで終了
?>

3. コメント

プログラムには、命令文として処理されないコメントが存在します。このコメントは、コードの説明文や一時的にコードを保存しておく場合などに利用されます。

<?php
// 単一行のコメント

/* 複数行のコメント
   改行してもコメントとして認識されます */

※シャープを使用するコメント方法はPHPの世界では、あまり使用されません。
言語仕様としては、利用できるようになっていますが、上記の2パターンでコメントは記述するようにした方が良いです。

# 単一行のコメント 
?>

以上が基本的な構文です。
これだけでは、まだプログラムを書くことはできません。次は型について解説する予定です。

Firefoxを高速化する方法

2009-12-11T12:21:00.002+09:00

昨日のFirefoxの動作を軽くする方法エントリーの続きです。
昨日のエントリーでは、動作を軽くする方法（使用するメモリ量の調整）でしたが、さらに高速化する方法です。

※この設定は、Firefoxの内部設定（prefs.js）をカスタマイズするため、自己責任でお願いします。

1. TraceMonkey JavaScriptエンジンを有効にする

最新のFirefoxにはJavaScript JITエンジンが搭載されているため、3.5.xの最新版からJITエンジンを使用する事が出来ます。

「about:config」画面のフィルタに「javascript.options.jit.chrome」と入力。
デフォルトでは無効「false」となっているので、ダブルクリックで「true」に変更する。

もう一つ「javascript.options.jit.content」を設定を確認。
デフォルトで「true」になっていればOK。

2. IPv6対応機能を無効にする

IPv6は、まだ使用する必要が無いので「network.dns.disableIPv6」の値を「true」に変更して機能を無効にする。

とりあえず、この上記の設定だけでも高速化出来るはずです。特にJavaScriptを多用しているページ等は、表示が速くなります。

他にも、ページレンダリング高速化などの設定もあるが、試してみた結果、挙動が不安定になる場合もあるので保留中。また動作がトロくなってきたら試してみる予定。

Google Chrome 4 ベータ版の「ブックマーク同期機能」

2009-12-10T16:37:00.001+09:00

Google Chrome 4 ベータ版のエントリーの続きです。新機能である「ブックマーク同期機能」を有効にするとGoogleのWebサイト内に表示されるようになりました。

Googleアカウント

Googleドキュメント

GoogleドキュメントのマイフォルダにGoogle Chromeのブックマークが同期されている。フォルダ内のドキュメントはWebサイトへのリンクとなっているので、ブックマークに簡単にアクセスできる。

もしかするとGoogleブックマークも統合されるのかな？
Googleドキュメントに関しては、zipファイル等のドキュメント以外のファイルもアップロード出来るようにする拡張が予定されるらしい。

Googleのバックボーンを活用した、ストレージサービスになる可能性もあるので、今後の動向に注目したいところ。

「Google Docsはオンライン・ストレージへ姿を変える」，Google関連ブロガーが予想
やはり存在していた! Googleのオンラインストレージ"GDrive"

Firefoxの動作を軽くする方法

2009-12-10T13:25:00.008+09:00

普段からFirefoxを多用しているが、最近、動作が重く、再起動する事が多くなった。少し調べてみると、Firefoxを軽くする方法があったので試してみたら、体感できるくらい軽くなった。

※この設定は、Firefoxの内部設定（prefs.js）をカスタマイズするため、自己責任でお願いします。

1. メモリキャッシュを使用する＆使用量の指定

Firefoxのアドレスバーに「about:config」と入力。警告が出るので「細心の注意を払って使用する」ボタンで先へ進む。

表示された画面のフィルタに「browser.cache.memory.enable」を入力。
「値」が「false」の場合は、メモリキャッシュを使用するように、ダブルクリックで「true」にする。

「browser.cache.memory.enable」の上で右クリックし、「新規作成」-「整数値」を選択。

設定名に「browser.cache.memory.capacity」を入力し、「OK」ボタンを選択。

キャッシュメモリ使用量を65536kB（64MB）に指定し「OK」ボタンで設定完了。

参考値：Firefox のメモリキャッシュ
搭載メモリが1GMBの場合：32768（32MB）
搭載メモリが2GMBの場合：65536（64MB）

2. 最小化時にメモリを開放する

「about:config」画面で「新規作成」-「真偽値」を選択。
設定名に「config.trim_on_minimize」を入力し、「OK」ボタンを選択。

「true」を選択して「OK」ボタンで設定完了。

3. 高速 Back/Forward 機能（bfcache）の設定

「about:config」画面のフィルタに「browser.sessionhistory.max_total_viewers」を入力。デフォルト値は「-1」となっているので、今回は「高速Back/Forward機能」を無効にするため「0」に変更。

設定値の参考：
高速 Back/Forward
bfcache による使用メモリを制御

Google Chrome 4 ベータ版

2009-12-09T19:44:00.006+09:00

Google Chromeのエクステンションに興味があったので、Google Chrome 4 ベータ版をインストールしてみた。今回のメジャーアップデートでは、「拡張機能」と「ブックマーク同期機能」が大きなリリースとなる。

拡張機能はFirefoxのアドオンと同じようにデフォルト以外の機能を拡張できる。

ブックマーク同期機能は、別環境のGoogle Chromeとブックマークを同期できる機能だ。Googleブックマーク等のライブブックマークやソーシャルブックマークを使用している場合は不要な機能かもしれない。それより、ブラウザの環境を同期してほしい。（今後に期待..）

現時点で400程度の拡張機能が公開されていて、「はてなブックマーク」の拡張機能のテストもされている。

Google Chrome extensions

ActionScript3.0でFirefoxのプログレスサークルの作成

2009-12-04T20:32:00.006+09:00

Firefoxのタブに表示される読み込み中のアニメーションをActionScript3.0で作成したので公開。

↓（こういうやつ）

FirefoxProgressCircle.as

package
{
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.events.TimerEvent;
    import flash.utils.Timer;

    /**
     * FirefoxProgressCircle
     */
    public class FirefoxProgressCircle extends Sprite
    {
        /**
         * 回転度数
         */
        protected var _rotate:int = 35;

        /**
         * 円の配置間隔
         */
        protected var _span:int = 45;

        /**
         * 円の半径
         */
        protected var _radius:Number = 1.9;

        /**
         * 円周サイズ
         */
        protected var _size:int = 6;

        /**
         * カラー
         */
        protected var _color:uint = 0x333333;

        /**
         * タイマー
         * 
         * @default null
         */
        protected var _timer:Timer;

        /**
         * サークル
         * 
         * @default null
         */
        protected var _circle:Sprite;

        /**
         * コンストラクタ
         */
        public function FirefoxProgressCircle()
        {
            super();

            // タイマー設定
            this._timer = new Timer(50, 0);
            this._timer.addEventListener(TimerEvent.TIMER, this._onTimer);

            // サークル描画
            this._circle = this._createCircle();

            // 子オブジェクト追加
            this.addChild(this._circle);

            // イベント登録
            this.addEventListener(Event.ADDED_TO_STAGE, this._onStage);
            this.addEventListener(Event.REMOVED,        this._onRemove);
        }

        /**
         * ステージ追加イベント
         * 
         * @param event イベント (OPTIONAL)
         */
        protected function _onStage(event:Event = null):void
        {
            // イベント登録
            this.stage.addEventListener(Event.RESIZE, this._onResize);

            // 位置調整
            this.x = this._size;
            this.y = this._size;
            this._onResize();

            // 回転開始
            this._timer.start();
        }

        /**
         * 削除イベント
         * 
         * @param event イベント (OPTIONAL)
         */
        protected function _onRemove(event:Event = null):void
        {
            // リサイズイベント削除
            if (this.stage.hasEventListener(Event.RESIZE)) {
                this.stage.removeEventListener(Event.RESIZE, this._onResize);
            }
        }

        /**
         * リサイズイベント
         * 
         * @param event イベント (OPTIONAL)
         */
        protected function _onResize(event:Event = null):void
        {
            // 位置調整
            this._circle.x = this.stage.stageWidth / 2 - this._circle.width / 2;
            this._circle.y = this.stage.stageHeight / 2 - this._circle.height / 2;
        }

        /**
         * タイマーイベント
         * 
         * @param event イベント (OPTIONAL)
         */
        protected function _onTimer(event:TimerEvent = null):void
        {
            this._circle.rotation += this._rotate;
        }

        /**
         * サークル生成
         * 
         * @return Spriteオブジェクト
         */
        protected function _createCircle():Sprite
        {
            var circle:Sprite = new Sprite();
            var rotation:int  = 0;
            var cnt:int       = 0;

            // 0～360度を一周するループ処理
            while (rotation < 360) {
                // 一定の間隔で増やし続ける
                rotation += this._span;

                // 角度からラジアンに変換
                var radius:Number = rotation * Math.PI / 180;
                // サイン値を取得
                var sin:Number = Math.sin(radius);
                // コサイン値を取得
                var cos:Number = Math.cos(radius);

                // アルファ
                var alpha:Number = (100 - (cnt * 15)) / 100;

                // サークル描画
                this._drawCircle(circle, sin * this._size, cos * this._size, this._radius, alpha);

                // カウンター
                cnt++;
            }

            return circle;
        }

        /**
         * サークル描画
         *
         * @param obj   対象Sprite
         * @param x     x座標
         * @param y     y座標
         * @param r     ラジアン
         * @param alpha アルファ
         */
        protected function _drawCircle(obj:Sprite, x:Number, y:Number, r:Number, alpha:Number):void
        {
            var s:int = 8;
            var a:Number = Math.tan(Math.PI / s);
            var b:Number = Math.sin(Math.PI / (s / 2));

            obj.graphics.beginFill(this._color, alpha);
            obj.graphics.moveTo(x + r, y);

            obj.graphics.curveTo(r + x, a * r + y, b * r + x, b * r + y);
            obj.graphics.curveTo(a * r + x, r + y, x, r + y);
            obj.graphics.curveTo(-a * r + x, r + y, -b * r + x, b * r + y);
            obj.graphics.curveTo(-r + x, a * r + y, -r + x, y);
            obj.graphics.curveTo(-r + x, -a * r + y, -b * r + x, -b * r + y);
            obj.graphics.curveTo(-a * r + x, -r + y, x, -r + y);
            obj.graphics.curveTo(a * r + x, -r + y, b * r + x, -b * r + y);
            obj.graphics.curveTo(r + x, -a * r + y, r + x, y);

            obj.graphics.endFill();
        }
    }
}

使い方（例：ドキュメントクラスで使用する場合）

// 生成
var circle:FirefoxProgressCircle = new FirefoxProgressCircle();
this.addChild(circle);

// ローディングが終了して不要になったら、ステージから削除すればOK
this.removeChild(circle);

ActionScript 3.0 の条件付きコンパイル

2009-12-03T19:36:00.022+09:00

ActionScript 3.0 でデバッグ時と、リリース時のコードを分けるには、if 文などを使用して分岐しても良いが、swfにデバッグコードが含まれてしまうため、条件付きコンパイルを使用すると良い。

この方法を使用すると、同名のプロパティやメソッドなどを環境により変更する事ができる。

Flashでの定数定義
「プロファイル」-「スクリプト - 設定」-「定数の構成タブ」で定数を追加する

Flexでの定数定義
mxmlcのコンパイラオプションで指定

mxmlc -define+=CONFIG::DEBUG,true -define+=CONFIG::RELEASE,false ..

flex-config.xmlで指定

<compiler>
    <define>
        <name>CONFIG::DEBUG</name>
        <value>true</value>
    </define>
    <define>
        <name>CONFIG::RELEASE</name>
        <value>false</value>
    </define>
</compiler>

Flex Ant タスクで指定

<mxmlc>
    <define name="CONFIG::DEBUG" value="true"/>
    <define name="CONFIG::RELEASE" value="false"/>
</mxmlc>

コードブロック単位の分岐

public function functionName():void {
    // デバッグ時のみ実行
    CONFIG::DEBUG {
        trace('debug');
    }
    // リリース時のみ実行
    CONFIG::RELEASE {
        trace('release');
    }
}

プロパティ、定数の分岐（同じ名前もOK）

// デバッグ時のみ実行
CONFIG::DEBUG
public var propertyName:String = 'debug';
// リリース時のみ実行
CONFIG::RELEASE
public var propertyName:String = 'release';

関数、メソッド単位の分岐（同じ名前もOK）

// デバッグ時のみ実行
CONFIG::DEBUG
public function methodName():void {
    trace('debug');
}
// リリース時のみ実行
CONFIG::RELEASE
public function methodName():void {
    trace('release');
}

Flash - ActionScript の条件付きコンパイル
Flex - 条件付きコンパイルの使用

ActionScript 3.0 の fl パッケージ

2009-12-01T20:18:00.014+09:00

普段 Flex を使用してRIAを開発していると、軽量化のため Flash で Action Script 3.0 をコーディングする場合がある。Flex は基本的に mxml や Flex Framework を使用するため、mx パッケージをメインに使用する。

Tween などのアニメーションを Flash のドキュメントクラス等で記述する場合、fl パッケージを使用すると軽量で便利だ。Flex Framework には存在しないパッケージだが、fl.transitions.Tween クラスが利用できる。

Tweener などのライブラリも使用できるが、単純なエフェクトであれば fl.transitions パッケージ内にいろいろなクラスがあるので役に立ちそう。

サンプルコード

import fl.transitions.Tween;
import fl.transitions.easing.Regular;

var myTween:Tween = new Tween(myObject, "x", Regular.easeOut,
                              0, 300, 3, true);

Flash - ActionScript 3.0 コンポーネントリファレンスガイド

「Adobe AIR 2.0」の新機能

2009-11-26T20:00:00.005+09:00

本日開催された「Adobe AIR Day」に参加し、Flash Player 10.1 と Adobe AIR 2.0 の新機能を見てきた。

今回は開発者中心のイベントという事で、先日公開されたAdobe AIR 2.0 パブリックベータ版を使用して開発されたAIRアプリケーションの機能紹介があった。開発者自身からソースコードの技術的な解説もあり、AIR 2.0 の新機能がよく理解出来た。

主に Adobe AIR 2.0 では以下の機能強化が実装されている。

OSとの連携
- マスストレージデバイスの検出
- 関連付いたアプリケーションでファイルを開く
- ネイティブプロセスの起動と相互通信
ネットワーク機能の強化
- サーバ機能を搭載（P2P等）
- リアルタイム性の向上（UDPサポート）
モバイル対応
- マルチタッチ、ジェスチャー機能
- パフォーマンスの向上

実際のデモを交えて説明を受けたが、未だベータ版という事もあり、少々不具合はあるようだが、今後はかなり可能性がありそうだ。

今回発表されたアプリケーションはAdobe社のWebサイト内の「Adobe AIR 2.0 beta サンプルアプリケーション」ページに掲載されているが、その中で「SORAAI」というAIRアプリケーションなどは、勉強会やイベントで活用するには面白い機能だと思った。

Abobe AIR は、2008年2月のリリース時から既に2億インストールされているらしく、今後もさまざまなプラットフォームで動作することが期待されている。Adobe AIR 2.0は、2010年の上半期頃にリリースされる予定らしい。

セールスフォースの次世代カスタマーサービス

2009-11-20T19:59:00.006+09:00

「セールスフォース、TwitterやFacebookを活用したサービスを続々と発表」によると、11月18日（米国時間）、サンフランシスコで開幕された「Dreamforce '09」にて、次世代のカスタマーサービスが続々発表されたらしい。

Benioff氏が「次世代のカスタマーサービス」と呼ぶこのサービスは、インターネットのクラウド上にあるナレッジを企業のカスタマーサービスと統合するものだ。

TwitterやFacebook、Q＆Aサイトなどの情報を企業のカスタマーサービスと統合できるようだ。これは凄いと思う。記事にも書いてあるが、ユーザーが企業にアクセスする方法はさまざまだ。ソーシャルネットワークと連携できれば、サポートの質が向上することは間違い無い。ユーザー側は、気軽にサポートが受けられるようになり、企業はコスト削減につながると思う。（形態の変更による新しい課題もありそうだが）

さらに、イベントの目玉として発表されたのが「Salesforce Chatter」。企業向けのTwitterやFacebookが無いことから誕生したサービスらしい。

「私はFacebookやTwitterで直接知り合いではない人ともつながっているが、そういう人が映画に行ったことを知っていても、自分の部下が大切な顧客に会いに行ったかどうかさえ知らないことがある。これは非常におかしなことだ。コンシューマーウェブにやられてしまっている」とBenioff氏は述べ、企業内でも情報共有することが重要だと強調した。

たしかに、社内の情報共有には課題が多い。周知徹底出来ている企業など無いだろう。席の周辺の人ともあまり会話をしない昨今、いろいろな取り組みが行われているが、社内にビジネス向けのサービスが導入されていれば堂々と使用できる。周りや上司の目を盗んでツイートしなくても良いわけだ。（でも、主にコンタクトしたいのは社外の人間だったりするが..）

情報共有は重要だけど、そればかりに集中して作業時間を確保するのが難しくなるかもなー

via セールスフォース、TwitterやFacebookを活用したサービスを続々と発表

IPからアクセス元の都道府県を判定する「ジオターゲティング」

2009-11-19T19:10:00.003+09:00

Webサイトやブログを運用で気になるアクセス元だが、商用向けの「SURFPOINT™」や「User Insight」、個人向けの「なかのひと」等のさまざまなサービスがある。

その中で、今回は「ジオターゲティング」のブログパーツを当ブログに設置してみた。まだ当ブログはアクセスが少なく、地図に色づけがされていないが、アクセスが多い場合は以下のようになる。

さらに、有償のウェブサービスとして地域解析用APIが提供されている。

地域コードを返す場合
http://geotg.jp/geo.geo?ip=[IPアドレス]&id=[アカウントID]&pw=[アカウントパスワード]&format=[フォーマット]
地域コード+ドメインを返す場合
http://geotg.jp/geo2.geo?ip=[IPアドレス]&id=[アカウントID]&pw=[アカウントパスワード]&format=[フォーマット]

レスポンスはJSON、XMLで受け取れ、地域コードとドメインが返却される。
いろいろ使い道はあると思うので、なんとかオープンソースにならないものでしょうか。

Googleリーダーの共有アイテムが便利

2009-11-17T19:35:00.001+09:00

ソーシャルブックマーク等の共有と同じだが、GoogleのRSSリーダーを使用している場合は、共有したいRSSの「共有」にチェックすると、記事を共有することができる。

共有先も「一般公開」「保護（選択したグループと共有）」が選択できて柔軟だ。

社内Wikiやナレッジサイトなどがある場合も、共有アイテムをブログパーツのように貼り付ける事ができるため便利だ。

当ブログでも、一般公開している共有アイテムを右カラムに表示している。

CSS フレームワーク「Blueprint」

2009-11-16T20:52:00.002+09:00

CSSのスクラッチは時間と手間のかかる作業だが、既存のライブラリを使用する事で作業効率が良くなる。予め利用しそうなスタイルをまとめてクラスとして提供してくれているため、2カラムや3カラムが簡単に出来てしまう。

ライブデモを見ると出来る事が分かるので参考に。チュートリアルも公開されています。

blueprint

※CSSではライブラリ的なものが「フレームワーク」という扱いなのだろうか？

Android SDK を使ってみた

2009-11-13T19:22:00.001+09:00

最新の Android 2.0 ではありませんが、SDK 1.6 を使用し、ApiDemo を動作させてみました。ロケールをJapaneseに設定すると日本語も使用できて快適でした。

週末には実機を購入する予定なので楽しみ！

VirtualBox 3.0 でゲストOSを同一ネットワークにする

2009-11-13T18:11:00.002+09:00

現在 Windows Vista 上で Windows Server 2003 をインストールしているが、デフォルトの設定だと、「192.168.56.0/24」のネットワークになってしまい何かと不便なので、同一のネットワークに設定したい。

まず、ホストOS（Windows Vista）側のネットワーク接続を確認。大抵の場合は、「ローカルエリア接続」とVirtualBoxのインストール時に作成される「VirtualBox Host-Only」というネットワークデバイスが表示される。

次にゲストOS側の「設定」メニュー内の「ネットワーク」を選択。アダプタ1が有効になっているので、割り当てを「ブリッジアダプタ」、名前をローカルエリア接続で使用しているデバイス名を指定する。

これで設定は完了。
ホストOSの接続にブリッジ接続で同一のネットワークに属する事ができる。ネットワーク検索や、HTTPサーバなどの公開も可能なので便利だ。

FATAL: No bootable medium found! System halted. 続き

2009-11-12T20:56:00.000+09:00

昨日のエントリー「FATAL: No bootable medium found! System halted.」の続きです。今日はCDブートしたら、すんなりインストールができました。

あと、インストール直後のIEのバージョンは6.0でした。レアだ。。

FATAL: No bootable medium found! System halted.

2009-11-11T20:31:00.000+09:00

仕事で Windows Server 2003 を使用する事になりそうなので、Windows Vista 上の Virtual Box でWindows Server 2003 評価版の仮想環境を構築してみた。

マイクロソフトのから Windows Server 2003 評価版のISOイメージをダウンロードし、Virtual Box でマウントしようとしたが、「FATAL: No bootable medium found! System halted.」と表示され、ブート出来なかった。

エラーメッセージは、メディアが見つからないと言っているので、ISOイメージとDVDを試してみたが、駄目だった。明日はCDマウントを挑戦してみよう。

VirtualBoxでWindows Vista上にUbuntu 9.10環境を構築

2009-11-10T16:07:00.001+09:00

10月末に公開されたUbuntuの最新版「Ubuntu 9.10」を Windows Vista 上のゲストOSとしてインストールしてみた。OSの要領は3GB未満で軽量に扱えて便利だ。

Windowsとの共存環境には VirtualBox がおすすめ。ダウンロードページから「VirtualBox 3.0.10 for Windows hosts」を選択し、インストールするだけ。（ここではVirtualBoxの詳しい設定は割愛）

VirtualBoxインストール後、UbuntuのISOイメージからOSをインストール。起動や終了、マウスの応答速度など、ストレス無く使用できる。

また、Linuxディストリビューションだけでなく、他のバージョンのWindowsや、Solaris、BSDなどをゲストOSとして共存させる事ができるため重宝するソフトウェアだ。

Movable Type の最新版5.0RC1を試してみた

2009-11-06T15:22:00.012+09:00

Movable Type 5.0では、大きく分けて以下の機能が強化されている。

複数ブログの運営、ポータルサイトの制作を効率化するウェブサイト管理。
テンプレート、カスタムフィールド、カテゴリー、フォルダ、画像ファイルなど、ウェブサイトのデザインをまとめて保存、配布が可能なテーマ機能
記事、テンプレートの更新履歴を保存。過去のバージョンへの復帰。
カスタムフィールドを強化。ブログやウェブサイトの属性情報の拡張、カテゴリーと連動した記事入力項目の表示などが可能に。
ユーザビリティ向上のために、管理画面を新しくデザイン

特にウェブサイトとブログの階層管理などが大きく変更され、親としてウェブサイトを立ち上げ、子としてブログをぶら下げるみたいな事ができる。

また、スタイルやテーマなどテンプレートデザイン周辺も強化され、さらに更新履歴もできるようになったので、より本格的なCMSに近づいている。

Movable Type 5.0 ベータ
Movable Type 5 BETA ドキュメント

Dreamweaver CS4 でバージョン管理

2009-11-05T13:22:00.004+09:00

バージョン管理システムはソースコードやその他のデータを管理するために用いられるシステムだ。
バージョン管理システムにはCVS、Subversion、Git等の様々なシステムがあるが、Dreamwearver CS4 でSubversionを使用してみた。

操作は簡単で、HTMLコーディング等を複数人で作業する場合や、バージョン管理に慣れていない場合でも簡単に使用できそう。

※但し、サーバの環境によってはコミットログが文字化けする可能性あり。

設定画面

メニュー表示

Subversion (SVN) によるファイルの取得とチェックアウト

ファイル比較は「WinMerge日本語版」が便利

2009-10-30T18:50:00.003+09:00

HTMLファイルや、プログラムなどを修正した際に以前のファイルと比較して、追加、修正部分を確認したい時、Linuxサーバ上での差分表示にはdiffコマンドを使用するが、Windows上で差分を表示したい場合には、「WinMerge日本語版」を使用すると簡単に差分を取る事ができる。

ファイル比較やディレクトリ比較、HTMLのレポートも作成してくれ、SubversionクライアントのTortoiseSVNとの連携も出来るため、重宝するソフトウェアだ。

また、ファイルやフォルダ比較する際にフィルタリングをカスタマイズ出来るので、除外するパターンなどを自由に設定できる。ファイルのマージも簡単に操作できるので、試してみてはどうでしょう。

ディレクトリ比較

ファイル比較

投稿テスト

2009-10-30T17:55:00.004+09:00

今日から新しくブログをはじめる事にしました。

Digital SeeTake

EC-CUBEについての所感

ファイルシステムエラー「UNEXPECTED INCONSISTENCY; RUN fsck MANUALLY.」の対処法

ICカードワールド2010

C言語からMySQLに接続する

Firefox3.6でプロファイルマネージャーを起動

Firefox3.6でYShowを2.0.5にアップデート時にクラッシュした際の対処法

Google Chrome OSをVirtualBoxで試す

HDDの異常を検知する「SMART」と不良セクタの修復

Firefoxのイースターエッグ

Googleストリートビューの撮影って...

無料でストリーミング配信「Red5」

Android2.0.1レビュー

Google製のDNSサーバーベンチマークツール「namebench」

Google より年末のご挨拶

Google Analyticsの非同期トラッキング

Firefoxで複数プロファイルを同時利用する

LL入門編 PHPのデータ型(3)

LL入門編 PHPのデータ型(2)

LL入門編 PHPのデータ型(1)

Firefoxのページレンダリングを高速化する方法

LL入門編 PHPの基本的な構文

Firefoxを高速化する方法

Google Chrome 4 ベータ版の「ブックマーク同期機能」

Firefoxの動作を軽くする方法

Google Chrome 4 ベータ版

ActionScript3.0でFirefoxのプログレスサークルの作成

ActionScript 3.0 の 条件付きコンパイル

ActionScript 3.0 の fl パッケージ

「Adobe AIR 2.0」の新機能

セールスフォースの次世代カスタマーサービス

IPからアクセス元の都道府県を判定する「ジオターゲティング」

Googleリーダーの共有アイテムが便利

CSS フレームワーク 「Blueprint」

Android SDK を使ってみた

VirtualBox 3.0 でゲストOSを同一ネットワークにする

FATAL: No bootable medium found! System halted. 続き

FATAL: No bootable medium found! System halted.

VirtualBoxでWindows Vista上にUbuntu 9.10環境を構築

Movable Type の最新版5.0RC1を試してみた

Dreamweaver CS4 でバージョン管理

ファイル比較は「WinMerge日本語版」が便利

投稿テスト

ActionScript 3.0 の条件付きコンパイル

CSS フレームワーク「Blueprint」