SlideShare a Scribd company logo
PHPを使って3分で作る
3キャリア対応ケータイサイト
      ke-tai.org
     松井健太郎
自己紹介
• LOCAL PHP部 部長
• ke-tai.orgというケータイ向け情報サイトをやっ
  ています(http://ke-tai.org/)
• 小さな会社を営んでいます。
• 最近はブラウザゲームの作成ばかりで、半ば
  ゲーム屋状態です。
ケータイサイトを作るときに
      困ること

• 3キャリア対応(ドコモ・au・ソフトバンク)が
  面倒。出し分けプログラムとか書いてられ
  ない。

• そもそも各社の仕様がよくわからない

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

• 有料ASPサービスなどを使う
どんなものが欲しいか
• どこでも動いて、簡単アップ

• 静的HTML感覚(必要最低限の機能)

• 3キャリア対応(ドコモ・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キャリア対応サイトが公開可能

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

More Related Content

PPTX
Xamarinは辛いよ
PPTX
Cocoa Binding 童貞だけど解説してみる
PPTX
baserCMS勉強会@福岡 vol.3
PDF
DMMのIPv6に関する取り組み 2016年2月版
PDF
2015.2.6神戸PHP勉強会おちゃのこネット
PDF
Abc words20130615
PDF
ICTトラブルシューティングコンテスト LT資料
PDF
IPv6にどう取り組むか
Xamarinは辛いよ
Cocoa Binding 童貞だけど解説してみる
baserCMS勉強会@福岡 vol.3
DMMのIPv6に関する取り組み 2016年2月版
2015.2.6神戸PHP勉強会おちゃのこネット
Abc words20130615
ICTトラブルシューティングコンテスト LT資料
IPv6にどう取り組むか

What's hot (20)

PPTX
サーバ・VM+コンテナ管理Tips@オンライン合宿2020
PPTX
Web Assembly in action
PDF
150612 middleman(ikuwow)
PDF
モダンすぎる静的サイトの作り方
PPTX
Azure上でec cubeを運用するポイント
PDF
おちゃのこネットとPayPalでECにチャレンジ - PayPal Tech Meetup #9 @OSAKA
PDF
tansuの紹介
PDF
WordBench京都9月号
PDF
Polymerで先取り☆Web Components
PDF
技術者なら Kindle でしょ
PDF
LINEのbotを作ってみた
PDF
WooCommerce & AWS
PDF
jQueryMobile+PHP+MySQL+WebMatrix+ExpressWebで作成・公開する勉強会申し込みサイト
PDF
HTML5で作るiPhoneアプリケーション
PDF
最新 Windows azure モバイル・サービス 活用法
PDF
Html5で作るiPhoneアプリケーション2010
PDF
WordVolcano - from the dark side - handson
PDF
WordPress プラグイン Advance Custum Fieldsを学ぶ
PDF
201605 fa勉強会スライド
PDF
201605 FA勉強会 seleniumスライド
サーバ・VM+コンテナ管理Tips@オンライン合宿2020
Web Assembly in action
150612 middleman(ikuwow)
モダンすぎる静的サイトの作り方
Azure上でec cubeを運用するポイント
おちゃのこネットとPayPalでECにチャレンジ - PayPal Tech Meetup #9 @OSAKA
tansuの紹介
WordBench京都9月号
Polymerで先取り☆Web Components
技術者なら Kindle でしょ
LINEのbotを作ってみた
WooCommerce & AWS
jQueryMobile+PHP+MySQL+WebMatrix+ExpressWebで作成・公開する勉強会申し込みサイト
HTML5で作るiPhoneアプリケーション
最新 Windows azure モバイル・サービス 活用法
Html5で作るiPhoneアプリケーション2010
WordVolcano - from the dark side - handson
WordPress プラグイン Advance Custum Fieldsを学ぶ
201605 fa勉強会スライド
201605 FA勉強会 seleniumスライド
Ad

More from Kentaro Matsui (16)

PDF
テスト文字列に「うんこ」と入れるな
PDF
20201113_バーチャルキャストが創り出すVRの未来
PDF
Virtual Cast 設立資料
PDF
札幌移住計画夏の企業見学会2018説明資料
PDF
札幌移住計画夏の企業見学会2017説明会
PDF
札幌移住計画のご紹介
PDF
Skypeボット マザーゆっくり
PDF
チーム開発をうまく行うためのコーディング規約論
PDF
地方企業がソーシャルゲーム開発を成功させるための10のポイント
PDF
地方企業がリモートで首都圏のお仕事をこなすための10個のポイント
PDF
「Html sql」で図書館hpにアクセスしてみよう
PDF
PHPで大規模ブラウザゲームを開発してわかったこと
PDF
Gps座標を短い文字列で扱えるGeo Hashが面白い
PDF
20090828 Webconlocal
PDF
モバイル版Googleマップのちょっと進んだ使い方
PDF
ケータイサイトのはなし(入門編)
テスト文字列に「うんこ」と入れるな
20201113_バーチャルキャストが創り出すVRの未来
Virtual Cast 設立資料
札幌移住計画夏の企業見学会2018説明資料
札幌移住計画夏の企業見学会2017説明会
札幌移住計画のご紹介
Skypeボット マザーゆっくり
チーム開発をうまく行うためのコーディング規約論
地方企業がソーシャルゲーム開発を成功させるための10のポイント
地方企業がリモートで首都圏のお仕事をこなすための10個のポイント
「Html sql」で図書館hpにアクセスしてみよう
PHPで大規模ブラウザゲームを開発してわかったこと
Gps座標を短い文字列で扱えるGeo Hashが面白い
20090828 Webconlocal
モバイル版Googleマップのちょっと進んだ使い方
ケータイサイトのはなし(入門編)
Ad

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