PHPを使って3分で作る3キャリア対応ケータイサイト

PHPを使って３分で作る３キャリア対応ケータイサイト ke-tai.org 松井健太郎

自己紹介 • LOCAL PHP部　部長 • ke-tai.orgというケータイ向け情報サイトをやっています（http://ke-tai.org/） • 小さな会社を営んでいます。 • 最近はブラウザゲームの作成ばかりで、半ばゲーム屋状態です。

ケータイサイトを作るときに困ること • 3キャリア対応（ドコモ・au・ソフトバンク）が面倒。出し分けプログラムとか書いてられない。 • そもそも各社の仕様がよくわからない • ケータイの流儀がよくわからない

なんとか簡単に作る方法はないのか • CMSを使う →　ケータイには無料のCMSが少ない →　「MovableType + MT4i」や、　　「WordPress + KtaiStyle」はアリだけど　　インストールが面倒・環境を選ぶ。 • 有料ASPサービスなどを使う

どんなものが欲しいか • どこでも動いて、簡単アップ • 静的HTML感覚（必要最低限の機能） • ３キャリア対応（ドコモ・au・ソフトバンク） • 絵文字が使える →　これらを満たすプログラムを作ってみた

実際に設置してみよう • アップファイルは2つだけ（viewer.php + .htaccess） • 設置例： public_html ├ .htaccess ├ viewer.php └ sample.html • http://example.jp/sample.htmlでアクセスするだけ

動作原理の説明 • mod_rewriteで変換フィルタを噛ませただけ RewriteEngine On RewriteBase / # 設置したディレクトリ合わせて変更 RewriteRule ^([0-9A-Za-z~_¥/¥-¥.]+)¥.html$ viewer.php?p=$1 [L] • viewer.php内で変換処理 →　キャリア判定 →　XHTMLヘッダの出し分け →　絵文字変換 →　istyle変換

利用に最低限必要な知識 • CMSではないので最低限の知識は必要 • ここに気をつければあとはPCとほぼ同じ • 絵文字はi絵文字で。 • ヘッダはこれを使う <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /> </head> • 文字サイズは2段階　通常と<small>で • bold（<b> </strong>）は効かない • CSSはstyle指定で書く　例：<div style=“color:red;”>　※

今後の展開予定 • 面倒なstyle記述は、id:yudofuさんのライブラリ「HTML_CSS_Mobile」と連携したいなと思っている（http://blog.asial.co.jp/423） • これでドコモ「90x」,「70x」シリーズでも外部 CSSが利用可能に • PHPの隣にアップするだけで自動認識

まとめ • このviewer.phpを使えば、静的HTML感覚で3キャリア対応サイトが公開可能 • プライベートや、予算の無い小規模なケータイ案件にどうぞ

http://ke-tai.org	6629
http://www.slideshare.net	21
http://s.deeeki.com	19
http://webcache.googleusercontent.com	3
http://translate.googleusercontent.com	1
http://static.slidesharecdn.com	1
http://slide.local	1
http://asklife.info	1

PHPを使って3分で作る3キャリア対応ケータイサイト

by Kentaro Matsui on Nov 17, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

8 Embeds 6,676

Statistics

PHPを使って3分で作る3キャリア対応ケータイサイト — Presentation Transcript