モバイル開発＠symfony

第 35 回 PHP 勉強会 @ トライコーン亀本　大地 (a.k.a: yudoufu) 2008/08/31 モバイル開発＠ symfony

自己紹介 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

今日話すこと ,[object Object],[object Object],[object Object],[object Object],[object Object]

モバイルサイト開発 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML/CSS の仕様 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML/CSS のハマりどころ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

文字コードの押さえ所 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

symfony でモバイル開発 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

モバイルフィルタの作成 ,[object Object],[object Object],rendering: ~ web_debug: ~ security: ~ # generally, you will want to insert your own filters here mobile: class: myMobileFilter cache: ~ common: ~ flash: ~ execution: ~

モバイルフィルタの作成 ,[object Object],[object Object],<?php class myMobileFilter extends sfFilter { public function execute($filterChain) { // execute() の前に書くと preFilter $filterChain->execute(); // execute() の後に書くと postFilter } }

キャリア判別 ,[object Object],[object Object],[object Object],[object Object],autoload: PEAR: name: PEAR files: Net_UserAgent_Mobile: /path/to/Net/UserAgent/Mobile.php

キャリア判別 ,[object Object],[object Object],public function execute($filterChain) { $request = $this->getContext()->getRequest(); $response = $this->getContext()->getResponse(); if ($this->isFirstCall()) { $agent = @Net_UserAgent_Mobile::singleton(); switch (true) { case $agent->isDoCoMo(): $carrier = 'docomo'; $response->setContentType('application/xhtml+xml; charset=Shift_JIS'); break; case $agent->isEzweb(): // 中略 } $request->setAttribute('agent', $agent); $request->setAttribute('carrier', $carrier); } $filterChain->execute(); preFilter 部に設定出力ヘッダを指定

絵文字の変換 ,[object Object],[object Object],[object Object],$ symfony plugin-install http://blog.asial.co.jp/data/sfPictogramMobilePlugin-0.0.4.tgz ・・ $request->setAttribute('agent', $agent); $request->setAttribute('carrier', $carrier); $pictogram = sfPictogramMobile::factory($carrier, 'utf-8'); $request->setAttribute('pictogram', $pictogram); } $filterChain->execute(); $content = $response->getContent(); $content = $request->getAttribute('pictogram')->replace($content); $response->setContent($content); } } postFilter 文書全体を取得

文字コードの変換 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

文字コードの変換 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],$parameter = $request->getParameterHolder()->getAll(); $pict_output = sfPictogramMobile::factory($carrier, $pict_encode); $value = $pict_output->convert ($value); mb_convert_variables($internal_encoding, $view_encoding, $value); $value = $pictogram->restore ($value);

CSS の切り替え ,[object Object],[object Object],[object Object],if ($this->isFirstCall()) { $request = $this->getContext()->getRequest(); $agent = @Net_UserAgent_Mobile::singleton(); switch (true) { case $agent->isDoCoMo(): $carrier = 'docomo'; $response->setContentType('application/xhtml+xml; charset=Shift_JIS'); $responce->addStylesheet('/path/to/docomo.css'); break; case $agent->isEzweb(): $carrier = 'ezweb'; $responce->addStylesheet('/path/to/ezweb.css'); // 略・・キャリア別の CSS を指定

CSS の切り替え ,[object Object],[object Object],[object Object],[object Object],[object Object],$ pear install HTML_CSS $ svn co http ://svn.coderepos.org/share/lang/php/HTML_CSS_Mobile/trunk / /path/to/lib $filterChain->execute(); $content = $response->getContent(); $content = $request->getAttribute('pictogram')->replace($content); if ($request->getAttribute('carrier') == 'docomo') { $content = HTML_CSS_Mobile::getInstance()->setBaseDir('/path/to/doc_root')->apply($content); } $response->setContent($content); 出力直前に CSS をインライン展開

テンプレートとヘルパー ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

symfony のテンプレート機能

テンプレートの対応 ,[object Object],[object Object],[object Object],[object Object],<? include_partial('global/dtd'); ?> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <?php switch (sfContext::getInstance()->getRequest()->getAttribute('carrier')): ?> <?php case 'docomo': ?> <?php echo '<'; ?>?xml version="1.0" encoding="Shift_JIS" ?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.0//EN" "i-xhtml_4ja_10.dtd"> <?php break; ?> <?php case 'ezweb': ?> <?php echo '<'; ?>?xml version="1.0" encoding="Shift_JIS" ?> <!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML 1.0//EN" "http://www.openwave.com/DTD/xhtml-basic.dtd"> // 以下略。。。

テンプレートの対応 ,[object Object],[object Object],[object Object],[object Object]

モバイルヘルパーの実装 ,[object Object],[object Object],[object Object],function m_mail_to($email, $name = ‘’, $options = array(), $default_value = array()) { $carrier = sfContext::getInstance()->getRequest()->getAttribute('carrier'); if ($carrier == 'docomo' || $carrier == 'ezweb') { foreach ($default_value as $key => $val) { $default_value[$key] = mb_convert_encoding($val, 'SJIS-win', 'UTF-8'); } } return mail_to($email, $name, $options, $default_value); } 内部文字コードが UTF-8 なので、 docomo と au を SJIS にしている

モバイルヘルパーの実装 ,[object Object],function m_input_tag($name, $value = null, $options = array()) { $carrier = sfContext::getInstance()->getRequest()->getAttribute('carrier'); if (isset($options['input_style']) && $input_style = strtolower($options["input_style"])) { unset($options["input_style"]); switch (strtolower($input_style)) { case "kana": $options["mode"] = "hiragana"; if ($carrier != 'docomo') { $options["istyle"] = "1"; $options["format"] = "*M"; } else { $options["style"] .= ";-wap-input-format:"*<ja:h>";-wap-input-format:*M;"; } break; // 中略 } return input_tag($name, $value, $options); } 付与する属性を変え、入力モードを適切に切り替えている

セッションのモバイル対応 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

セッションのモバイル対応 ,[object Object],[object Object],[object Object],class myMobileSessionStorage extends sfSessionStorage { public function initialize($context, $parameters = null) { $agent = @Net_UserAgent_Mobile::singleton(); if ($agent->isDoCoMo() || $agent->isSoftBank()) { ini_set('session.use_only_cookies', 0); ini_set('session.use_cookies', 0); ini_set('session.use_trans_sid', 1); } parent::initialize($context, $parameters); } }

セッションのモバイル対応 ,[object Object],[object Object],class myMobileFrontController extends sfFrontWebController { public function redirect($url, $delay = 0 ,$statusCode = 302) { $request = $this->getContext()->getRequest(); if ($agent = $this->getContext()->getRequest()->getAttribute('agent')) { if ($agent->isDoCoMo() || $agent->isSoftBank()) { $url = $this->implementParameter($url, SID); } } parent::redirect($url, $delay, $statusCode); } private function implementParameter($url, $implement) { // 略 } } SID(session_id) を含めてリダイレクト URL を再構成

セッションのモバイル対応 ,[object Object],class myMobileFrontController extends sfFrontWebController { public function redirect($url, $delay = 0 ,$statusCode = 302) { // 略 } public function genUrl($parameters = array(), $absolute = false) { $url = parent::genUrl($parameters, $absolute); if ($agent = $this->getContext()->getRequest()->getAttribute('agent')) { if ($agent->isDoCoMo()) { $url = $this->implementParameter($url, 'guid=ON'); } } return $url; } private function implementParameter($url, $implement) { // 略 } }

セッションのモバイル対応 ,[object Object],[object Object],[object Object],// 上略 all: controller: class: myMobileFrontController storage: class: myMobileSessionStorage param: session_name: symfony

まとめ？ ,[object Object],[object Object],[object Object]

おわりに ,[object Object],[object Object]

モバイル開発＠symfony

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (11)

Similar to モバイル開発＠symfony

Similar to モバイル開発＠symfony (20)

Recently uploaded

Recently uploaded (9)

モバイル開発＠symfony