<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>ke-tai.org &#187; 全キャリア対応</title>
	<atom:link href="http://ke-tai.org/blog/category/all_carrier/feed/" rel="self" type="application/rss+xml" />
	<link>http://ke-tai.org/blog</link>
	<description>ke-tai.org　ケータイプログラマのためのコミュニティサイト。携帯電話向けWeb開発の技術情報を扱っています。</description>
	<lastBuildDate>Thu, 29 Jul 2010 15:59:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2710</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/category/all_carrier/feed/" />
		<item>
		<title>ソフトバンク2Gの停波に伴ってユーザエージェントによるキャリア判定のロジックを書き直してみました</title>
		<link>http://ke-tai.org/blog/2010/04/15/uaswitch/</link>
		<comments>http://ke-tai.org/blog/2010/04/15/uaswitch/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 14:59:49 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[全キャリア対応]]></category>
		<category><![CDATA[ユーザエージェント]]></category>
		<category><![CDATA[振り分け]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/?p=2565</guid>
		<description><![CDATA[3月末にソフトバンクの2G端末がひっそりと停波となりました。
これに合わせてユーザエージェントが「J-PHONE」の端末からのアクセスはなくなることになります。
（一部クローラで使われていることもありますが、おそらくこれ [...]]]></description>
			<content:encoded><![CDATA[<p>3月末にソフトバンクの2G端末が<a href="http://plusd.itmedia.co.jp/mobile/articles/1004/08/news079.html" target="_blank">ひっそりと停波となりました</a>。</p>
<p>これに合わせてユーザエージェントが「J-PHONE」の端末からのアクセスはなくなることになります。<br />
（一部クローラで使われていることもありますが、おそらくこれもじきになくなるでしょう）</p>
<p>というわけで、それに伴ってユーザエージェント判定のプログラムをPHPで書き直してみました。</p>
<p class="spacer">&nbsp;</p>
<pre class="super-pre-small"><code>// ユーザエージェントの取得
$agent = $_SERVER['HTTP_USER_AGENT'];

// 振り分け処理
if (preg_match('/^Vodafone/', $agent) or preg_match('/^SoftBank/', $agent) or preg_match('/^MOT-/', $agent)) {
	// Vodafone, SoftBankの場合
	$dir = 'sb/';
} elseif (preg_match('/^DoCoMo/', $agent)) {
	// DoCoMoの場合
	$dir = 'i/';
} elseif(preg_match('/^KDDI/', $agent)) {
	// auの場合
	$dir = 'ez/';
} else {
	// その他PC等
	$dir = '';
}

$url = 'http://example.jp/' . $dir;
header('Location: ' . $url);        // 指定ページに移動
exit;
</code></pre>
<p class="spacer">&nbsp;</p>
<p>ドコモの場合は「i/」に、auは「ez/」、ソフトバンクは「sb/」に飛ばすサンプルです。</p>
<p>ユーザエージェントが「Vodafone」から始まる端末は、3GC形式の古い端末でまだ生きていますので必要になります。</p>
<p>「MOT-」はモトローラ製の端末にそういうユーザエージェントを出力する変態端末があったのですが、現在使っている人は皆無でしょうから、この条件は事実上無くても良いと思います。</p>
<p class="spacer">&nbsp;</p>
<p>auは昔は「UP.Browser」で判定をかけていたのですが、それらの端末もすでに停波済みですので、「KDDI」でチェックするのが良いでしょう。</p>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2007/10/26/agent-rewrite/">ケータイキャリア毎に振り分けを行うには（mod_rewrite編）</a></em> <img style="border: 0px none;" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2007/10/26/agent-rewrite/" alt=""></li>
<li><em><a href="http://ke-tai.org/blog/2009/11/17/rakurakuconverter/">PHPを使って3分で作る3キャリア対応ケータイサイト</a></em> <img style="border: 0px none;" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2009/11/17/rakurakuconverter/" alt=""></li>
<li><em><a href="http://ke-tai.org/blog/2008/03/18/flashfunc/">PHPでケータイのFlash対応・非対応を判定できる関数を作ってみました</a></em> <img style="border: 0px none;" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/03/18/flashfunc/" alt=""></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2010/04/15/uaswitch/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2010/04/15/uaswitch/" />
	</item>
		<item>
		<title>PHPを使って3分で作る3キャリア対応ケータイサイト</title>
		<link>http://ke-tai.org/blog/2009/11/17/rakurakuconverter/</link>
		<comments>http://ke-tai.org/blog/2009/11/17/rakurakuconverter/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 14:59:27 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[ソフト紹介]]></category>
		<category><![CDATA[全キャリア対応]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[コンバーター]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/?p=1406</guid>
		<description><![CDATA[本日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター（仮名）」を作成してみましたので、そのご紹介をさせていただきます。
&#160;
先日のPHP勉強会で発 [...]]]></description>
			<content:encoded><![CDATA[<p>本日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター（仮名）」を作成してみましたので、そのご紹介をさせていただきます。</p>
<p class="spacer">&nbsp;</p>
<p>先日のPHP勉強会で発表させていただきました。<br />
ご参加いただいた皆様、本当にありがとうございました。</p>
<p>発表資料をアップしてありますので、まずはこちらをご覧ください。</p>
<p class="spacer">&nbsp;</p>
<div style="width:425px;text-align:left" id="__ss_2519469"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/ketaiorg/php33" title="PHPを使って3分で作る3キャリア対応ケータイサイト">PHPを使って3分で作る3キャリア対応ケータイサイト</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=ketaiorg3carrierconv-091117082802-phpapp02&#038;stripped_title=php33" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=ketaiorg3carrierconv-091117082802-phpapp02&#038;stripped_title=php33" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">documents</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/ketaiorg">ketaiorg</a>.</div>
</div>
<p class="spacer">&nbsp;</p>
<p>ということで、「3分で作る」とは謳っているものの、ドコモ用に作られたHTMLを他キャリア用にコンバートするだけの、実に簡素な作りです。</p>
<p>ドコモ用サイトを3キャリア化するのは容易ですが、1からサイトを作成する場合はもちろん3分では作れません（笑）</p>
<p class="spacer">&nbsp;</p>
<p>動作条件は以下の通りです。</p>
<ul>
<li>PHPが動作すること（5系で動作確認済み、4でも動くかも？）</li>
<li>mod_rewriteが使えること</li>
</ul>
<p>主な機能はこちらです。</p>
<ul>
<li>キャリア判定</li>
<li>XHTML用ヘッダの出し分け</li>
<li>絵文字変換</li>
<li>istyle変換</li>
</ul>
<p class="spacer">&nbsp;</p>
<p>上記資料内にもありますが、簡単な使い方をご説明します。</p>
<p>まずはこちらから、ファイルをダウンロードします。</p>
<p>→　<a href="http://ke-tai.org/counter/http://ke-tai.org/up_files/rakuraku_ketai_converter_0.11.lzh" target="_blank">ダウンロード　rakuraku_ketai_converter_0.11.lzh</a></p>
<p><small>※2009/11/21 エスケープ処理を加えver0.1→ver0.11となっています。旧バージョンをお使いの方は再度ダウンロードをお願いします。</small></p>
<p class="spacer">&nbsp;</p>
<p>続いて、FTPなどでファイルをアップします。</p>
<p>この時、ドキュメントルート（例えば「http://example.jp/」の直下）に設置する場合は、そのままアップするだけでOKです。</p>
<p>あとはアップしたいケータイサイト用HTMLを隣にアップすれば、ケータイから3キャリア対応サイトとして見ることができます。<br />
もちろんフォルダを作ってその中にアップしても大丈夫です。</p>
<pre class="super-pre-small"><code>設置例：
public_html
 ├ .htaccess
 ├ viewer.php
 └ sample.html
http://example.jp/sample.htmlでアクセスするだけ
</code></pre>
<p class="spacer">&nbsp;</p>
<p>もし「/」直下ではなく、フォルダを作ってその中に設置したい場合は、付属の「.htaccess」ファイルを次のように修正してください。</p>
<pre class="super-pre-small"><code>例：http://example.jp/mobile/に設置したい場合

&lt;IfModule mod_rewrite.c&gt;
  RewriteEngine On

  # 設置したディレクトリに合わせて変更
  RewriteBase /mobile/      # ← ここを設置したいディレクトリ名に合わせて変更

  RewriteRule ^([0-9A-Za-z~_\/\-\.]+)\.html$ viewer.php?p=$1 [L]
&lt;/IfModule&gt;
</code></pre>
<p>「RewriteBase /mobile/」の部分をフォルダ名に合わせて修正します。</p>
<p class="spacer">&nbsp;</p>
<p>コンテンツの記述ルールは次の通りです。</p>
<ul>
<li>絵文字はドコモの「&amp;#xXXXX形式」を使う　（i絵文字を使うと便利）</li>
<li>入力文字種の指定は「istyle=&#8221;1 or 2 or 3 or 4&#8243;」で指定</li>
<li>画像はjpgかgifを使う</li>
</ul>
<p class="spacer">&nbsp;</p>
<p>動作サンプルはこちらです。</p>
<p>→　<a href="http://ke-tai.org/public_html/up_files/rakuraku_ketai_converter/sample.html" target="_blank">らくらくケータイ3キャリアコンバーター（仮名）　サンプル</a></p>
<p><img src="http://chart.apis.google.com/chart?cht=qr&#038;chs=150x150&#038;chl=http://ke-tai.org/public_html/up_files/rakuraku_ketai_converter/sample.html" /></p>
<p><img src="http://ke-tai.org/blog/wp-content/uploads/2009/11/20091117_3minphp.png" alt="20091117_3minphp" title="20091117_3minphp" width="172" height="257" class="alignnone size-full wp-image-1427" /></p>
<p class="spacer">&nbsp;</p>
<p>自分がちょっとしたケータイサイトを作りたいときに使いたいために作ったシンプルなものですので、あまりメンテなどはしないかもしれませんが、ご要望が多ければバージョンアップするかもしれません。<br />
なお、現在何か素敵なソフト名を募集中です。</p>
<p>また、もしよければ以前作ったこちらも合わせてどうぞ。<br />
→　<a href="http://ke-tai.org/blog/2009/07/31/kantansample/" target="_blank">実際に動いてすぐ使える「PHPによるかんたんログインサンプル」を作ってみました</a></p>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2009/07/31/kantansample/">実際に動いてすぐ使える「PHPによるかんたんログインサンプル」を作ってみました</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2009/07/31/kantansample/" alt="" /></li>
<li><em><a href="http://ke-tai.org/blog/2008/09/09/phoneid2/">ケータイの端末ID・ユーザIDの取得についてまとめてみました（サンプルプログラム編）</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/09/09/phoneid2/" alt="" /></li>
<li><em><a href="http://ke-tai.org/blog/2007/11/26/henkan_tips/">PHPで絵文字を壊さずに文字コードや全角半角変換を行う方法</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2007/11/26/henkan_tips/" alt="" /></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2009/11/17/rakurakuconverter/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2009/11/17/rakurakuconverter/" />
	</item>
		<item>
		<title>ケータイ3キャリアに対応するためのDOCTYPE宣言について</title>
		<link>http://ke-tai.org/blog/2009/10/14/doctype/</link>
		<comments>http://ke-tai.org/blog/2009/10/14/doctype/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 14:59:35 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[全キャリア対応]]></category>
		<category><![CDATA[記事紹介・リンク]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/?p=1064</guid>
		<description><![CDATA[XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。
先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみよ [...]]]></description>
			<content:encoded><![CDATA[<p>XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。</p>
<p>先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。</p>
<p>下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。</p>
<p class="spacer">&nbsp;</p>
<p>→　<a href="http://ma-san.org/2009/10/htmlphpdoctype.html" target="_blank">ma-san.org　携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法</a> <small>[ma-san.org]</small></p>
<p>→　<a href="http://d.hatena.ne.jp/aquarn/20091011/1255213950" target="_blank">ある人のぼやき　携帯サイトのDOCTYPE分岐方法</a> <small>[d.hatena.ne.jp]</small></p>
<p class="spacer">&nbsp;</p>
<h3 class="section">DOCTYPE宣言とは</h3>
<p>DOCTYPE宣言とは以下に続くHTMLが、どのようなバージョンで記述されているかを宣言するものです。<br />
ブラウザ側はこの宣言を解釈して、記述内容に合わせた細かい表示方法を調整したりしています。</p>
<p>各キャリア公式サイトからDOCTYPE宣言の書き方をおさらいしてみましょう。</p>
<p class="spacer">&nbsp;</p>
<p><strong>【docomo】</strong></p>
<p>→　<a href="http://www.nttdocomo.co.jp/service/imode/make/content/browser/xhtml/about/" target="_blank">NTTdocomo　作ろうiモードコンテンツ　iモード対応XHTMLのバージョン</a> <small>[nttdocomo.co.jp]</small></p>
<p> iモード対応XHTMLのバージョンに合わせて記述します</p>
<pre class="super-pre-small"><code>&lt;!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/[iモードXHTMLバージョン]) 1.0//EN" "i-xhtml_4ja_10.dtd"&gt;</code></pre>
<p>例：　iモード対応XHTML 1.0用のDOCTYPE</p>
<pre class="super-pre-small"><code>&lt;!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd"&gt;</code></pre>
<p class="spacer">&nbsp;</p>
<p><strong>【au】</strong></p>
<p>→　<a href="http://www.au.kddi.com/ezfactory/xhtmlmake/part1_01.html" target="_blank">KDDI au: コンテンツの制作 &gt; XHTML Basicの基本</a> <small>[au.kddi.com]</small></p>
<pre class="super-pre-small"><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd"&gt;</code></pre>
<p class="spacer">&nbsp;</p>
<p><strong>【softbank】</strong></p>
<p>→　<a href="http://creation.mb.softbank.jp/column/column_05_02.html" target="_blank">ソフトバンク　Mobile Creation　XHTMLとCSSによる携帯サイト制作</a> <small>[creation.mb.softbank.jp]</small></p>
<pre class="super-pre-small"><code>&lt;!DOCTYPE html PUBLIC "-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN" "xhtml-basic10-plus.dtd"&gt;</code></pre>
<p class="spacer">&nbsp;</p>
<h3 class="section">出し分けする場合にはどうするか</h3>
<p>各キャリアや、iモードバージョンなどで宣言が異なっているため、ユーザエージェントで判定し、出し分ける方法が一般的です。</p>
<p>上記のサイトのようにif文でユーザエージェントを判定する方法もありますが、PHPであればPEARの「Net_UserAgent_Mobile」などのライブラリを使う方法がおススメです。<br />
キャリアや機種が簡単に取得できます。</p>
<p>他の言語を使った場合でも、大抵の言語には同様のライブラリがあるでしょう。</p>
<p>→　<a href="http://pear.php.net/package/Net_UserAgent_Mobile" target="_blank">PEAR　Package :: Net_UserAgent_Mobile</a> <small>[pear.php.net]</small></p>
<h3 class="section">そもそも本当に出し分けが必要なのか？</h3>
<p>しかしながら、本当にDOCTYPEの出しわけが必要なのでしょうか？</p>
<p>以前軽くテストをしてみたところ、DOCTYPEの変更によって表示に違いがあることは確認できず、疑問に思ってフォーラムで聞いてみました。</p>
<p>→　<a href="http://ke-tai.org/forum/comments.php?DiscussionID=8&#038;Focus=354" target="_blank">ke-tai.org　Forum &#8211; XHTMLのDOCTYPEについて</a> <small>[ke-tai.org]</small></p>
<p>すると皆さん、出し分けは特に行っていないという返答が帰ってきました。</p>
<p class="spacer">&nbsp;</p>
<h3 class="section">結論</h3>
<p>ケータイブラウザが高度化するにつれ、DOCTYPEによる表示調整を行わなければならなくなるでしょう。</p>
<p>しかしながら今のところ特に苦労して出し分けを行う必要は無いと思っているのですがいかがでしょうか？</p>
<p>もちろんXTHMLを使用する以上、なんらかのDOCTYPE宣言が必要になります。<br />
私はモバイル用の標準的な例として、「XHTML Mobile Profile 1.0」のDOCTYPE宣言を使うことが多いです。</p>
<pre class="super-pre-small"><code>&lt;!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"&gt;</code></pre>
<p>参考：<br />
→　<a href="http://www.w3.org/TR/2000/REC-xhtml-basic-20001219/" target="_blank">w3c　XHTML Basic</a> <small>[www.w3.org]</small></p>
<p>ドコモはDOCTYPE宣言がないとXHTML表記が使えなかったりしますが、上記の宣言で大丈夫なようです。</p>
<p class="spacer">&nbsp;</p>
<p>3キャリア共通ページのサンプルHTMLは次の通りです。</p>
<pre class="super-pre-small"><code>&lt;?xml version="1.0" encoding="Shift_JIS"?&gt;
&lt;!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /&gt;
&lt;/head&gt;
&lt;body&gt;
3キャリア共通ページのサンプル&lt;br /&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
<p class="spacer">&nbsp;</p>
<p>みなさんはどのような対応を取っているのか知りたいところです。<br />
よろしければフォーラムやコメント欄からご投稿お願いします。</p>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2008/04/03/docomocss/">ドコモ端末でCSSを利用するには</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/04/03/docomocss/" alt="" /></li>
<li><em><a href="http://ke-tai.org/blog/2008/07/14/mbga12tip/">3キャリア対応HTMLの作成について実例をあげて解説している記事「モバゲーのような携帯サイトを作るための12のTips」</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/07/14/mbga12tip/" alt="" /></li>
<li><em><a href="http://ke-tai.org/blog/2008/09/19/inputmode/">ケータイフォームでの入力モードの仕様について詳細にまとめられた「携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて」</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/09/19/inputmode/" alt="" /></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2009/10/14/doctype/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2009/10/14/doctype/" />
	</item>
		<item>
		<title>Perl用の3キャリア対応CSS変換モジュール「HTML::MobileJpCSS」</title>
		<link>http://ke-tai.org/blog/2009/01/15/htmlmobilejpcss/</link>
		<comments>http://ke-tai.org/blog/2009/01/15/htmlmobilejpcss/#comments</comments>
		<pubDate>Thu, 15 Jan 2009 14:59:08 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[全キャリア対応]]></category>
		<category><![CDATA[CPAN]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Perl]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/?p=626</guid>
		<description><![CDATA[Perl用の3キャリア対応のCSS変換モジュール「HTML::MobileJpCSS」がリリースされたとのことです。
→　komoriyaのはてなダイアリー　3キャリア対応のCSS変換モジュールHTML::MobileJ [...]]]></description>
			<content:encoded><![CDATA[<p>Perl用の3キャリア対応のCSS変換モジュール「HTML::MobileJpCSS」がリリースされたとのことです。</p>
<p>→　<a href="http://d.hatena.ne.jp/komoriya/20090115/1232011108" target="_blank">komoriyaのはてなダイアリー　3キャリア対応のCSS変換モジュールHTML::MobileJpCSS</a> <small>[d.hatena.ne.jp]</small></p>
<p>→　<a href="http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/" target="_blank">CPAN　HTML-MobileJpCSS-0.01</a> <small>[search.cpan.org]</small></p>
<p class="spacer-small">&nbsp;</p>
<p>ドコモのCSSは、ヘッダ部への記述や外部CSSの利用ができないという困った仕様ため、ページの作成には非常に苦労します。</p>
<p>これらを解決するには、Perlでは「<a href="http://search.cpan.org/~tokuhirom/HTML-DoCoMoCSS-0.01/lib/HTML/DoCoMoCSS.pm" target="_blank">HTML::DoCoMoCSS</a>」、PHPでは「<a href="http://coderepos.org/share/browser/lang/php/HTML_CSS_Mobile" target="_blank">HTML_CSS_Mobile</a>」といったライブラリがありましたが、今回新たな選択肢が追加されたことになります。</p>
<p class="spacer-small">&nbsp;</p>
<p>従来のライブラリとの違いは、文字サイズやhrタグなどのキャリアによる見え方の差異を吸収してくれたり、isyleの変換機能などが付いている点のようです。</p>
<p>キャリアによる文字サイズの違いは非常に困ることが多いところなので、これは便利な機能ですね。</p>
<p>Perl使いの方はぜひ試してみてはいかがでしょうか。</p>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2008/08/07/toinlinecssdocomo013/">ドコモ用にCSSをインライン化してくれるPHPライブラリ「toInlineCSSDoCoMo」がバージョンアップ</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/08/07/toinlinecssdocomo013/" alt="" /></li>
<li><em><a href="http://ke-tai.org/blog/2008/07/09/toinline/">ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ「toInlineCSSDoCoMo」</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/07/09/toinline/" alt="" /></li>
<li><em><a href="http://ke-tai.org/blog/2008/04/03/docomocss/">ドコモ端末でCSSを利用するには</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/04/03/docomocss/" alt="" /></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2009/01/15/htmlmobilejpcss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2009/01/15/htmlmobilejpcss/" />
	</item>
		<item>
		<title>ケータイでのメール受信設定についてまとめてみました</title>
		<link>http://ke-tai.org/blog/2008/09/22/mailreceive/</link>
		<comments>http://ke-tai.org/blog/2008/09/22/mailreceive/#comments</comments>
		<pubDate>Mon, 22 Sep 2008 07:38:23 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[全キャリア対応]]></category>
		<category><![CDATA[記事紹介・リンク]]></category>
		<category><![CDATA[指定受信]]></category>
		<category><![CDATA[携帯メール]]></category>
		<category><![CDATA[迷惑メール]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/?p=415</guid>
		<description><![CDATA[少しついでがあったので、ケータイでのメール受信設定の現状についてまとめてみました。
ケータイにはPCとは違い、迷惑メール防止のためのメール受信設定というものがあります。
受信設定を行っているユーザには、これらをしっかり通 [...]]]></description>
			<content:encoded><![CDATA[<p>少しついでがあったので、ケータイでのメール受信設定の現状についてまとめてみました。</p>
<p>ケータイにはPCとは違い、迷惑メール防止のためのメール受信設定というものがあります。<br />
受信設定を行っているユーザには、これらをしっかり通知しドメインやメールアドレスを登録して貰わないと、ケータイサイトからのメールは届きません。</p>
<p><img src="http://ke-tai.org/blog/wp-content/uploads/2008/09/20080922-151907.jpg" alt="" title="20080922-151907" width="150" height="209" class="alignnone size-full wp-image-474" /><br />
<small>指定受信案内の例</small></p>
<p class="spacer-small">&nbsp;</p>
<p>サイト上でのメール受信設定の対応については、こちらの記事が参考になります。</p>
<p>→　<a href="http://www.bebit.co.jp/memo/2008/08/post_116.html" target="_blank">beBit ユーザビリティ実践メモ　携帯サイトではメール受信設定への対応が重要</a> <small>[bebit.co.jp]</small></p>
<p class="spacer-small">&nbsp;</p>
<p>気をつけるポイントとして、次の2点が紹介されています。</p>
<ol>
<li><strong>ドメイン/メールアドレスを追加する必要があるとユーザに気づかせること</strong></li>
<li><strong>ユーザが設定をしやすいように配慮すること</strong>
</ol>
<p class="spacer-small">&nbsp;</p>
<p>1として、注意書きの書き方と実例が、2の方では「指定受信ボタンの追加」と「コピー用テキストボックスの設置」について解説されています。</p>
<p>「指定受信追加ボタンを設置する」については、上記ブログでは具体的なURLが書かれていませんが、次のアドレスで大丈夫なようです。</p>
<ul>
<li>ドコモ：　<small>「<strong>http://docomo.ne.jp/cp/mailurlfltst.cgi</strong>」</small></li>
<li>au：　<small>「<strong>http://imutl.ezweb.ne.jp/cgi2001/utl_menu.cgi</strong>」</small></li>
<li>SoftBank：　<small>「<strong>http://elinks.softbank.ne.jp/selfcare</strong>」</small></li>
</ul>
<p>※参考にさせていただいた記事は<a href="http://labs.unoh.net/2007/06/post_92.html" target="_blank">こちら</a> <small>[unoh.net]</small></p>
<p><del datetime="2008-09-25T02:47:14+00:00">ソフトバンクについては、直接ジャンプするURLは無いようで、次のメニューから設定を行う形のようです。<br />
（もしURLをご存知の方がいましたら教えてください）</del></p>
<p><small><strong>追記(9/24)：</strong><br />
ソフトバンクでもジャンプできるURLを教えていただきましたので、記事を修正しました。<br />
詳しくはコメント欄をご参照ください。</small></p>
<p class="spacer-small">&nbsp;</p>
<p>ちなみに手動でメール指定受信設定を行う場合の操作は、次の通りです。<br />
どのキャリアも、受信/拒否をドメインやメールアドレスレベルで指定できるようになっています。</p>
<ul>
<li>
		<strong>ドコモ</strong><br />
		<small>iMenu　→　お客様サポート　→　各種設定　→　詳細な設定（メール設定）　→　迷惑メール対策</small>
	</li>
<li>
		<strong>au</strong><br />
		<small>メールキー　→　Eメール設定　→　その他設定　→　メールフィルター</small>
	</li>
<li>
		<strong>ソフトバンク</strong><br />
		<small>メニューリスト　→　MySoftbank　→　各種変更手続き　→　メール各種設定（オリジナルメール設定）　→　迷惑メールブロック設定</small>
	</li>
</ul>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2008/08/28/qdmail/">全キャリア対応のデコメールの作成・変換が行えるPHPライブラリQdmail</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/08/28/qdmail/" /></li>
<li><em><a href="http://ke-tai.org/blog/2008/06/30/imgnoforward/">各キャリアの画像保存・転送制限の設定方法をまとめてみました</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/06/30/imgnoforward/" /></li>
<li><em><a href="http://ke-tai.org/blog/2008/05/29/ketaifor/">フォームでのユーザビリティ向上のポイントを紹介した記事「PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは」</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/05/29/ketaifor/" /></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2008/09/22/mailreceive/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2008/09/22/mailreceive/" />
	</item>
		<item>
		<title>ケータイフォームでの入力モードの仕様について詳細にまとめられた「携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて」</title>
		<link>http://ke-tai.org/blog/2008/09/19/inputmode/</link>
		<comments>http://ke-tai.org/blog/2008/09/19/inputmode/#comments</comments>
		<pubDate>Fri, 19 Sep 2008 06:43:36 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[全キャリア対応]]></category>
		<category><![CDATA[記事紹介・リンク]]></category>
		<category><![CDATA[istyle]]></category>
		<category><![CDATA[ゆどうふ]]></category>
		<category><![CDATA[入力モード]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/?p=464</guid>
		<description><![CDATA[本ブログでも何度も紹介させて頂いているゆどうふさんが、携帯XHTMLでの入力モードについてのまとめ記事を書かれたようなので、ご紹介させていただきます。
先日こちらの記事のコメント欄から質問を書いたところ、親切にもエントリ [...]]]></description>
			<content:encoded><![CDATA[<p>本ブログでも何度も紹介させて頂いている<a href="http://d.hatena.ne.jp/Yudoufu/about" target="_blank">ゆどうふさん</a>が、携帯XHTMLでの入力モードについてのまとめ記事を書かれたようなので、ご紹介させていただきます。</p>
<p>先日<a href="http://ke-tai.org/blog/2008/09/03/35symfonymobile/" target="_blank">こちらの記事</a>のコメント欄から質問を書いたところ、親切にもエントリーとしてまとめてくれたようです。ありがとうございます。</p>
<p class="spacer-small">&nbsp;</p>
<p>→　<a href="http://d.hatena.ne.jp/Yudoufu/20080914/1221393041" target="_blank">ゆどうふろぐ　携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて</a> <small>[d.hatena.ne.jp]</small></p>
<p class="spacer-small">&nbsp;</p>
<p>現状の入力モードの仕様について、とてもわかりやすくまとめられていると思います。</p>
<p>入力モードとは、ケータイから文字を入力する際に選ぶ、「漢全」「カナ半」「英半」「数半」といった文字種のことです。</p>
<p><img src="http://ke-tai.org/blog/wp-content/uploads/2008/09/20080917-200906.jpg" alt="" title="20080917-200906" width="200" height="342" class="alignnone size-full wp-image-469" /><br />
<small>入力モードの例</small></p>
<p>ケータイでは入力の手間を軽減するため、標準で選択される入力モードを指定できるのですが、こちらの指定の仕方が各キャリアによって異なっています。</p>
<p>最も気になるのは「プログラムで出し分けをすることなく入力モードの指定が出来るか」という点なのですが、結論から言うと、ソフトバンクのSH系の機種で入力制限モードになってしまうようで、やはり難しいようです。</p>
<p class="spacer-small">&nbsp;</p>
<p>私の手持ちの端末でテストした結果をまとめておきます。</p>
<p>テストに使用したinputタグ</p>
<p class="super-pre-small">&lt;input type=&#8221;text&#8221; name=&#8221;hoge&#8221; istyle=&#8221;3&#8243; format=&#8221;*m&#8221; mode=&#8221;alphabet&#8221; style=&#8221;-wap-input-format:&amp;quot;*&amp;lt;ja:en&amp;gt;&amp;quot;;-wap-input-format:*m;&#8221; /&gt;</p>
<p>・入力制限モードになる<br />
<small><strong>705SH</strong></small></p>
<p>・入力モードのみ指定になる<br />
<small><strong>904T, 813T, 705N, 804N, 703SH</strong></small></p>
<p>ということで、SH系であったとしても、必ずしも入力制限モードになるわけではないようです。<br />
よくわからないですね。</p>
<p>最近の端末であればistyleを指定（ただしドコモXHTMLの場合のみ「-wap-input-format」を利用）するだけで、全端末問題ないと思っていたのですが、</p>
<p class="super-pre-small"><small>詳しい状況や機種等を聞いていなかったので再現条件が不明なのが申し訳ないところですが。。。どうも、単にmode属性やistyle属性を指定しただけでは、おかしなことになる場合があるようです。</small></p>
<p>とのことですので、そういうわけでもないようです。<br />
<small>（※私の手持ちの端末では全て正常に動作しました）</small></p>
<p>この辺り詳細な情報を持っている方がいましたら、ぜひ教えてください。</p>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2008/09/03/35symfonymobile/">第35回PHP勉強会で発表された「symfonyでモバイル開発なんてどうですか。」</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/09/03/35symfonymobile/" /></li>
<li><em><a href="http://ke-tai.org/blog/2008/09/08/phoneid/">ケータイの端末ID・ユーザIDの取得についてまとめてみました</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/09/08/phoneid/" /></li>
<li><em><a href="http://ke-tai.org/blog/2008/08/07/toinlinecssdocomo013/">ドコモ用にCSSをインライン化してくれるPHPライブラリ「toInlineCSSDoCoMo」がバージョンアップ</a></em> <img style="border:0px" src="http://b.hatena.ne.jp/entry/image/small/http://ke-tai.org/blog/2008/08/07/toinlinecssdocomo013/" /></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2008/09/19/inputmode/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2008/09/19/inputmode/" />
	</item>
		<item>
		<title>3キャリア対応HTMLの作成について実例をあげて解説している記事「モバゲーのような携帯サイトを作るための12のTips」</title>
		<link>http://ke-tai.org/blog/2008/07/14/mbga12tip/</link>
		<comments>http://ke-tai.org/blog/2008/07/14/mbga12tip/#comments</comments>
		<pubDate>Mon, 14 Jul 2008 14:12:23 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[全キャリア対応]]></category>
		<category><![CDATA[記事紹介・リンク]]></category>
		<category><![CDATA[3キャリア対応]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[モバゲー]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/?p=366</guid>
		<description><![CDATA[先週末からのiPhone騒動で、すっかり紹介しそこなってしまいました。
すでに1000以上のはてぶが付いている状態ですので、みなさんご存じだとは思いますが、良い記事なのでご紹介させていただきます。
→　携帯ホームページを [...]]]></description>
			<content:encoded><![CDATA[<p>先週末からのiPhone騒動で、すっかり紹介しそこなってしまいました。</p>
<p>すでに1000以上のはてぶが付いている状態ですので、みなさんご存じだとは思いますが、良い記事なのでご紹介させていただきます。</p>
<p>→　<a href="http://dspt.blog59.fc2.com/blog-entry-39.html" target="_blank">携帯ホームページを作ろう！　-ちょっと詳しいモバイルサイトの作り方-　モバゲーのような携帯サイトを作るための12のTips</a> <small>[blog59.fc2.com]</small></p>
<p class="spacer-small">&nbsp;</p>
<p>モバゲーは、シンプルで見やすい構成ながら、意外と凝った作りとなっており、お手本にはもってこいです。<br />
この記事では、そんなモバゲータウンを参考に、12個の実例を挙げて、3キャリアケータイ向けＨＴＭＬ作成の解説を行っています。</p>
<p>内容は、文字サイズ変更などの基本的なことから、反転文字や水平線、画像の回り込みまで、ケータイサイトを作成する上で必要なエッセンスが網羅されています。</p>
<p>特に「PC向けのHTMLは作成したことがあるが、ケータイは初めて」というような方にぴったりの内容だと思います。</p>
<p>かなり人気のあった記事のようですし、とても役に立ちますので、ぜひ続編を書いて欲しいですね。</p>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2008/07/03/mbgapc/">モバゲータウンがPCからも閲覧できるようになるようです</a></em></li>
<li><em><a href="http://ke-tai.org/blog/2008/06/09/imagesav/">他のケータイサイトのHTMLを参考にする際に便利な裏技</a></em></li>
<li><em><a href="http://ke-tai.org/blog/2008/06/11/mawarikomi/">ケータイでの画像回り込みについてまとめてみました</a></em></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2008/07/14/mbga12tip/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2008/07/14/mbga12tip/" />
	</item>
		<item>
		<title>各キャリアの画像保存・転送制限の設定方法をまとめてみました</title>
		<link>http://ke-tai.org/blog/2008/06/30/imgnoforward/</link>
		<comments>http://ke-tai.org/blog/2008/06/30/imgnoforward/#comments</comments>
		<pubDate>Mon, 30 Jun 2008 13:57:54 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[全キャリア対応]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[ケータイ画像]]></category>
		<category><![CDATA[再配布不可]]></category>
		<category><![CDATA[待受画像]]></category>
		<category><![CDATA[転送制限]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/?p=334</guid>
		<description><![CDATA[今回は各キャリア・各フォーマット毎に、転送制限画像の作り方をまとめてみました。
ケータイでは、待ち受け画像などで使うために、ダウンロードした画像を再配布させないための、保存制限や転送制限を行うことができます。
転送制限を [...]]]></description>
			<content:encoded><![CDATA[<p>今回は各キャリア・各フォーマット毎に、転送制限画像の作り方をまとめてみました。</p>
<p>ケータイでは、待ち受け画像などで使うために、ダウンロードした画像を再配布させないための、保存制限や転送制限を行うことができます。<br />
転送制限をかけた画像は、メールへの添付や、SDカードへの保存が行えなくなります。<br />
保存制限をかけた場合は、保存すらできません。</p>
<p>Windows用のフリーウェアなどには、転送制限を行わせないための情報を埋め込むソフトがあったりするのですが、CMSの管理画面からのアップロードや、メール添付による画像アップロードなど、サーバ上で動的に画像を生成しなければならないケースも多いと思いますので、PHPを使ったサンプル（とは言ってもコマンドを叩いているだけですが）でまとめてみることにします。</p>
<p class="spacer-small">&nbsp;</p>
<p>まず、概要を表にまとめると次の通りです。</p>
<table border="1">
<tr>
<td>
<div align="center"><small>キャリア</small></div>
</td>
<td>
<div align="center"><small>転送禁止<br />[jpg]</small></div>
</td>
<td>
<div align="center"><small>転送禁止<br />[gif]</small></div>
</td>
<td>
<div align="center"><small>転送禁止<br />[png]</small></div>
</td>
<td>
<div align="center"><small>保存禁止<br />[共通]</small></div>
</td>
</tr>
<tr>
<td><small>ドコモ</small></td>
<td><small>コメント追加 *1</small></td>
<td><small>コメント追加 *1</small></td>
<td><small>そもそも表示不可</small></td>
<td><small>保存禁止は不可能</small></td>
</tr>
<tr>
<td><small>au</small></td>
<td><small>コメント追加 *1</small></td>
<td><small>コメント追加 *1</small></td>
<td><small>コメント追加 *2</small></td>
<td><small>imgタグに属性追加 *3</small></td>
</tr>
<tr>
<td><small>SoftBank</small></td>
<td><small>ヘッダ出力 *4</small></td>
<td><small>ヘッダ出力 *4</small></td>
<td><small>ヘッダ出力 *4</small></td>
<td><small>ヘッダ出力 *5</small></td>
</tr>
</table>
<p class="spacer-small">&nbsp;</p>
<p><strong>*1　：　ドコモ、auのjpg, gifを転送禁止にする方法</strong></p>
<p>画像のヘッダ部分にコメントを入れます。<br />
ドコモであれば「copy=&#8221;NO&#8221;&#8216;」、auであれば「kddi_copyright=on」を入れてあげればOKです。<br />
両対応にする場合は、カンマで続けて書けば大丈夫ですが、auは先頭に文字列がある必要がありますので、こちらを先に書き、「kddi_copyright=on,copy=&#8221;NO&#8221;」のようにします。</p>
<p>PHPから処理する場合は次の通りです。<br />
<small>※ImageMagickのコマンド「mogrify」がインストールされている必要があります。</small></p>
<pre class="super-pre-small"><code>$cmd = "mogrify -comment 'kddi_copyright=on,copy=\"NO\"' test.jpg";
$res = system($cmd);
</code></pre>
<p class="spacer-small">&nbsp;</p>
<p><strong>*2　：　auのPNG画像を転送禁止にする方法</strong></p>
<p>auのPNGを転送禁止にするには、画像のCopyrightキーワードの部分に「kddi_copyright=on」を埋め込んでやればＯＫとのことです。</p>
<p>ImageMagickを使った方法が良くわからなかったため、次のソフトを使いました。<br />
<small>（※方法をご存じの方教えてください）</small></p>
<p>こちらの記事の下段の方に「imgcmt」というソフトが公開されています。<br />
→　<a href="http://module.jp/blog/comment_in_imagefile.html" target="_blank">MODULE.JP　imgcmt version 1.0.0</a> <small>[module.jp]</small></p>
<p>次のようにコマンドを実行することで、うまくいきました。<br />
PHPのsystem関数でも同様で行けると思います。</p>
<pre class="super-pre-small"><code>imgcmtpng Copyright kddi_copyright=on < test.png > test.png</code></pre>
<p class="spacer-small">&nbsp;</p>
<p><strong>*3　：　auで画像を保存禁止にする方法</strong></p>
<p>こちらは簡単です。imgタグにcopyright=yesという属性を付けてやればOKです。</p>
<pre class="super-pre-small"><code>&lt;img src="test.png" copyright="yes" /&gt;</code></pre>
<p class="spacer-small">&nbsp;</p>
<p><strong>*4　：　ソフトバンクで画像の転送を禁止する方法</strong></p>
<p>.htaccessに次のように記載します。<br />
（Apacheの「mod_headers」モジュールがインストールされている必要があります）</p>
<pre class="super-pre-small"><code>&lt;FilesMatch "\.(jpg|gif|png)$"&gt;
  Header append x-jphone-copyright no-transfer
  Header append x-jphone-copyright no-peripheral
&lt;/FilesMatch&gt;
</code></pre>
<p>もうあまりアクセスは無いとは思いますが、J-Phone時代のC型端末の場合は、上記設定では対応できません。<br />
C型端末に対応する場合は、画像の拡張子を変更することで転送を防ぐことができます。（「jpg　→　jpz」、「png　→　pnz」）</p>
<p class="spacer-small">&nbsp;</p>
<p><strong>*5　：　ソフトバンクで画像の保存を禁止する方法</strong></p>
<p>同じく.htaccessに次のように記載します。</p>
<pre class="super-pre-small"><code>&lt;FilesMatch "\.(jpg|gif|png)$"&gt;
  Header set x-jphone-copyright no-store
  Header append x-jphone-copyright no-transfer
  Header append x-jphone-copyright no-peripheral
&lt;/FilesMatch&gt;
</code></pre>
<p><small>※公式サイトのPDF資料に、一部の端末ではno-storeが利用できないとありましたので、念のため3つを併記しました。</small></p>
<p class="spacer-small">&nbsp;</p>
<p>今回はImageMagickのコマンドを、system関数から叩くという方法を取っています。<br />
他にも「MagickWand For PHP」を使った方法もあり、その例はウノウラボさんのブログに情報がありましたので、こちらを参照すると良いと思います。</p>
<p>→　<a href="http://labs.unoh.net/2007/09/post_103.html" target="_blank">ウノウラボ　携帯キャリアで画像を転送させない方法</a> <small>[unoh.net]</small></p>
<p class="spacer-small">&nbsp;</p>
<p>上記ブログにもありますが、せっかく対策を行ってもケータイ以外からアクセスされては意味がありません。<br />
IPアドレスによる制限をかけ、PCやWillcom、イーモバイルなどからのアクセスも遮断しましょう。</p>
<p>なお、これらの情報はまだ勉強中の段階のため、誤り等がありましたら、突っ込みをお願いいたします。</p>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2008/06/20/docomoip200809/">2008年9月下旬にドコモのIPアドレスが追加になるようです</a></em></li>
<li><em><a href="http://ke-tai.org/blog/2008/06/12/iplist/">ケータイキャリアやクローラのIPアドレス情報を共有するためのWikiを作ってみました</a></em></li>
<li><em><a href="http://ke-tai.org/blog/2007/10/27/ketai_only/">ケータイからのみアクセスを許可する.htaccess</a></em></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2008/06/30/imgnoforward/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2008/06/30/imgnoforward/" />
	</item>
		<item>
		<title>ケータイからのみアクセスを許可する.htaccess</title>
		<link>http://ke-tai.org/blog/2007/10/27/ketai_only/</link>
		<comments>http://ke-tai.org/blog/2007/10/27/ketai_only/#comments</comments>
		<pubDate>Fri, 26 Oct 2007 15:01:57 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[サーバ]]></category>
		<category><![CDATA[全キャリア対応]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/2007/10/27/ketai_only/</guid>
		<description><![CDATA[携帯電話からのアクセスのみを許可し、PCからは見えないようにしたい
というようなケースがよくあります。
今回は、そんな設定を実現する.htaccessを紹介します。
&#160;
まずは、簡易バージョンのサンプルです。
 [...]]]></description>
			<content:encoded><![CDATA[<p>携帯電話からのアクセスのみを許可し、PCからは見えないようにしたい<br />
というようなケースがよくあります。</p>
<p>今回は、そんな設定を実現する.htaccessを紹介します。</p>
<p class="spacer">&nbsp;</p>
<p>まずは、簡易バージョンのサンプルです。</p>
<pre class="super-pre-small">
Order Deny,Allow
Deny from all

# DoCoMo
Allow from .docomo.ne.jp

# au
Allow from .ezweb.ne.jp

# SoftBank
Allow from .jp-d.ne.jp .jp-h.ne.jp .jp-t.ne.jp .jp-c.ne.jp
.jp-k.ne.jp .jp-r.ne.jp .jp-n.ne.jp .jp-s.ne.jp .jp-q.ne.jp
.vodafone.ne.jp .softbank.ne.jp      # [実際には1行で記述]</pre>
<p>この方法はメンテが楽な反面、次のような問題があります。</p>
<ol>
<li>アクセスの度に、IPアドレスの逆引き処理が走るため、処理に時間がかかる</li>
<li>逆引きに失敗する可能性がある</li>
</ol>
<p>しかしながら、公式サイトのIPアドレス変更通知を定期的にチェックしなくてよいなど、<br />
メンテナンスが楽なため、負荷が少なく、個人サイトの場合はこちらがオススメです。<br />
なお、サーバのHostnamelookupsの設定値に関わらず、逆引き処理は行われるようです。</p>
<p class="spacer">&nbsp;</p>
<p>もう一つの方法は、キャリアのIPアドレスを指定し、アクセスを許可する方法です。</p>
<pre class="super-pre-small">
Order Deny,Allow
Deny from all

# 2007/10/25

# DoCoMo
Allow from 210.153.84.0/24 210.136.161.0/24 210.153.86.0/24

# au
Allow from 210.169.40.0/24 210.196.3.192/26 210.196.5.192/26
210.230.128.0/24 210.230.141.192/26 210.234.105.32/29
210.234.108.64/26 210.251.1.192/26 210.251.2.0/27 211.5.1.0/24
211.5.2.128/25 211.5.7.0/24 218.222.1.0/24 61.117.0.0/24
61.117.1.0/24 61.117.2.0/26 61.202.3.0/24 219.108.158.0/26
219.125.148.0/24 222.5.63.0/24 222.7.56.0/24 222.5.62.128/25
222.7.57.0/24 59.135.38.128/25 219.108.157.0/25 219.125.151.128/25
219.125.145.0/25 121.111.231.0/25      # [実際には1行で記述]

# SoftBank
Allow from 123.108.236.0/24 123.108.237.0/27 202.179.204.0/24
202.253.96.224/27 210.146.7.192/26 210.146.60.192/26
210.151.9.128/26 210.169.130.112/28 210.175.1.128/25
210.228.189.0/24 211.8.159.128/25     # [実際には1行で記述]</pre>
<p><small>※2007年10月25日現在の情報を元に作成しています</small></p>
<p>記載するIPアドレスは、各社公式サイトで公開されている情報を使用します。</p>
<ul>
<li><a href="http://www.nttdocomo.co.jp/service/imode/make/content/ip/index.html" target="_blank">ドコモ　iモードセンタの各種情報</a></li>
<li><a href="http://www.au.kddi.com/ezfactory/tec/spec/ezsava_ip.html" target="_blank">au　技術情報＞IPアドレス帯域</a></li>
<li><a href="http://developers.softbankmobile.co.jp/dp/tech_svc/web/ip.php" target="_blank">SoftBank　DevelopersSuportSite＞IPアドレス</a></li>
</ul>
<p>上記の情報は、希に更新されますので、定期的なチェックが必要になります。<br />
（本サイト上でも変更が確認でき次第、その都度ニュースとしてお知らせいたします）</p>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2007/10/27/ketai_only/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2007/10/27/ketai_only/" />
	</item>
		<item>
		<title>ケータイキャリア毎に振り分けを行うには（mod_rewrite編）</title>
		<link>http://ke-tai.org/blog/2007/10/26/agent-rewrite/</link>
		<comments>http://ke-tai.org/blog/2007/10/26/agent-rewrite/#comments</comments>
		<pubDate>Thu, 25 Oct 2007 15:02:40 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[サーバ]]></category>
		<category><![CDATA[全キャリア対応]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/2007/10/26/agent-rewrite/</guid>
		<description><![CDATA[先日執筆した「PHPでキャリア毎に振り分けを行うには（ユーザエージェント編）」に続き、
mod_rewriteを使った、携帯電話・PCの振り分け方法をご紹介しようと思います。
前回の方法ですと、PHPが動くサーバでなくて [...]]]></description>
			<content:encoded><![CDATA[<p>先日執筆した<a href="http://ke-tai.org/blog/2007/10/22/useragent/" target="_blank">「PHPでキャリア毎に振り分けを行うには（ユーザエージェント編）」</a>に続き、<br />
mod_rewriteを使った、携帯電話・PCの振り分け方法をご紹介しようと思います。</p>
<p>前回の方法ですと、PHPが動くサーバでなくてはなりませんでしたが、<br />
今回の方法ですと、「.htaccess」が置けて、「mod_rewrite」さえ動けばよいので、<br />
より多くのサーバで、より簡単に動作させることができると思われます。</p>
<p>設置方法は簡単で、振り分けを行いたいディレクトリの直下に、<br />
「.htaccess」ファイルを置くだけです。</p>
<p>今回の例でも</p>
<p>「http://example.jp/」 にアクセスがあった場合、</p>
<ul>
<li>ドコモは 「http://example.jp/<strong><font color="red">i/</font></strong>」 にジャンプ</li>
<li>auは 「http://example.jp/<strong><font color="red">au/</font></strong>」 にジャンプ</li>
<li>SoftBankは 「http://example.jp/<strong><font color="red">sb/</font></strong>」 にジャンプ</li>
<li>それ以外は通常通り「http://example.jp/」を表示</li>
</ul>
<p>と設定する場合のサンプルを記載します。</p>
<p><small>・example.jpのWeb公開領域直下に、「.htaccess」という名前で、下記の内容のファイルを設置</small></p>
<pre class="super-pre-small">
&lt;IfModule mod_rewrite.c&gt;
RewriteEngine On

# SoftBank
RewriteCond %{HTTP_USER_AGENT} ^J-PHONE [OR]
RewriteCond %{HTTP_USER_AGENT} ^Vodafone [OR]
RewriteCond %{HTTP_USER_AGENT} ^MOT- [OR]
RewriteCond %{HTTP_USER_AGENT} ^SoftBank
RewriteRule ^$ /sb/ [R=302,L]

# DoCoMo
RewriteCond %{HTTP_USER_AGENT} ^DoCoMo
RewriteRule ^$ /i/ [R=302,L]

# au(HDML-Only)
RewriteCond %{HTTP_USER_AGENT} ^UP.Browser
RewriteRule ^$ /au/ [R=302,L]

# au(HTML-OK)
RewriteCond %{HTTP_USER_AGENT} ^KDDI
RewriteRule ^$ /au/ [R=302,L]

&lt;/IfModule&gt;</pre>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2007/10/22/useragent/">PHPでキャリア毎に振り分けを行うには（ユーザエージェント編）</a></em></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2007/10/26/agent-rewrite/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2007/10/26/agent-rewrite/" />
	</item>
		<item>
		<title>PHPでキャリア毎に振り分けを行うには（ユーザエージェント編）</title>
		<link>http://ke-tai.org/blog/2007/10/22/useragent/</link>
		<comments>http://ke-tai.org/blog/2007/10/22/useragent/#comments</comments>
		<pubDate>Sun, 21 Oct 2007 16:11:23 +0000</pubDate>
		<dc:creator>matsui</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[全キャリア対応]]></category>

		<guid isPermaLink="false">http://ke-tai.org/blog/2007/10/22/useragent/</guid>
		<description><![CDATA[ 記念すべきリニューアル後一つめの記事は、原点に帰って、
「ユーザエージェントによるキャリアの振り分け」
について書こうと思います。
「http://example.jp/」 にアクセスがあった場合、

ドコモは 「ht [...]]]></description>
			<content:encoded><![CDATA[<p> 記念すべきリニューアル後一つめの記事は、原点に帰って、<br />
<strong>「ユーザエージェントによるキャリアの振り分け」</strong><br />
について書こうと思います。</p>
<p>「http://example.jp/」 にアクセスがあった場合、</p>
<ul>
<li>ドコモは 「http://example.jp/<strong><font color="red">i/</font></strong>」 にジャンプ</li>
<li>auは 「http://example.jp/<strong><font color="red">au/</font></strong>」 にジャンプ</li>
<li>SoftBankは 「http://example.jp/<strong><font color="red">sb/</font></strong>」 にジャンプ</li>
<li>それ以外は通常通り「http://example.jp/」を表示</li>
</ul>
<p>というようなケースはとてもよくあります。</p>
<p>PC版とモバイル版に分けるためというのはもちろんですが、各キャリア用のHTMLや画像を、それぞれのフォルダに用意すればよいので、各キャリアに最適化したサイトの制作が容易になるからです。</p>
<p>下記はそんな振り分けプログラムのサンプルです。</p>
<pre class="super-pre-small">
// ユーザエージェントの取得
$agent = $_SERVER['HTTP_USER_AGENT'];

if (preg_match('/^J-PHONE/', $agent) or
    preg_match('/^Vodafone/', $agent) or
    preg_match('/^SoftBank/', $agent) or
    preg_match('/^MOT-/', $agent)) {
    // J-PHONE, Vodafone, SoftBankの場合
    $dir = 'sb/';
} elseif (preg_match('/^DoCoMo/', $agent)) {
    // DoCoMoの場合
    $dir = 'i/';
} elseif (preg_match('/UP.Browser/', $agent)) {
    // auの場合
    if(preg_match('/^KDDI/', $agent)) {
        // au（HTML-OK）
        $dir = 'au/';
    } else {
        // au（HDML-Only）
        $dir = 'au/';
    }
} else {
    // その他PC等
    $dir = '';
}

$url = 'http://example.jp/' . $dir;
header('Location: ' . $url);        // 指定ページに移動
exit;</pre>
<p>ポイントはauよりも先にソフトバンクを判定することです。<br />
auだけではなく、ソフトバンク端末の中にも「UP.Browser」が搭載されている端末があります。</p>
<p>またソフトバンクの端末の中には「MOT-」から始まる特殊な端末があることにも注意してください。<br />
もっともこの端末のシェアはかなり低いと思われますので、アクセスがあることは少ないでしょう。</p>
<p>今回はPHPのコードをサンプルとして記載しますが、他の言語でも基本は同じです。</p>
<p class="spacer">&nbsp;</p>
<p><strong><em>関連：</em></strong></p>
<ul>
<li><em><a href="http://ke-tai.org/blog/2007/10/26/agent-rewrite/">ケータイキャリア毎に振り分けを行うには（mod_rewrite編）</a></em></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ke-tai.org/blog/2007/10/22/useragent/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://ke-tai.org/blog/2007/10/22/useragent/" />
	</item>
	</channel>
</rss>
