Submit Search
PHPを使って3分で作る3キャリア対応ケータイサイト
5 likes
2,279 views
Kentaro Matsui
ke-tai.org PHPを使って3分で作る3キャリア対応ケータイサイト
Technology
Read more
1 of 10
Download now
Downloaded 42 times
1
2
3
4
5
6
7
8
9
10
More Related Content
PPTX
Xamarinは辛いよ
Takkiiii
PPTX
Cocoa Binding 童貞だけど解説してみる
Takkiiii
PPTX
baserCMS勉強会@福岡 vol.3
arata
PDF
DMMのIPv6に関する取り組み 2016年2月版
Ken SASAKI
PDF
2015.2.6神戸PHP勉強会おちゃのこネット
Masaya Arimoto
PDF
Abc words20130615
Toshihiro Yoshiura
PDF
ICTトラブルシューティングコンテスト LT資料
Ken SASAKI
PDF
IPv6にどう取り組むか
Ken SASAKI
Xamarinは辛いよ
Takkiiii
Cocoa Binding 童貞だけど解説してみる
Takkiiii
baserCMS勉強会@福岡 vol.3
arata
DMMのIPv6に関する取り組み 2016年2月版
Ken SASAKI
2015.2.6神戸PHP勉強会おちゃのこネット
Masaya Arimoto
Abc words20130615
Toshihiro Yoshiura
ICTトラブルシューティングコンテスト LT資料
Ken SASAKI
IPv6にどう取り組むか
Ken SASAKI
What's hot
(20)
PPTX
サーバ・VM+コンテナ管理Tips@オンライン合宿2020
Yuki Nihei
PPTX
Web Assembly in action
t-kihira
PDF
150612 middleman(ikuwow)
Yusaku Kinoshita
PDF
モダンすぎる静的サイトの作り方
Yuya Matsushima
PPTX
Azure上でec cubeを運用するポイント
Makoto Nishimura
PDF
おちゃのこネットとPayPalでECにチャレンジ - PayPal Tech Meetup #9 @OSAKA
Masaya Arimoto
PDF
tansuの紹介
Yuya Matsushima
PDF
WordBench京都9月号
Koji Asaga
PDF
Polymerで先取り☆Web Components
Mayu Kimura
PDF
技術者なら Kindle でしょ
Yoshitaka Seo
PDF
LINEのbotを作ってみた
Nozomu KURASAWA
PDF
WooCommerce & AWS
Hidetaka Okamoto
PDF
jQueryMobile+PHP+MySQL+WebMatrix+ExpressWebで作成・公開する勉強会申し込みサイト
Jun-ichi Sakamoto
PDF
HTML5で作るiPhoneアプリケーション
だいすけ ふるかわ
PDF
最新 Windows azure モバイル・サービス 活用法
Masaki Yamamoto
PDF
Html5で作るiPhoneアプリケーション2010
だいすけ ふるかわ
PDF
WordVolcano - from the dark side - handson
Takayuki Niinuma
PDF
WordPress プラグイン Advance Custum Fieldsを学ぶ
Shigeki Takai
PDF
201605 fa勉強会スライド
秀平 高橋
PDF
201605 FA勉強会 seleniumスライド
秀平 高橋
サーバ・VM+コンテナ管理Tips@オンライン合宿2020
Yuki Nihei
Web Assembly in action
t-kihira
150612 middleman(ikuwow)
Yusaku Kinoshita
モダンすぎる静的サイトの作り方
Yuya Matsushima
Azure上でec cubeを運用するポイント
Makoto Nishimura
おちゃのこネットとPayPalでECにチャレンジ - PayPal Tech Meetup #9 @OSAKA
Masaya Arimoto
tansuの紹介
Yuya Matsushima
WordBench京都9月号
Koji Asaga
Polymerで先取り☆Web Components
Mayu Kimura
技術者なら Kindle でしょ
Yoshitaka Seo
LINEのbotを作ってみた
Nozomu KURASAWA
WooCommerce & AWS
Hidetaka Okamoto
jQueryMobile+PHP+MySQL+WebMatrix+ExpressWebで作成・公開する勉強会申し込みサイト
Jun-ichi Sakamoto
HTML5で作るiPhoneアプリケーション
だいすけ ふるかわ
最新 Windows azure モバイル・サービス 活用法
Masaki Yamamoto
Html5で作るiPhoneアプリケーション2010
だいすけ ふるかわ
WordVolcano - from the dark side - handson
Takayuki Niinuma
WordPress プラグイン Advance Custum Fieldsを学ぶ
Shigeki Takai
201605 fa勉強会スライド
秀平 高橋
201605 FA勉強会 seleniumスライド
秀平 高橋
Ad
More from Kentaro Matsui
(16)
PDF
テスト文字列に「うんこ」と入れるな
Kentaro Matsui
PDF
20201113_バーチャルキャストが創り出すVRの未来
Kentaro Matsui
PDF
Virtual Cast 設立資料
Kentaro Matsui
PDF
札幌移住計画夏の企業見学会2018説明資料
Kentaro Matsui
PDF
札幌移住計画夏の企業見学会2017説明会
Kentaro Matsui
PDF
札幌移住計画のご紹介
Kentaro Matsui
PDF
Skypeボット マザーゆっくり
Kentaro Matsui
PDF
チーム開発をうまく行うためのコーディング規約論
Kentaro Matsui
PDF
地方企業がソーシャルゲーム開発を成功させるための10のポイント
Kentaro Matsui
PDF
地方企業がリモートで首都圏のお仕事をこなすための10個のポイント
Kentaro Matsui
PDF
「Html sql」で図書館hpにアクセスしてみよう
Kentaro Matsui
PDF
PHPで大規模ブラウザゲームを開発してわかったこと
Kentaro Matsui
PDF
Gps座標を短い文字列で扱えるGeo Hashが面白い
Kentaro Matsui
PDF
20090828 Webconlocal
Kentaro Matsui
PDF
モバイル版Googleマップのちょっと進んだ使い方
Kentaro Matsui
PDF
ケータイサイトのはなし(入門編)
Kentaro Matsui
テスト文字列に「うんこ」と入れるな
Kentaro Matsui
20201113_バーチャルキャストが創り出すVRの未来
Kentaro Matsui
Virtual Cast 設立資料
Kentaro Matsui
札幌移住計画夏の企業見学会2018説明資料
Kentaro Matsui
札幌移住計画夏の企業見学会2017説明会
Kentaro Matsui
札幌移住計画のご紹介
Kentaro Matsui
Skypeボット マザーゆっくり
Kentaro Matsui
チーム開発をうまく行うためのコーディング規約論
Kentaro Matsui
地方企業がソーシャルゲーム開発を成功させるための10のポイント
Kentaro Matsui
地方企業がリモートで首都圏のお仕事をこなすための10個のポイント
Kentaro Matsui
「Html sql」で図書館hpにアクセスしてみよう
Kentaro Matsui
PHPで大規模ブラウザゲームを開発してわかったこと
Kentaro Matsui
Gps座標を短い文字列で扱えるGeo Hashが面白い
Kentaro Matsui
20090828 Webconlocal
Kentaro Matsui
モバイル版Googleマップのちょっと進んだ使い方
Kentaro Matsui
ケータイサイトのはなし(入門編)
Kentaro Matsui
Ad
PHPを使って3分で作る3キャリア対応ケータイサイト
1.
PHPを使って3分で作る 3キャリア対応ケータイサイト
ke-tai.org 松井健太郎
2.
自己紹介 • LOCAL PHP部 部長 •
ke-tai.orgというケータイ向け情報サイトをやっ ています(http://ke-tai.org/) • 小さな会社を営んでいます。 • 最近はブラウザゲームの作成ばかりで、半ば ゲーム屋状態です。
3.
ケータイサイトを作るときに
困ること • 3キャリア対応(ドコモ・au・ソフトバンク)が 面倒。出し分けプログラムとか書いてられ ない。 • そもそも各社の仕様がよくわからない • ケータイの流儀がよくわからない
4.
なんとか簡単に
作る方法はないのか • CMSを使う → ケータイには無料のCMSが少ない → 「MovableType + MT4i」や、 「WordPress + KtaiStyle」はアリだけど インストールが面倒・環境を選ぶ。 • 有料ASPサービスなどを使う
5.
どんなものが欲しいか • どこでも動いて、簡単アップ • 静的HTML感覚(必要最低限の機能) •
3キャリア対応(ドコモ・au・ソフトバンク) • 絵文字が使える → これらを満たすプログラムを作ってみた
6.
実際に設置してみよう • アップファイルは2つだけ
(viewer.php + .htaccess) • 設置例: public_html ├ .htaccess ├ viewer.php └ sample.html • http://example.jp/sample.htmlでアクセスするだけ
7.
動作原理の説明 • mod_rewriteで変換フィルタを噛ませただけ RewriteEngine On RewriteBase
/ # 設置したディレクトリ合わせて変更 RewriteRule ^([0-9A-Za-z~_¥/¥-¥.]+)¥.html$ viewer.php?p=$1 [L] • viewer.php内で変換処理 → キャリア判定 → XHTMLヘッダの出し分け → 絵文字変換 → istyle変換
8.
利用に最低限必要な知識 • 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;”> ※
9.
今後の展開予定 • 面倒なstyle記述は、id:yudofuさんのライブ
ラリ「HTML_CSS_Mobile」と連携したいな と思っている(http://blog.asial.co.jp/423) • これでドコモ「90x」,「70x」シリーズでも外部 CSSが利用可能に • PHPの隣にアップするだけで自動認識
10.
まとめ • このviewer.phpを使えば、静的HTML感覚
で3キャリア対応サイトが公開可能 • プライベートや、予算の無い小規模なケー タイ案件にどうぞ
Download