Sencha Animator – ユーザーインターフェース

• タイムラインコントロール
• オブジェクトプロパティ設定用パネル
• シークエンス、グルーピング、イージング、その他効果の管理
• ステージングエリアでの再生

Sencha Animator – デモ

• Apple iPad
• Apple iPhone
• Apple iPod touch
• Apple Safari
• BlackBerry Torch
• Google Android
• Google Chrome

弊社で作成したデモ

【おさらい】ブログツールをCMSとしてつかう

1. ASPとしての導入コストは安価だが、改造コストが意外と必要。
2. 画像のアップロードや差替作業がアップローダーが貧弱でつらい
3. 更新作業を管理画面から行うため、操作が煩雑で分かりにくく、詳細なマニュアルと担当者の習熟が必要。
4. 更新領域をフォーム化し固定化・定型化するため、既存ページへの要素追加といったイレギュラー対応が出来ず都度カスタマイズが必要。

WordPress

MoovableType

NOREN

WebRelease

「concrete5（コンクリートファイブ）」は 約130万円(1万3000USドル)で販売されていた商用ソフトウェアが、2008年6月にオープンソース化され、リリースされた、WEBサーバーにインストールして使用するホームページ制作・運用ソフトです。2008年10月には、SourceForge で「Project of The Month」を受賞しました。

また、アメリカ公共広告機構や、アメリカのサークルK、音楽サイト「Indi911.com」など大規模サイトでの運用実績があり、その操作性に高い評価を受けています。

引用：http://concrete5-japan.org/ 「concrete5日本語サイトへようこそ！」

concrete5は、それらのプロセスを省略し、ホームページ上で、すべてを直感的に編集できるようにというコンセプトで生まれた、画期的なオープンソースCMSです。

コンクリートブロックを積み上げるようにサイトを制作して行けるようにというコンセプトの元に開発されました。また、複数人でも運用出来るような工夫がしてあります。

引用：http://concrete5-japan.org/ 「concrete5とは」

concrete5

concrete5日本語公式サイト by Usagi Project

■直感的操作

■ファイル・コンテンツ管理

画像管理画面。画像の置き換えで上書きできる！画面遷移がないのもうれしい。

■導入がカンタン

■課題もあります

アドオン管理画面。メインビジュアルのアニメーション表示アドオンなど、現在数100登録されています。（一部有料）

あたらしい選択肢として

公式サイトに分り易い動画や情報がまとまっています。仕様的に導入できないサーバーもあるようですので、ご興味もたれた方はコチラもご確認いただけると良いかと思います。

concrete5日本語公式サイト by Usagi Project

• アプリケーションの申請が必要無い
• 内容をすぐに刷新することが可能
• 内容をフォーマット化すれば価格や工数を抑えることが可能
• HTML5とCSS3が動作する環境であればすべてのデバイスで、もちろん1ソースで使用が可能
　　デバイス：PC（win/mac）・iPad・iPhone・Android
　　ブラウザ：Chrome9・IE9・FireFox4以上 （Chromeでの閲覧がかなり快適です。）

• アプリケーション内で動画の再生も可能です。（早くHTML5での動画フォーマットの統一を）

• 営業に自社のパンフレットをiPadなどタブレット端末にいれて利用する。
• 店頭で商品やサービスをアピールするツールとしてiPadなどタブレット端末を利用する。
• 製品カタログなどをPDFではなく電子書籍型として配布する。
• 店頭や街頭で製品のプロモーションをしながらアンケートを回収する。

アクセストークンの取得

[user@www ~] curl -G -d "grant_type=client_credentials" -d "client_id=＜アプリケーションID＞" -d "client_secret=＜アプリケーションSecret＞" https://graph.facebook.com/oauth/access_token

# レスポンス
access_token=＜アクセストークン＞

テストユーザの作成

[user@www ~] curl -d "installed=true" -d "permissions=read_stream" -d "access_token=＜アクセストークン＞" https://graph.facebook.com/＜アプリケーションID＞/accounts/test-users

# レスポンス
{
    "id":"テストユーザID",
    "access_token":"テストユーザのアクセストークン",
    "login_url":"ログインURL"
}

テストユーザの取得

[user@www ~] curl -G -d "access_token=＜アクセストークン＞" https://graph.facebook.com/＜アプリケーションID＞/accounts/test-users

# レスポンス
{
    "data":
    [
        {
            "id":"テストユーザＡのID",
            "access_token":"テストユーザＡのアクセストークン",
            "login_url":"テストユーザＡログインURL"
        },
        {
            "id":"テストユーザＢのID",
            "access_token":"テストユーザＢのアクセストークン",
            "login_url":"テストユーザＢのログインURL"
        }
    ]
}

ソーシャルグラフの作成

友達リクエスト

[user@www ~] curl -d "access_token=＜テストユーザＡのアクセストークン＞" https://graph.facebook.com/＜テストユーザＡのID＞/friends/＜テストユーザＢのID＞

# レスポンス
true

リクエスト承認

[user@www ~] curl -d "access_token=＜テストユーザＢのアクセストークン}＞" https://graph.facebook.com/＜テストユーザＢのID＞/friends/＜テストユーザＡのID＞

# レスポンス
true

テストユーザの削除

[user@www ~] curl -X DELETE -d "access_token=＜テストユーザのアクセストークン＞" https://graph.facebook.com/＜テストユーザID＞

# レスポンス
true

【2010年上半期（一般化前）】

UTweet! | UNIQLO CO., LTD

ほろったー｜サントリー

IS Parade | KDDI

【2010年下半期（一般化後）】

iida calling ver.4.0

団長とおいでや！ROAD TO INVOGUE

ソーシャル・ネットワーク -140文字の余韻-

【まとめ】

• CSSの構造化にSassを利用してみる（1）
• CSSの構造化にSassを利用してみる（2）

＠ルール

＠import

• ファイル拡張子が.cssである場合
• ファイル名が http:// で始まっている場合
• ファイル名が url() で指定されている場合
• メディアクエリが付加されている場合

$width: 100px;

#foo {
    width: $width;
}

@import "foo.css";             // CSS出力有：拡張子が.css
@import "foo" screen;          // CSS出力有：メディアクエリ付加
@import "http://foo.com/bar";  // CSS出力有：http://で開始
@import url(foo);              // CSS出力有：url()で指定

@import "foo";                 // CSS出力無：内部に読み込み
// または、@import "foo.scss";
// 複数の場合：@import "foo", "bar";

#main {
    width: $width;
}

@import url(foo.css);
@import "foo" screen;
@import "http://foo.com/bar";
@import url(foo);
#foo {
    width: 100px; }

#main {
    width: 100px; }

$width: 100px;

#foo {
    width: $width;
}

@import "foo";

#main {
    width: $width;
}

#foo {
    width: 100px; }

#main {
    width: 100px; }

＠extend

.error {
    border: 1px #f00;
    background-color: #fdd;
}
.seriousError {
    @extend .errer;
    border-width: 3px;
}

.error, .seriousError {
    border: 1px #f00;
    background-color: #fdd; }

.seriousError {
    border-width: 3px; }

制御構文

＠if

$type: monster;

p {
    @if $type == ocean {
        color: blue;
    } @else if $type == matador {
        color: red;
    } @else if $type == monster {
        color: green;
    } @else {
        color: black;
    }
}

p {
    color: green; }

＠for

@for $i from 1 through 3 {
    .item-#{$i} { width: 2em * $i; }
}

.item-1 {
    width: 2em; }

.item-2 {
    width: 4em; }

.item-3 {
    width: 6em; }

＠while

$i: 6;
@while $i > 0 {
    .item-#{$i} { width: 2em * $i; }
    $i: $i - 2;
}

.item-6 {
    width: 12em; }

.item-4 {
    width: 8em; }

.item-2 {
    width: 4em; }

関数類似機能

＠mixin, ＠include

@mixin large-text {
    font: {
        family: Arial;
        size: 20px;
        weight: bold;
    }
    color: #ff0000;
}

.page-title {
    @include large-text;
    padding: 4px;
    margin-top: 10px;
}

.page-title {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    color: #ff0000;
    padding: 4px;
    margin-top: 10px; }

引数

@mixin custom-border($color, $width) {
    border: {
        color: $color;
        width: $width;
        style: dashed;
    }
}

p  { @include custom-border(blue, 1px); }
h1 { @include custom-border(red, 5px); }

p {
    border-color: blue;
    border-width: 1px;
    border-style: dashed; }

h1 {
    border-color: red;
    border-width: 5px;
    border-style: dashed; }

変数

// 変数宣言
$width: 200px;

// 変数利用
#main {
    width: $width;

    .content {
        width: $width;
    }
}

#main {
    width: 200px; }
    #main .content {
        width: 200px; }

$name: foo;
$attr: border;
p.#{$name} { #{$attr}-color: blue; }

p.foo {
    border-color: blue; }

データタイプ

• 数値：1、2.3、40px　※整数、浮動小数点、単位
• 文字列：”foo”、’bar’、baz　※引用符有無
• カラー値：blue、#ff00ff、rgba(255, 0, 0, 0.5)　※カラー文字列、16進数、カラー関数
• 真偽値：true、false

変数のデフォルト値

$content: "First content";
$content: "Second content?" !default;
$new_content: "First time reference" !default;

#main {
    content: $content;
    new-content: $new_content;
}

#main {
  content: "First content";
  new-content: "First time reference"; }

演算子

数値演算子

p {
    width: 10px + 2px;
}

p {
    width: 12px; }

1. 変数が使用されている事
2. 値が大括弧（）で括られている事
3. 式に他の演算子が使用されている事

p {
    font: 10px/8px;               // 除算なし
    $width: 1000px;
    width: $width / 2;            // 除算あり：変数使用
    height: (500px / 2);          // 除算あり：大括弧を使用
    margin-left: 5px + 8px / 2px; // 除算あり：式に他の演算子を使用
}

p {
    font: 10px/8px;
    width: 500px;
    height: 250px;
    margin-left: 9px; }

p {
    $font-size: 12px;
    $line-height: 30px;
    font: #{$font-size}/#{$line-height};
}

p {
    font: 12px/30px; }

カラー演算子

p {
    color: #010203 + #040506;
    color: #010203 * 2;
    color: rgba(255, 0, 0, 0.75) + rgba(0, 255, 0, 0.75);
}

p {
    color: #050709;
    color: #020406;
    color: rgba(255, 255, 0, 0.75); }

文字列演算子

p:before {
    cursor: e + -resize;          // 引用符なし
    content: "Foo " + Bar;        // 引用符あり
    font-family: sans- + "serif"; // 引用符なし
}

p:before {
    cursor: e-resize;
    content: "Foo Bar";
    font-family: sans-serif; }

p:before {
    content: "I ate #{5 + 10} pies!";
}

p:before {
    content: "I ate 15 pies!"; }

Sassとは

• ネストしたCSSセレクタ、プロパティが記述出来る
• セレクタの継承が出来る
• 変数で値を記述出来る
• 同じようなCSSを関数に似たものを使って纏める事が出来る
• 別ファイルを容易にインポート出来る
• CSSファイルを圧縮出来る

【Sassファイルを作成する】拡張子.scssファイル
  ↓
【CSSへ変換する】sassコマンドを使用
  ↓
【CSSファイルが作成される】拡張子.cssファイル

Sassのインストール

# Hamlパッケージ内にSassが含まれています
[user@centos ~]$ gem install haml

# Sassのバージョンを確認
[user@centos ~]$ sass -v
Haml/Sass 3.0.24 (Classy Cassidy)

Sassの基本構文

ネストルール

#main p {
    color: #00ff00;
    width: 97%;

    .redbox {
        background-color: #ff0000;
        color: #000000;
    }
}

#main p {
    color: #00ff00;
    width: 97%; }
    #main p .redbox {
        background-color: #ff0000;
        color: #000000; }

親セレクタの参照

a {
    font-weight: bold;
    text-decoration: none;
    &:hover { text-decoration: underline; }
    body.firefox & { font-weight: normal; }
}

a {
    font-weight: bold;
    text-decoration: none; }
    a:hover {
        text-decoration: underline; }
    body.firefox a {
        font-weight: normal; }

CSSプロパティのネスト

.funky {
    font: {
        family: fantasy;
        size: 30em;
        weight: bold;
    }
}

.funky {
    font-family: fantasy;
    font-size: 30em;
    font-weight: bold; }

コメントの扱い

/**
 * CSSコメント
 */
body { color: black; }

// Sassコメント
a { color: green; }

/**
 * CSSコメント
 */
body {
    color: black; }

a {
    color: green; }

SassからCSSへの変換

# sass 作成したSassファイル名 出力するCSSファイル名
[user@centos ~]$ sass style.scss style.css

# 単一ファイルを監視する場合
[user@centos ~]$ sass --watch style.scss style.css

# ディレクトリ配下の全てのファイルを監視する場合
# sass --watch 監視ディレクトリ:出力ディレクトリ
[user@centos ~]$ sass --watch project/sass:project/css

NcFTP Clientをインストール

# ソースコードをダウンロードします。
[user@centos ~]$ wget ftp://ftp.ncftp.com/ncftp/ncftp-3.2.4-src.tar.gz

# tarボールを解凍します。
[user@centos ~]$ tar zxvf ncftp-3.2.4-src.tar.gz

# Makeして実行ファイルを生成します。
[user@centos ~]$ cd ncftp-3.2.4
[user@centos ncftp-3.2.4]$ ./configure
[user@centos ncftp-3.2.4]$ make

# インストールします。
# デフォルトで /usr/local/bin に配置されます。
[user@centos ncftp-3.2.4]$ make install

FTPアップロード シェルスクリプト

#!/bin/bash

#
# deploy.sh
#
# 使用方法    : ./deploy.sh
# 設定ファイル: deploy.exclude.txt (非アップロードファイルがある場合のみ)
#

## Config ------------------------------------------------------
FTP_HOST='ftp.xxxxx.co.jp'        # FTPホスト名
FTP_USER='username'               # FTPユーザー名
FTP_PASS='password'               # FTPパスワード

SRC_DIR='/home/user/appname/'     # アップロード元ローカルディレクトリ
DEST_DIR='/'                      # アップロード先FTPサーバのログインディレクトリ
EXCLUDE_FILE='deploy.exclude.txt' # 非アップロード設定ファイル

## Parse Exclude File -------------------------------------------
parse_exclude_file()
{
    if [ ! -f $EXCLUDE_FILE ]; then
        return
    fi

    echo '[ Exclude Pattern ]'

    local base_ifs="${IFS}"
    IFS='
'
    local file=(`cat $EXCLUDE_FILE`)
    IFS="${base_ifs}"

    local line
    for line in "${file[@]}"
    do
        if echo $line | grep -q '^#'; then
            continue
        fi
        if [ -z "${line}" ]; then
            continue
        fi

        line=`echo $line | awk '{print $1}'`
        echo $line

        line=`echo $line | \
              sed 's:\.:\\\.:' | \
              sed 's:\*:\.*:' | \
              sed 's:^/:\^/:'`

        if [ -n "${EXCLUDE_PATTERN}" ]; then
            line=" ${line}"
        fi

        EXCLUDE_PATTERN="${EXCLUDE_PATTERN}${line}"
    done
    echo
}

## Create Deploy List ------------------------------------------
create_deploy_list()
{
    echo '[ Deploy Target File ]'

    local list=`find $SRC_DIR | \
                grep -v CVS | \
                grep -v .svn | \
                grep -v .git`

    local file target
    for file in $list
    do
        if [ -d $file ]; then
            file="${file}/"
        fi

        target=`echo $file | sed "s:${SRC_DIR}::"`
        if [ -z "${target}" -o "${target}" = '/' ]; then
            continue
        fi

        if is_exclude $target; then
            continue
        fi

        echo $target
        echo $target >>$TEMP_FILE
    done
    echo
}

## Is Exclude ---------------------------------------------------
is_exclude()
{
    local target=$1

    local pattern
    for pattern in $EXCLUDE_PATTERN
    do
        if echo "/${target}" | grep -q $pattern; then
            return 0
        fi
    done

    return 1
}

## FTP Upload --------------------------------------------------
ftp_upload()
{
    local base_ifs="${IFS}"
    IFS='
'
    local list=`cat $TEMP_FILE`
    IFS="${base_ifs}"

    cd $SRC_DIR
    expect - <<EOF
        set timeout -1

        spawn ncftp -u $FTP_USER -p $FTP_PASS $FTP_HOST

        expect "ncftp*>"
        send "cd $DEST_DIR\r"

        foreach file {$list} {
            expect "ncftp*>"
            if {[regexp {.*\/\$} \$file]} {
                send "mkdir \$file\r"
            } else {
                send "put -fz \$file \$file\r"
            }
        }

        expect "ncftp*>"
        send "exit\r"
EOF
    echo
}

## Clean -------------------------------------------------------
clean()
{
    if [ -f "${TEMP_FILE}" ]; then
        rm -f $TEMP_FILE
    fi
}

## Main --------------------------------------------------------
EXCLUDE_PATTERN=''
parse_exclude_file
if [ $? -ne 0 ]; then
    echo "[Error] Failed to parse the '${EXCLUDE_FILE}'." >&2
    exit $?
fi

TEMP_FILE=`mktemp`
create_deploy_list
if [ $? -ne 0 ]; then
    echo '[Error] Failed to create the source list.' >&2
    clean
    exit $?
fi

echo -n "Do you upload it? [y/n]: "
read ANSWER
if [ "${ANSWER}" != 'y' ]; then
    echo 'Canceled the upload.'
    exit
fi

ftp_upload
if [ $? -ne 0 ]; then
    echo '[Error] Upload failed.' >&2
    clean
    exit $?
fi

clean
echo '----'
echo "'${FTP_HOST}' deploy success!"

#
# deploy exclude
#
# 除外ファイルの設定（除外したいファイルがある場合のみ）
#   deploy.exclude.txtファイルに除外パターンを記述する
#   例）
#     *.txt       *.txt と一致する全てのファイル名を除外
#     /foo/       ルートにある foo ディレクトリを除外
#     bar/*.log   bar ディレクトリ内の *.log に一致するファイルを除外
#

# ルートにあるappディレクトリを除外
/app/  # コメントも書けます

# ログファイルを除外
*.log

実行例

app/
app/1.txt
src/
src/2.txt
var/
var/3.log

[user@centos ~]$ ./deploy.sh  ← プログラムを実行

[ Exclude Pattern ]
/app/
*.log

[ Deploy Target File ]
src/
src/2.txt
var/

Do you upload it? [y/n]: y  ← アップロードするか質問されます。「y」と応答

... FTPアップロード
...
...
--
deploy success.

FeliCaログイン

MYページFeliCa登録

ダウンロード

導入方法

構成ファイル一覧

追加ファイル

data/Smarty/templates/default/mypage/felica.tpl
data/Smarty/templates/default/mypage/felica_add.tpl
data/Smarty/templates/default/mypage/felica_login.tpl
data/class/pages/frontparts/LC_Page_FrontParts_FelicaLogin.php
data/class/pages/mypage/LC_Page_Mypage_Felica.php
data/class/pages/mypage/LC_Page_Mypage_FelicaAdd.php
data/class/pages/mypage/LC_Page_Mypage_FelicaLogin.php
html/frontparts/felica_login.php
html/mypage/felica.php
html/mypage/felica_add.php
html/mypage/felica_login.php
html/user_data/packages/default/img/mypage/felicaadd.gif
html/user_data/packages/default/img/mypage/felicaadd_on.gif
html/user_data/packages/default/img/mypage/felicaadd_title.jpg
html/user_data/packages/default/img/mypage/felicalogin_title.jpg
html/user_data/packages/default/img/mypage/navifelica.jpg
html/user_data/packages/default/img/mypage/navifelica_on.jpg
html/user_data/packages/default/img/mypage/subtitlefelica.gif
html/user_data/packages/default/js/swfobject.js
html/user_data/packages/default/swf/expressInstall.swf
html/user_data/packages/default/swf/felicaadd.swf
html/user_data/packages/default/swf/felicabloc.swf

変更ファイル

data/Smarty/templates/default/bloc/login.tpl
data/Smarty/templates/default/mypage/login.tpl
data/Smarty/templates/default/mypage/navi.tpl
data/Smarty/templates/default/shopping/index.tpl
data/mtb_constants_init.php
html/install/sql/column_comment.sql
html/install/sql/create_table_mysql.sql
html/install/sql/create_table_pgsql.sql
html/install/sql/drop_table.sql
html/install/sql/insert_data.sql
html/install/sql/table_comment.sql

変更箇所

PHPファイル

// start FeliCa認証
...
// end FeliCa認証

TPLファイル

<!--{** start FeliCa認証 **}-->
...
<!--{** end FeliCa認証 **}-->

SQLファイル

-- start FeliCa認証
...
-- enf FeliCa認証

ライセンス

FeliCaのIDmとPMmを読み取るサンプル

MXMLソースコード

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               minWidth="300" minHeight="200">
    <s:TextArea id="textArea" lineHeight="150%" visible="false"/>
    <s:Button id="button" label="FeliCa読み込み開始" click="{this._onButtonClick()}"/>
    <fx:Script>
        <![CDATA[
            import com.sony.jp.felica.FeliCaCloseReaderWriterRequest;
            import com.sony.jp.felica.FeliCaCloseReaderWriterResponse;
            import com.sony.jp.felica.FeliCaControl;
            import com.sony.jp.felica.FeliCaOpenReaderWriterAutoRequest;
            import com.sony.jp.felica.FeliCaOpenReaderWriterAutoResponse;
            import com.sony.jp.felica.FeliCaPollingAndGetCardInformationRequest;
            import com.sony.jp.felica.FeliCaPollingAndGetCardInformationResponse;
            import com.sony.jp.felica.FeliCaSessionRequest;
            import com.sony.jp.felica.FeliCaSessionResponse;
            import com.sony.jp.felica.error.FeliCaAccessError;
            import com.sony.jp.felica.event.FeliCaStatusEvent;
            import com.sony.jp.felica.event.OpenStatusEvent;
            
            import mx.utils.ObjectUtil;
            
            /** FeliCaProxy ポート番号 */
            private static const FELICA_PORT:uint = 10250;
            /** FeliCaProxy 通信タイムアウト秒数 */
            private static const FELICA_TIMEOUT:uint = 10;
            
            /** FeliCaProxy と通信を行うクラス */
            private var _felica:FeliCaControl = new FeliCaControl();
            
            /** ポーリング用 Timer (500ミリ秒毎, 20回 = 5秒間) */
            private var _pollingTimer:Timer = new Timer(500, 10);
            
            private function _onButtonClick():void
            {
                this.textArea.width   = this.width;
                this.textArea.height  = this.height;
                this.textArea.visible = true;
                this.button.visible   = false;
                this._open();
            }
            
            private function _open():void
            {
                this._felica.responseTimeout = FELICA_TIMEOUT * 1000;
                this._felica.addEventListener(OpenStatusEvent.OPEN_COMPLETE, this._onOpenComplete);
                this._felica.addEventListener(OpenStatusEvent.OPEN_FAILURE,  this._onOpenFailure);
                this._felica.open(FELICA_PORT);
            }
            
            private function _close():void
            {
                if (this._pollingTimer.running) {
                    this._pollingTimer.reset();
                }
                if (!this._felica.close()) {
                    this._log('[ NG ] Disconnect FeliCa Proxy Error!');
                    this._close();
                    return;
                }
                this._log('[ OK ] Disconnect FeliCa Proxy.');
            }
            
            private function _onOpenComplete(event:OpenStatusEvent):void
            {
                this._log('[ OK ] Connect FeliCa Proxy.');
                this._felica.addEventListener(FeliCaStatusEvent.FELICA_ACCESS_COMPLETE, this._onFelicaAccessComplete);
                this._felica.addEventListener(FeliCaStatusEvent.FELICA_ACCESS_FAILURE,  this._onFelicaAccessFailure);
                this._lock();
            }
            
            private function _onOpenFailure(event:OpenStatusEvent):void
            {
                this._log('[ NG ] Open FeliCa Proxy Error!');
                this._log(ObjectUtil.toString(event));
            }
            
            private function _lock():void
            {
                var request:FeliCaSessionRequest = new FeliCaSessionRequest();
                request.type          = FeliCaSessionRequest.HOLD;
                request.lockTimeout   = 10;
                request.unlockTimeout = 30;
                this._felica.access(request);
            }
            
            private function _unlock():void
            {
                var request:FeliCaSessionRequest = new FeliCaSessionRequest();
                request.type = FeliCaSessionRequest.RELEASE;
                this._felica.access(request);
            }
            
            private function _polling():void
            {
                if (!this._pollingTimer.hasEventListener(TimerEvent.TIMER)) {
                    this._onPollingTimer();
                }
                this._pollingTimer.addEventListener(TimerEvent.TIMER,          this._onPollingTimer);
                this._pollingTimer.addEventListener(TimerEvent.TIMER_COMPLETE, this._onPollingTimerComplete);
                this._pollingTimer.start();
            }
            
            private function _onPollingTimer(event:TimerEvent = null):void
            {
                this._log('Polling ...');
                var request:FeliCaPollingAndGetCardInformationRequest = new FeliCaPollingAndGetCardInformationRequest();
                request.systemCode = 'FFFF';
                this._felica.access(request);
            }
            
            private function _onPollingTimerComplete(event:TimerEvent):void
            {
                this._log('[ OK ] Stop Polling.');
                this._close();
            }
            
            private function _onFelicaAccessComplete(event:FeliCaStatusEvent):void
            {
                if (event.object is FeliCaSessionResponse) {
                    var session:FeliCaSessionResponse = event.object as FeliCaSessionResponse;
                    if (session.type == FeliCaSessionResponse.HOLD) {
                        this._log('[ OK ] FeliCa Session Hold.');
                        this._felica.access(new FeliCaOpenReaderWriterAutoRequest());
                    } else if (session.type == FeliCaSessionResponse.RELEASE) {
                        this._log('[ OK ] FeliCa Session Release.');
                        this._close();
                    }
                } else if (event.object is FeliCaOpenReaderWriterAutoResponse) {
                    this._log('[ OK ] Start Polling.');
                    this._polling();
                } else if (event.object is FeliCaPollingAndGetCardInformationResponse) {
                    this._log('[ OK ] Open FeliCa Reader/Writer.');
                    if (this._pollingTimer.running) {
                        this._pollingTimer.reset();
                    }
                    var pgcResponse:FeliCaPollingAndGetCardInformationResponse = event.object as FeliCaPollingAndGetCardInformationResponse;
                    this._log('\nIDm: ' + pgcResponse.idm);
                    this._log('PMm: ' + pgcResponse.pmm + "\n");
                    this._felica.access(new FeliCaCloseReaderWriterRequest());
                } else if (event.object is FeliCaCloseReaderWriterResponse) {
                    this._log('[ OK ] Close FeliCa Reader/Writer.');
                    this._unlock();
                }
            }
            
            private function _onFelicaAccessFailure(event:FeliCaStatusEvent):void
            {
                if (event.object is FeliCaAccessError) {
                    var feliCaAccessError:FeliCaAccessError = event.object as FeliCaAccessError;
                    if (feliCaAccessError.rwError == 157) {  // Error Code: No FeliCa
                        return;
                    }
                }
                if (event.object is Error) {
                    var error:Error = event.object as Error;
                    if (error.errorID == 7011) {
                        this._log('[ NG ] FeliCa Proxy Timeout Error!');
                    }
                }
                this._log('[ NG ] FeliCa Access Error!');
                this._log(ObjectUtil.toString(event));
                this._close();
            }
            
            private function _log(message:String):void
            {
                this.textArea.appendText(message + "\n");
            }
        ]]>
    </fx:Script>
</s:Application>

ダウンロード

テスト対象のクラス

<?php
class Bmi
{
    public function getBmi($height, $weight)
    {
        $height = $this->_convertHeight($height);

        return round($weight / ($height * $height), 1);
    }

    protected function _convertHeight($height)
    {
        return $height / 100;
    }
}
?>

テストを実施するクラス

<?php
require_once 'PHPUnit/Framework.php';
require_once 'Bmi.php';

class BmiTest extends PHPUnit_Framework_TestCase
{
    protected $_bmi;

    protected function setUp()
    {
        $this->_bmi = new BmiExtended();
    }

    public function testGetBmi()
    {
        $this->assertEquals(24.2, $this->_bmi->getBmi(170, 70));
    }

    public function testConvertHeight()
    {
        $this->assertEquals(1.7, $this->_bmi->convertHeight(170));
    }
}

class BmiExtended extends Bmi
{
    public function convertHeight($height)
    {
        return parent::_convertHeight($height);
    }
}
?>

単体テスト実施

[user@www ~]$ phpunit BmiTest.php
PHPUnit 3.4.11 by Sebastian Bergmann.

..

Time: 0 seconds, Memory: 3.50Mb

OK (2 tests, 2 assertions)

Apacheとの連携

# Passengerライブラリをインストールします。
[user@centos ~]$ gem install passenger --include-dependencies

# Apacheモジュールのビルドとインストールを行います。
# ビルドにはAPXSおよびAPRを必要とします。
[user@centos ~]$ passenger-install-apache2-module
...
Enterを押して進みます。

# 最後に設定内容が表示されます。
LoadModule passenger_module /usr/lib/ruby/gems/1.8/gems/passenger-2.2.9/ext/apache2/mod_passenger.so
PassengerRoot /usr/lib/ruby/gems/1.8/gems/passenger-2.2.9
PassengerRuby /usr/bin/ruby

<VirtualHost *:80>
  ServerName www.yourhost.com
  DocumentRoot /somewhere/public    # <-- be sure to point to 'public'!
  <Directory /somewhere/public>
     AllowOverride all              # <-- relax Apache security settings
     Options -MultiViews            # <-- MultiViews must be turned off
  </Directory>
</VirtualHost>

# 完了

# Apacheを再起動します。
[user@centos ~]$ /etc/init.d/httpd restart
httpd を停止中:                                           [  OK  ]
httpd を起動中:                                           [  OK  ]

# 完了

RMagickのインストール

# ImageMagickをインストールします。
[user@centos ~]$ yum install ImageMagick ImageMagick-devel
...
Installed:
  ImageMagick.i386 0:6.2.8.0-4.el5_1.1
  ImageMagick-devel.i386 0:6.2.8.0-4.el5_1.1

Complete!
# 完了

[user@centos ~]$ /usr/local/src

# RMagickがTrueTypeフォントを必要とするのでRPM版をインストールします。
[user@centos src]$ wget http://www.zacharywhitley.com/linux/rpms/fedora/core/6/i386/msttcorefonts-2.0-1.noarch.rpm
[user@centos src]$ rpm -ivh msttcorefonts-2.0-1.noarch.rpm

# TrueTypeという名称でシンボリックリンクを作成します。
[user@centos src]$ ln -s /usr/share/fonts/msttcorefonts /usr/share/fonts/default/TrueType

# RMagickをインストールします。
# -vオプションでバージョン（1.15.17）を指定します。
[user@centos ~]$ gem install rmagick -v 1.15.17 --include-dependencies
...
# 完了

ログ設定

[user@centos ~]$ vi /usr/local/redmine/config/environments/production.rb
# 以下をログ関連の記述箇所に追記します。
config.logger = Logger.new(config.log_path)
config.logger.level = Logger::WARN

# 保存して完了

# redmine用のログローテーション設定ファイルを新規作成します。
[user@centos ~]$ vi /etc/logrotate.d/redmine
/usr/local/redmine/log/*.log {
    missingok
    notifempty
    compress
    copytruncate
}

# 保存して完了

その他の設定

• ヘルプの日本語化
• wikiのヘルプを日本語化
• 期限日が間近のチケットをメールで通知する
• コミットと同時にリポジトリの情報を取得する

1. 既存Rubyのアンインストール

# rubyがインストールされているか確認します。
[user@centos ~]$ yum list installed | grep ruby
ruby.i386                1.8.5-5.el5_4.8                installed
ruby-libs.i386           1.8.5-5.el5_4.8                installed

# yum removeコマンドは依存ファイルも全て削除されてしまう為
# rpm -e --nodepsコマンドでRubyのみをアンインストールします。
[user@centos ~]$ rpm -e --nodeps ruby ruby-libs

# rubyがアンインストールされているか確認します。
[user@centos ~]$ yum list installed | grep ruby

# 完了

2. Rubyのインストール

[user@centos ~]$ cd /usr/local/src

# ソースコードをダウンロードします。
[user@centos src]$ wget ftp://ftp.ruby-lang.org/pub/ruby/1.8/ruby-1.8.7-p249.tar.gz

# tarボールを解凍します。
[user@centos src]$ tar zxvf ruby-1.8.7-p249.tar.gz

# Makeして実行ファイルを生成します。
[user@centos src]$ cd ruby-1.8.7-p249
[user@centos ruby-1.8.7-p249]$ ./configure --prefix=/usr
[user@centos ruby-1.8.7-p249]$ make

# RPMパッケージングします。
# checkinstallは別途yum install checkinstall でインストールしてください。
[user@centos ruby-1.8.7-p249]$ checkinstall --fstrans=no
...
いくつか質問されますが、全て[Enter]で進めます。

以下のメッセージが表示されたら「R」を回答します。
Slackware [S], RPM [R] or Debian [D]? R　←　RPMを回答
...

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

 Done. The new package has been saved to

 /usr/src/redhat/RPMS/i386/ruby-1.8.7-p249-1.i386.rpm
 You can install it in your system anytime using:

      rpm -i ruby-1.8.7-p249-1.i386.rpm

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

# RPMパッケージをインストールします。
[user@centos ~]$ rpm -ivh /usr/src/redhat/RPMS/i386/ruby-1.8.7-p249-1.i386.rpm

# インストールされたRubyを確認します。
[user@centos ~]$ ruby -v
ruby 1.8.7 (patchlevel 249) [i686-linux]

# 完了

3. RubyGemsのインストール

[user@centos ~]$ cd /usr/local/src

# ソースコードをダウンロードします。
[user@centos src]$ wget http://rubyforge.org/frs/download.php/60718/rubygems-1.3.5.tgz

# tarボールを解凍します。
[user@centos src]$ tar zxvf rubygems-1.3.5.tgz

# セットアップを実行します。
[user@centos src]$ ruby rubygems-1.3.5/setup.rb

# インストールされたRubyGemsを確認します。
[user@centos ~]$ gem -v
1.3.5

# 念のため最新版にアップデートします。
# 以降はこのコマンドで最新版にアップデートできます。
[user@centos ~]$ gem update --system
Updating RubyGems
Nothing to update

# 完了

4. Rubyライブラリのインストール

[user@centos ~]$ gem install rails --include-dependencies
...
# しばらく時間がかかりますが、そのままにしておきます。
# 完了

[user@centos ~]$ gem install mysql --include-dependencies
...
# 完了

5. データベース作成

[user@centos ~]$ mysql -u root -p
*******　←　パスワード

# redmineデータベースを作成します。
mysql> CREATE DATABASE `redmine` CHARACTER SET utf8;
Query OK, 1 row affected (0.00 sec)

# 作成したデータベースを確認します。
# ※データベース名は任意の値に変更してください。
mysql> SHOW DATABASES;
+--------------------+
| Database           |
+--------------------+
| information_schema |
| mysql              |
| redmine            |　←　作成したデータベース
+--------------------+
3 rows in set (0.01 sec)

# redmineデータベースを操作するユーザーを作成します。
# ユーザー名：redmine_user、パスワード：redmine_password
# ※ユーザー名、パスワードは任意の値に変更してください。
mysql> GRANT ALL PRIVILEGES ON `redmine`.`*` TO 'redmine_user'@'localhost' IDENTIFIED BY 'redmine_password';
Query OK, 1 row affected (0.00 sec)

mysql> \q

# 完了

6. Redmineのインストール

[user@centos ~]$ cd /usr/local/src

# ソースコードをダウンロードします。
[user@centos src]$ wget http://rubyforge.org/frs/download.php/69052/redmine-0.9.2.tar.gz

# tarボールを解凍します。
[user@centos src]$ tar zxvf redmine-0.9.2.tar.gz

# ソースコードを配置します。※場所は任意
# ここでは、/usr/local/redmine-0.9.2 にソースを配置し、
# /usr/local/redmine でアクセスできるようにシンボリックリンクを作成しておきます。
[user@centos src]$ mv redmine-0.9.2 /usr/local/
[user@centos src]$ ln -s /usr/local/redmine-0.9.2 /usr/local/redmine

# 完了

7. Redmineの設定

# 設定ファイルを作成します。
[user@centos ~]$ mv /usr/local/redmine/config/database.yml.example \
/usr/local/redmine/config/database.yml

# データベース設定を編集します。
# 環境に応じて項目を変更します。
[user@centos ~]$ vi /usr/local/redmine/config/database.yml
# MySQLを使用する場合
production:
  adapter: mysql
  database: redmine　←　作成したデータベース名
  host: localhost
  username: redmine_user　←　作成したユーザー名
  password: redmine_password　←　作成したパスワード
  encoding: utf8

# SQLiteを使用する場合
production:
  adapter: sqlite3
  database: db/redmine.db

# 保存して完了

# 設定ファイルを作成します。
[user@centos ~]$ mv /usr/local/redmine/config/email.yml.example \
/usr/local/redmine/config/email.yml

# メール設定を編集します。
# 環境に応じて項目を変更します。
[user@centos ~]$ vi /usr/local/redmine/config/email.yml
production:
  delivery_method: :smtp
  smtp_settings:
    address: localhost　←　自サーバ内にメールサーバがある場合
    port: 25
    domain: example.net　←　ドメイン名
    #authentication: :login　　　　　　←認証が必要無い場合はコメントアウト
    #user_name: "redmine@example.net"　←認証が必要無い場合はコメントアウト
    #password: "redmine"　　　　　　　 ←認証が必要無い場合はコメントアウト

# 保存して完了

# 30文字以上のランダム文字列を生成します。
# mkpasswdはexpectパッケージがインストールされている必要があります。
[user@centos ~]$ mkpasswd -l 30 -C 0 -s 0
hokmgzmqglnjes2pvkkxtdmpb2ynwr

# 設定ファイルを作成します。
[user@centos ~]$ mv /usr/local/redmine/config/additional_environment.rb.example \
config/additional_environment.rb

# 環境設定ファイルを編集します。
[user@centos ~]$ vi /usr/local/redmine/config/additional_environment.rb
# 以下を追加します。
# :secret の部分は生成したランダム文字列を記述します。
config.action_controller.session = { :key => "_myapp_session", :secret => "hokmgzmqglnjes2pvkkxtdmpb2ynwr" }

# 保存して完了

8. Redmineの初期化

[user@centos ~]$ (cd /usr/local/redmine; rake db:migrate RAILS_ENV=production)
(in /usr/local/redmine-0.9.2)
==  Setup: migrating ========================================================
...

# 完了

9. Redmineの起動

# サーバを起動します。
[user@centos ~]$ /usr/local/redmine/script/server -e production
=> Booting WEBrick
=> Rails 2.3.5 application starting on http://0.0.0.0:3000
=> Call with -d to detach
=> Ctrl-C to shutdown server
...

# サーバを終了する場合は Ctrl-C でシャットダウンします。

• 「既定の言語」を「日本語」に。
• 「送信元メールアドレス」を適宜変更。
• 「認証が必要」を有効に。
• 「ユーザは自分で登録できる」を無効に。

// developer key, please insert your developer key here
private const DeveloperKey:String = "取得したDeveloper key";

CREATE TABLE registrations (
    m_username VARCHAR COLLATE NOCASE,
    m_identity VARCHAR,
    m_updatetime DATETIME,
    PRIMARY KEY (m_username)
);
CREATE INDEX registrations_updatetime ON registrations (m_updatetime ASC);

[user@www ~]$ sqlite3 registrations.db　# データベース作成
SQLite version 3.3.6
Enter ".help" for instructions

# テーブル作成
sqlite> CREATE TABLE registrations (
   ...>     m_username VARCHAR COLLATE NOCASE,
   ...>     m_identity VARCHAR,
   ...>     m_updatetime DATETIME,
   ...>     PRIMARY KEY (m_username)
   ...> );
sqlite> CREATE INDEX registrations_updatetime ON registrations (m_updatetime ASC);

# 終了
sqlite> .quit

# CHANGE THIS
dbFile = './registrations.db'

// please insert your webservice URL here for exchanging
private const WebServiceUrl:String = "http://設置URL/reg.cgi";

<?php

try {
    require_once 'Zend/Translate.php';
    require_once 'Quino/Translate/Adapter/Google.php';
    $translate = new Zend_Translate('Quino_Translate_Adapter_Google',
                                     null,
                                     'en',
                                     array('source' => 'ja'));
} catch (Exception $e) {
    // エラー処理
}

var_dump($translate->_('こんにちは！'));  // 出力：Hello!

?>

<?php

/** Zend_Http_Client */
require_once 'Zend/Http/Client.php';

/** Zend_Locale */
require_once 'Zend/Locale.php';

/** Zend_Translate_Adapter */
require_once 'Zend/Translate/Adapter.php';

/**
 * Google translate adapter
 *
 * @package Quino_Translate
 * @subpackage Adapter
 */
class Quino_Translate_Adapter_Google extends Zend_Translate_Adapter
{
    /**
     * Translate language api url
     *
     * @var string
     */
    private $_uri = 'http://ajax.googleapis.com/ajax/services/language/translate';

    /**
     * Api version string
     *
     * @var string
     */
    private $_apiversion = '1.0';

    /**
     * Generates the adapter
     *
     * @param  array               $data     Translation data
     * @param  string|Zend_Locale  $locale   OPTIONAL Locale/Language to set, identical with locale identifier,
     *                                       see Zend_Locale for more information
     * @param  array               $options  OPTIONAL Options to set
     */
    public function __construct($data, $locale = null, array $options = array())
    {
        parent::__construct($data, $locale, $options);
    }

    /**
     * Load translation data
     *
     * @param  string|array  $data
     * @param  string        $locale  Locale/Language to add data for, identical with locale identifier,
     *                                see Zend_Locale for more information
     * @param  array         $options OPTIONAL Options to use
     * @return array
     */
    protected function _loadTranslationData($data, $locale, array $options = array())
    {
		$options = $options + $this->_options;
		if (($options['clear'] === true) ||  !isset($this->_translate[$locale])) {
			$this->_translate[$locale] = array();
		}

		$this->_translate[$locale] = (array) $data + $this->_translate[$locale] + array($locale);

		return array();
    }

    /**
     * Translates the given string
     * returns the translation
     *
     * @see Zend_Locale
     * @param  string|array       $messageId Translation string, or Array for plural translations
     * @param  string|Zend_Locale $locale    (optional) Locale/Language to use, identical with
     *                                       locale identifier, @see Zend_Locale for more information
     * @return string
     */
    public function translate($messageId, $locale = null)
    {
        if (is_null($locale)) {
            $locale = $this->_options['locale'];
        }

        try {
            $locale = Zend_Locale::findLocale($locale);
        } catch (Zend_Locale_Exception $e) {
            // language does not exist, return original string
            return $messageId;
        }
        $locale = new Zend_Locale($locale);
        $locale = $locale->getLanguage();

        $source = null;
        if (isset($this->_options['source'])) {
            try {
                $source = Zend_Locale::findLocale($this->_options['source']);
            } catch (Zend_Locale_Exception $e) {
                $source = null;
            }
            if (!is_null($source)) {
                $source = new Zend_Locale($source);
                $source = $source->getLanguage();
            }
        }

        if ($source == $locale) {
            // return original string
            return $messageId;
        }

        $client = new Zend_Http_Client();
        $client->setUri($this->_uri);
        $client->setConfig(array(
            'maxredirects' => 0,
            'timeout'      => 30,
            'useragent'    => null,
        ));

        $client->setParameterGet(array(
            'v'        => $this->_apiversion,
            'q'        => $messageId,
            'langpair' => $source . '|' . $locale,
        ));

        $response = $client->request();
        if ($response->getStatus() !== 200) {
            require_once 'Zend/Translate/Exception.php';
            throw new Zend_Translate_Exception('Translate failed to load, got response code ' . $response->getStatus());
        }

        $data = json_decode($response->getBody());
        if ($data->responseStatus !== 200) {
            require_once 'Zend/Translate/Exception.php';
            throw new Zend_Translate_Exception('Google translate api error message is "' . $data->responseDetails . '"');
        }

        return $data->responseData->translatedText;
    }

    /**
     * returns the adapters name
     *
     * @return string
     */
    public function toString()
    {
        return 'Google';
    }
}

?>