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キャリア対応サイトが公開可能

• プライベートや、予算の無い小規模なケー
タイ案件にどうぞ

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

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

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

Ähnlich wie PHPを使って3分で作る3キャリア対応ケータイサイト (20)

Mehr von Kentaro Matsui

Mehr von Kentaro Matsui (15)

Kürzlich hochgeladen

Kürzlich hochgeladen (11)

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