プレゼン資料 » ウェブテコ第5回

携帯シミュレータ

presenadmin — Tue, 03 Mar 2009 03:58:23 +0000

DoCoMo
FireMobileSimulator
実機でチェック

DoCoMo は Vista 対応。AU、Softbank もシミュレータを配布しているが、Vista に対応していないらしい。

FireMobileSimulator (Firefox プラグイン) は各社の端末をエミュレート可能。

シミュレータで確認できるのは、ユーザーエージェントで携帯振り分けしているサイトのみ。IP で制限されていれば閲覧不可。

最終チェックは携帯で。

プラグイン for WP

presenadmin — Tue, 03 Mar 2009 01:01:38 +0000


function the_qrcode( $data = "" , $width_height = 150 , $chld = "L" ) {
	if ( "" == $data ) {
		$data = get_bloginfo('url');
	}
	return '';
}

function qrcode_output_func( $atts , $content = null ) {
	extract( shortcode_atts( array(
					'size' => '150',
					'errorlv' => 'L',
					), $atts ));

	if ( "" == $content ) {
		$content = get_permalink();
	}
	return the_qrcode( $content , $size , $errorlv );
}

add_shortcode( 'qrcode' , 'qrcode_output_func' );

http://plugin.php-web.net/wp/qrcode からダウンロード可能。

get_bloginfo('url'), get_permalink() はワードプレスの関数。

記事に挿入

presenadmin — Mon, 02 Mar 2009 00:38:46 +0000

本文で [qrcode]
記事 URL 自動取得
大きさ変更可能
[qrcode size=200]

QR コード(http://plugin.php-web.net/wp/qrcode) からダウンロード可能。

記事 URL 以外のデータを QR コード化する時は、[qrcode]データ[/qrcode]。

オプションパラメータで size と errorlv が設定可能。[qrcode size=200 errorlv=H]データ[/qrcode]

テンプレートで記述するときは、the_qrcode(データ、大きさ、エラー訂正レベル)

WordPress プラグイン

presenadmin — Sun, 01 Mar 2009 11:30:52 +0000

Google Chart 利用
URL 自動抽出
パラメータにデフォルト値
記事中に挿入 (ショートコード)

ワードプレスプラグインは QR コード(http://plugin.php-web.net/wp/qrcode) からダウンロード可能。

データ (URL) を省略した場合、記事中ではその記事の URL、テンプレートではトップページの URL を取得して QR コード作成。

高さと幅は 150、エラー訂正レベルは L(ow) がデフォルト。

作ってみる

presenadmin — Sun, 01 Mar 2009 04:07:59 +0000

http://chart.apis.google.com/chart?chs=150×150&cht=qr&chl=
↑ 改行しない

[qrcode]

ページ内の img タグで呼び出すと、画像が表示される。

ワードプレスなら、テンプレートに下のように記述すれば OK。

">

get_permalink() はワードプレスの関数。他の CMS ツールの場合は適宜変更して利用。

Google Chart へのクエリ

presenadmin — Sun, 01 Mar 2009 00:01:23 +0000

chs=幅x高さ
cht=qr (種別の指定)
chl=データ (URL エンコード)
choe=出力エンコード
chld=エラー訂正 | 余白

引数は chs、cht と chl が必須。後はオプション。
例:http://chart.apis.google.com/chart?chs=150×150&cht=qr&chld=L&chl=http%3A%2F%2Fpresen.php-web.net%2F2009%2Fwebteko5%2Fqrcode01%2F

chs(幅と高さ)は異なる数を指定すると、小さい方になる (QR コードは正方形なので)。

cht(種別)は QR コードの qr 。他のグラフやチャート等も作成できる。

chl(データ)は URL エンコードしておく。

choe(エンコード)は、入力は UTF-8 のみで、出力は、Shift_JIS、UTF-8、ISO-8859-1 が可能。デフォルトは UTF-8。

chld(エラー訂正)は、L,M,Q,H。L 7%, M 15%, Q 25%, H 30% でデフォルトは L。

余白は QR コードの周囲の空きの行(列)数を整数で指定。デフォルトは 4。

バージョンは、データ量とエラー訂正レベルから自動選択される。

Google Chart

presenadmin — Sat, 28 Feb 2009 04:10:08 +0000

グラフ作成サービス
QR コード作成可能
API でクエリ送信
登録申請不要 (2009/02)

折れ線グラフ、スパークライン、棒グラフ、円グラフ、ベン図、散布図、レーダーチャート、地図、Google-o-meter、QR コードが作成できる。

Google にクエリを投げると画像データが返ってくる。サーバー等にセットアップする手間が不要。

2009 年 2 月時点では、登録申請や API キー取得等は不要。ただし一日数十万クエリぐらい使う場合は、予め連絡する必要がある。

詳細はhttp://code.google.com/intl/ja/apis/chart/#qrcodesを参照。

qr_img.php へのクエリ

presenadmin — Sat, 28 Feb 2009 02:04:55 +0000

d=データ (URL エンコード)
e=エラー訂正レベル
s=モジュールサイズ
v=バージョン
t=画像の種類

引数はデータのみ必須。その他はオプション。

d=データ: rawurlencode() でエンコードしておく。

e=エラー訂正レベル: L,M,Q,H から選択。省略した場合は M。

s=モジュールサイズ: 1 以上の整数。省略した場合 4(png) または 8(jpeg)

v=バージョン: 1〜40 で指定。省略するとプログラムが自動選択。

t=画像の種類: デフォルトは png。j で jpeg。

サーバーへアップロード

presenadmin — Sat, 28 Feb 2009 02:00:20 +0000

フォルダ php, data, image を転送
php/qr_img.php を呼び出す
qr_img.php?d=データ

解凍してできる qr_img0.50g フォルダ内の perl. php, data, image のうち、php, data, image を転送する。
GD ライブラリが使える環境が条件。

サーバー負荷に注意する。

QRcode Perl CGI & PHP scripts ver. 0.50

presenadmin — Sat, 28 Feb 2009 01:35:48 +0000

サーバー上にスクリプト設置
要 GD ライブラリ
サーバー負荷に注意する
www.swetake.com/qr/qr_cgi.html

スクリプト本体が古い (2005 年)。速度が遅く、負荷も高い。自分のサーバースペース上なので、負荷の問題をクリアすれば自由に使える。

ダウンロード先はhttp://www.swetake.com/qr/qr_cgi.html

tar -xvzf qr_img0.50g.tar.gz
で解凍できる。Win の方は適当な圧縮解凍ソフトで。