(Microsoft PowerPoint -

Size: px

Start display at page:

Download "(Microsoft PowerPoint -"

まいかえいさか
5 years ago
Views:

1 モバイル開発における PHP の利用方法と Tips 荒木稔

2 自己紹介

3 というのもあれなので簡単に名前 : 荒木稔 ( あらきみのる ) HN: 職業 : エリア : ブログ : フリーウェブクリエイター京都出身 / 東京在住ケータイサービスに主軸をおいてやってます息抜きは PC 用のウェブサービス作り夏のお嬢さんとか

4 ケータイサイトと PC サイトの違い

5 ケータイで考慮しなければならないこと HTML(XHTML) css の表現の違い PC なら基本的に共通的に作れる (4 大ブラウザチェック ) 表示最大容量による制限 PC なら大容量でも基本的に問題なしキャリア端末に応じた処理 PC なら差異がさほどない文字コードの扱い PC なら基本的に問題になりにくい絵文字の取り扱い PC なら外字相当は弾いても痛くないセッションの取り扱い PC ならセッションを比較的容易に扱える

6 逆に言えば必要最低限の HTML 小さい容量のサイトしか作らないもしくは見れない端末は全切捨て絵文字なんて使わせないセッション使うサイトなんてやらないなサイトだったら PC サイトと同じように作って基本的に問題ありません

7 PHP に密接に関わるところ HTML(XHTML) cssの表現の違い表示最大容量による制限キャリア端末に応じた処理文字コードの扱い絵文字の取り扱いセッションの取り扱い

8 アジェンダまずはキャリア判別ですキャリア判別文字コード絵文字セッション

9 フェーズ 1 : キャリア判別簡単にキャリア判別が出来る PEAR パッケージ PEAR::Net_UserAgent_Mobile version [Beta] released on

10 フェーズ 1 : キャリア判別 require_once('net/ ('Net/UserAgent UserAgent/Mobile. /Mobile.php' php'); //factory() ではなくて singleton を利用利用する $agent = Net_UserAgent_Mobile::singleton(); // DoCoMo if ( $agent->isdocomo isdocomo() ()){ // FOMA if ( $agent->isfoma() ) } //au if ( $agent->isezweb() ){ } //Vodafone if ( $agent-> isvodafone () ){ //3GC if ( $agent-> istype3gc () ) } //WILLCOM if ( $agent-> isairhphone () ){ //3GC }

11 フェーズ 1 : キャリア判別 PEAR::Net_UserAgent_Mobile 端末タイプも取れる FOMA, WIN, 3GC W 型 P 型 C 型など表示情報も取れる幅高さ表示色数カラーか白黒か留意する点新機種対応が早くないので新しい機種が出たら自前で付け加える必要がある GPS 対応機種利用できる画像フォーマット Flash Lite 対応 ver 等他に必要な情報は別途持つ必要がある

12 次は文字コードですキャリア判別文字コード絵文字セッション

13 フェーズ 2: 文字コード前提条件携帯ウェブは基本的に Shift_JIS SoftBank 3GC は UTF-8 しかも内部文字コードは EUC を使ってたりすることも文字コードを考えるポイント Web 入力 Web 出力 DB との入出力

14 フェーズ 2: 文字コード文字コード変換の処理を最初の段階で行う php.ini ケータイ PC 両方を考えた設定 PC サイト文字コードに関する処理ケータイサイト文字コードに関する処理各処理へ各処理へ

15 フェーズ 2: 文字コード php.ini の設定 mbstring.http_input = pass mbstring.http_output = pass mbstring.encoding_translation = Off

16 フェーズ 2: 文字コード入力文字コード変換フィルター if ( $agent-> istype3gc () ) { mb_convert_variables(ini_get('mbstring.internal_encoding'), 'UTF UTF-8', $_POST); mb_convert_variables(ini_get('mbstring.internal_encoding'), 'UTF UTF-8', $_GET); } else { mb_convert_variables(ini_get('mbstring.internal_encoding'), 'Shift_JIS Shift_JIS', $_POST); mb_convert_variables(ini_get('mbstring.internal_encoding'), 'Shift_JIS Shift_JIS', $_GET); }

17 これでは問題があります

18 フェーズ 2: 文字コード絵文字が入ってきたときに処理できない

19 フェーズ 2: 文字コード絵文字が入ってきたときに処理できない絵文字に対応する方法 1. 文字コード変換前に内部文字に変換する絵文字内部絵文字 &#xe63e {emoji d12} 2. 文字コード変換をなんとかやる文字コード変換文字コード変換処理処理

20 フェーズ 2: 文字コード解決方法 mbstringエクステンションの sjis-win eucjp-win を利用する

21 フェーズ 2: 文字コード解決方法 mbstringエクステンションの sjis-win eucjp-win を利用する入力文字コード変換フィルター ( 正式版 ) if ( $agent-> istype3gc () ) { mb_convert_variables(ini_get('mbstring.internal_encoding'), 'UTF UTF-8', $_POST); mb_convert_variables(ini_get('mbstring.internal_encoding'), 'UTF UTF-8', $_GET); } else { mb_convert_variables(ini_get('mbstring.internal_encoding'), 'sjis sjis-win win', $_POST); mb_convert_variables(ini_get('mbstring.internal_encoding'), 'sjis sjis-win win', $_GET); }

22 フェーズ 2: 文字コードそれに伴い内部エンコードや他の設定も見直す mbstring.internal_encoding = eucjp-win

23 フェーズ 2: 文字コードそれに伴い内部エンコードや他の設定も見直す mbstring.internal_encoding = eucjp-win mbstring.detect_order も見直す mbstring.detect_order = auto "auto" は "ASCII,JIS,UTF ASCII,JIS,UTF-8,EUC 8,EUC-JP,SJIS" mbstring.detect_order = sjis-win,eucjp win,eucjp-win,jis,utf win,jis,utf-8,ascii

24 フェーズ 2: 文字コードデータベースの入出力 CP932 が利用できるデータベースを利用すること MySQL の場合及び以降のバージョン

25 次は絵文字ですキャリア判別文字コード絵文字セッション

26 フェーズ 3: 絵文字絵文字を出力する方法各キャリアによって出力方法が違うキャリアに応じて出力を変える必要がある

27 フェーズ 3: 絵文字 DoCoMo バイナリコード Unicode のテキスト入力 au バイナリコード HTML 形式 XHTML(HTML) 形式 Softbank バイナリコード

28 フェーズ 3: 絵文字留意点バイナリコードを利用する方が良いバイナリでいれるのと <img localsrc= 1 > で入れるのは意味が違うため pack('h4',dechex(63072)); DoCoMo au au 入力文字各キャリア文字に変換バイナリから作成 SoftBank キャリア絵文字マッピング表 WILLCOM PC 各キャリアの絵文字が出せるカスタムタグを作ると便利

29 フェーズ 3: 絵文字留意点 2 絵文字が入るテキスト出力は HTML エンティティに一括変換しない $input = ' こんにちは$ G< 荒木です '; $output = htmlspecialchars($input, ENT_QUOTES); 変換する文字と変換しない文字をきっちりと切り分ける

30 次はセッションですキャリア判別文字コード絵文字セッション

31 フェーズ 4: セッションセッション管理セキュリティ上携帯端末番号 (UID) で管理できるとうれしい au 番号取得可能 SoftBank 番号取得可能 DoCoMo 公式サイトは勝手サイトは毎回確認がでる WILLCOM 取得できない

32 フェーズ 4: セッションセッション管理 PC のようにセッション ID を Cookie で持って対応するか? au cookie 利用可能端末ではなくサーバー保存注意 SSL 通信時はローカル DoCoMo cookie が使えない SoftBank C 型 P 型不可能 W 型 3GC 型可能 WILLCOM cookie 利用可能

33 フェーズ 4: セッションセッション管理一番いいのは各キャリアごとに対応方法を変えること全キャリアに同じ対応するには URL 埋め込みしかない

34 フェーズ 4: セッションセッション管理一番いいのは各キャリアごとに対応方法を変えること全キャリアに同じ対応するには URL 埋め込みしかない ini_set('session.use_cookies', 0); ini_set('session.use_only_cookies', 0); ini_set('session.use_trans_sid', 1); セキュリティの問題はきっちりと考えておくことが重要

Microsoft PowerPoint - KtaiLibraryで携帯サイトを高速開発_pub.ppt

Microsoft PowerPoint - KtaiLibraryで携帯サイトを高速開発_pub.ppt Ktai Library で携帯サイトを高速開発 ECWorks 滝下真玄 (MASA-P) http://www.ecworks.jp/ info@ecworks.jp 1 自己紹介 2 自己紹介ハンドル名 : MASA-P( まさぴーと読む) 職業 : 渋谷にある某営業系会社に勤務 WEBサイトディレクター兼社内システムマネージャ ( 前歴 ) ゲームクリエイター (PG プランナー)