maxfactory | モバイル関連の技術メモ » mobile http://maxfactory.biz/blog モバイル（フィーチャーフォン、スマートフォン、タブレット）を中心とした技術メモ Thu, 14 Jul 2011 08:19:44 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 スマートフォン（iphone、androidなど）とタブレット（ipad,androidタブレット）を判別する方法 http://maxfactory.biz/blog/2011/05/27/device_f/ http://maxfactory.biz/blog/2011/05/27/device_f/#comments Fri, 27 May 2011 11:26:27 +0000 max http://maxfactory.biz/blog/?p=606 ユーザエージェントでの振り分けは、それぞれ下記が判別の条件になります。

デバイス 振分けルール
iphone ユーザエージェント内に「iPhone」の文字列が含まれていること
ipad ユーザエージェント内に「iPad」の文字列が含まれていること
android ユーザエージェント内に「Android」と「Mobile」の文字列が含まれていること
かつ
「SC-01C」の文字列が含まれていないこと
androidタブレット ユーザエージェント内に「Android」の文字列が含まれていること
かつ
「Mobile」の文字列が含まれていない、または、「SC-01C」の文字列が含まれていること
BlackBerry ユーザエージェント内に「BlackBerry」の文字列が含まれていること
windows mobile ユーザエージェント内に「IEMobile」の文字列が含まれていること

※androidの判別条件で、「SC-01C」の文字列で判別しているのは、下記が理由。
本来androidでタブレットかどうかの判別は、
「android」文字列のみが含まれている場合：スマートフォン
「android」と「mobile」の文字列が含まれる場合：タブレット
になるが、「GALAXY Tab SC-01C」はタブレットだが「Android」と「Mobile」が含まれているため、
「SC-01C（端末名）」の文字列をチェックして、GALAXY Tabをタブレットと判別するため。

▼スマートフォンユーザエージェント情報
スマートフォンのユーザエージェント一覧
▼参考サイト
◯Android のユーザーエージェントの検出について｜google webマスター向け　公式ブログ
http://googlewebmastercentral-ja.blogspot.com/2011/05/android.html

○android端末のユーザエージェント｜FAQ　ドコモサイト
http://www.dcm-gate.com/fordeveloper/android/faq.html#faq06

○androidでタブレットかどうかをユーザエージェントとざっくり判別する方法
http://blog.fkoji.com/2011/05021907.html

]]> http://maxfactory.biz/blog/2011/05/27/device_f/feed/ 0 [iphone][android]メールや電話などのリンク http://maxfactory.biz/blog/2011/02/24/smartfon_link/ http://maxfactory.biz/blog/2011/02/24/smartfon_link/#comments Thu, 24 Feb 2011 09:24:46 +0000 max http://maxfactory.biz/blog/?p=553 確認した端末は、iphone 3GS（os：iOS4）とHTC Aria S31HT（os:android2.2）です。

▼SMS

<a href=”sms:メールアドレス”>SMS</a>
▼メール

<a href=”mailto:メールアドレス”>mail</a>
▼電話

<a href=”tel:電話番号”>tel</a>
▼Youtube

<a href=”動画URL”>youtube</a>

例）
<a href=”http://www.youtube.com/watch?v=cbI0r0CIT18″>youtube</a>
※android：「Youtube」または「ブラウザ」で開くかアプリケーションの選択があります。
※iphone：Youtubeのアプリケーションで開きます。

▼google MAP

http://maps.google.com/maps?q=「緯度・経度」や「住所・地名」

例１：住所・地名）
<a href=”http://maps.google.com/maps?q=横浜駅”>google MAP</a>
例２：緯度・経度）
<a href=”http://maps.google.com/maps?q=http://maps.google.co.jp/maps?q=35.466084,139.62224″>google MAP</a>
※android：「マップ」または「ブラウザ」で開くかアプリケーションの選択があります。
※iphone：google mapのアプリケーションで開きます。

▼google MAP（経路）
1.車の経路

<a href=”http://maps.google.com/maps?saddr=出発点&daddr=到着点&dirflg=d”>車の経路</a>

※パラメータのdirflg=dが「車」設定
2.徒歩の経路

<a href=”http://maps.google.com/maps?saddr=出発点&daddr=到着点&dirflg=w”>徒歩の経路</a>

※パラメータのdirflg=wが「徒歩」設定

▼iTunesフロントページ

<a href=”itms://phobos.apple.com/storeFront”>iTunes</a>

※android：「ページがありません」Not Foundエラー

◯参考サイト
http://ipn3g.com/web/study5.html

]]> http://maxfactory.biz/blog/2011/02/24/smartfon_link/feed/ 0 【iphone】電話番号を勝手にリンクしてしまう機能の制御 http://maxfactory.biz/blog/2011/02/16/iphone_tel/ http://maxfactory.biz/blog/2011/02/16/iphone_tel/#comments Wed, 16 Feb 2011 05:28:43 +0000 max http://maxfactory.biz/blog/?p=545 iphone（Safari）は、「ー（ハイフン）」を含む数値があれば、
その箇所を電話番号と判断して、自動的にリンクする機能があります。

なので、そこ電話番号じゃねーってとこにリンクしてしまうことがあります。
その機能は下記の記述で利用しないようにできます。

<meta name=”format-detection” content=”telephone=no”>
]]> http://maxfactory.biz/blog/2011/02/16/iphone_tel/feed/ 0 [mobile]携帯XHTMLの入力モード http://maxfactory.biz/blog/2010/11/26/mobile_input_mode/ http://maxfactory.biz/blog/2010/11/26/mobile_input_mode/#comments Fri, 26 Nov 2010 10:30:19 +0000 max http://maxfactory.biz/blog/?p=539 XHTMLの入力モードの設定で、気をつけること。ついつい忘れてしまうのでメモ。
SoftBank端末に対してDoCoMo互換の-wap-input-formatを指定した場合、
文字種変更しようとしても変更ができなくなる端末があります。SH系など。

なのでキャリアごとに設定を切り替えて対応します。
■DoCoMo端末
style=-wap-input-formatのみ記述
■au/SoftBank端末
istyle、format、modeをすべて記述

◯参考サイト
http://d.hatena.ne.jp/Yudoufu/20080914/1221393041

]]> http://maxfactory.biz/blog/2010/11/26/mobile_input_mode/feed/ 0 [mobile]SSL通信時に警告画面がでるタイミング http://maxfactory.biz/blog/2010/11/09/mobiel_ssl_alert/ http://maxfactory.biz/blog/2010/11/09/mobiel_ssl_alert/#comments Tue, 09 Nov 2010 09:18:26 +0000 max http://maxfactory.biz/blog/?p=529 SSL通信時に「サイト内に安全性が確認できない項目があります。それらも取得しますか？ 」と表示されてしまう。ユーザに不信感を与えるこの警告。。

docomoiモードブラウザ2.0端末（かな?!）でSSLページ内にHTTP画像がある場合にこのようなダイアログがでるようです。
今回は利用しているアクセス解析がimgタグ（HTTPフルパス）形式でそれが原因で上記の警告がでていました。

下記の参考にしたサイトがSSL通信時に警告画面がでるタイミングをまとめてくれています。
◯携帯でSSL通信時の警告画面が表示される条件とは？
http://symple.jp/96.html

あとは、docomo SSL通信だと、「SSL通信を開始します」と何度もでてしまう現象。
リクエストの度にアラートがでるので画像が多いと多くアラートがでます。
これの回避は「KeepAlive On」に設定すること。

◯参考サイト
http://www.pictnotes.jp/?p=110
http://www.nttdocomo.co.jp/service/imode/make/content/ssl/flow/

]]> http://maxfactory.biz/blog/2010/11/09/mobiel_ssl_alert/feed/ 0 [mobile]photoshop CS5でweb保存した画像が見れない端末がある件 http://maxfactory.biz/blog/2010/07/29/mobilephotoshop-cs5%e3%81%a7web%e4%bf%9d%e5%ad%98%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%8c%e8%a6%8b%e3%82%8c%e3%81%aa%e3%81%84%e7%ab%af%e6%9c%ab%e3%81%8c%e3%81%82%e3%82%8b%e4%bb%b6/ http://maxfactory.biz/blog/2010/07/29/mobilephotoshop-cs5%e3%81%a7web%e4%bf%9d%e5%ad%98%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%8c%e8%a6%8b%e3%82%8c%e3%81%aa%e3%81%84%e7%ab%af%e6%9c%ab%e3%81%8c%e3%81%82%e3%82%8b%e4%bb%b6/#comments Thu, 29 Jul 2010 09:00:55 +0000 max http://maxfactory.biz/blog/?p=506 photoshop CS5で「web用またはデバイス用に保存」したgif画像が、
一部の端末で表示できないという現象がありました。
表示できなかった端末：Softbank 905SH

原因は、保存の設定時にメタデータを設定しているためでした。
メタデータの設定は「なし」にしなければいけません。
※メタデータ設定箇所は下部の画像参照

デフォルトがメタデータ「なし」ではないので、設定を変更せずに保存するとこの罠にはまります。

]]> http://maxfactory.biz/blog/2010/07/29/mobilephotoshop-cs5%e3%81%a7web%e4%bf%9d%e5%ad%98%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%8c%e8%a6%8b%e3%82%8c%e3%81%aa%e3%81%84%e7%ab%af%e6%9c%ab%e3%81%8c%e3%81%82%e3%82%8b%e4%bb%b6/feed/ 0 [スマートフォン]ユーザエージェント一覧 http://maxfactory.biz/blog/2010/07/15/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%83%a6%e3%83%bc%e3%82%b6%e3%82%a8%e3%83%bc%e3%82%b8%e3%82%a7%e3%83%b3%e3%83%88%e4%b8%80%e8%a6%a7/ http://maxfactory.biz/blog/2010/07/15/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%83%a6%e3%83%bc%e3%82%b6%e3%82%a8%e3%83%bc%e3%82%b8%e3%82%a7%e3%83%b3%e3%83%88%e4%b8%80%e8%a6%a7/#comments Thu, 15 Jul 2010 05:32:23 +0000 max http://maxfactory.biz/blog/?p=495 主要のスマートフォンのユーザエージェントです。

※【2011/3/30追記】端末も増えてきたので、追加したものをこちらに作成しました。

キャリア 端末 OS
バージョン		 ユーザーエージェント
DoCoMo HT-03A Android 1.5 Mozilla/5.0 (Linux; U; Android 1.5; ja-jp; HT-03A Build/CDB72)

AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1
Android 1.6 Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; Docomo HT-03A Build/DRD08)
AppleWebKit/528.5+(KHTML, like Gecko) Version/3.1.2 Mobile Safari/ 525.20.1
Xperia™ Android 1.6 Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; SonyEricssonSO-01B Build/R1EA018)

AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1
BlackBerry - BlackBerry9000/4.6.0.224 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/220
SoftBank HTC Desire Android 2.1 Mozilla/5.0 (Linux; U; Android 2.1-update1; ja-jp; HTCX06HT Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17
iphone3G
iphone3GS		 iphone OS3 Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; ja-jp) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16
iphone4 iOS4 Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7
au IS01 Android 1.6 Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; IS01 Build/S6191) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1
]]> http://maxfactory.biz/blog/2010/07/15/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%83%a6%e3%83%bc%e3%82%b6%e3%82%a8%e3%83%bc%e3%82%b8%e3%82%a7%e3%83%b3%e3%83%88%e4%b8%80%e8%a6%a7/feed/ 0 [mobile]デコメ画像のgifフォーマットによっては再配布禁止になる http://maxfactory.biz/blog/2010/05/14/mobile%e3%83%87%e3%82%b3%e3%83%a1%e7%94%bb%e5%83%8f%e3%81%aegif%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%83%e3%83%88%e3%81%ab%e3%82%88%e3%81%a3%e3%81%a6%e3%81%af%e5%86%8d%e9%85%8d%e5%b8%83%e7%a6%81/ http://maxfactory.biz/blog/2010/05/14/mobile%e3%83%87%e3%82%b3%e3%83%a1%e7%94%bb%e5%83%8f%e3%81%aegif%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%83%e3%83%88%e3%81%ab%e3%82%88%e3%81%a3%e3%81%a6%e3%81%af%e5%86%8d%e9%85%8d%e5%b8%83%e7%a6%81/#comments Fri, 14 May 2010 02:16:40 +0000 max http://maxfactory.biz/blog/?p=490 携帯サイト上の画像の再配布を禁止するのは、下記の設定によってできます。
docomo：画像データに「copy=”NO”」を追記
au；画像データに「kddi_copyright=on」を追記
softbank：画像拡張子をjpgからjpzに変更

◯画像の再配布を禁止する （コピーや転送を不可にする）
http://dspt.blog59.fc2.com/blog-entry-10.html

今回は、上記の設定を指定ないのに、
docomoで転送ができない状態になってしまった。

原因は、gifフォーマットの違いによるものでした。
docomoではgifフォーマットが87aの場合は転送禁止設定になります。
（au、softbankでは問題ありません）

転送を可能にするには、89aにする必要があります。

※今回、87aフォーマットになってしまったのは、
下記のサイトと同様にPHP+GDで画像にテキストを埋め込みデコメ画像生成をやっていてでした。
◯うわああああGIFがああああ！
http://doudemoiiyon.blog86.fc2.com/blog-entry-8.html

]]> http://maxfactory.biz/blog/2010/05/14/mobile%e3%83%87%e3%82%b3%e3%83%a1%e7%94%bb%e5%83%8f%e3%81%aegif%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%83%e3%83%88%e3%81%ab%e3%82%88%e3%81%a3%e3%81%a6%e3%81%af%e5%86%8d%e9%85%8d%e5%b8%83%e7%a6%81/feed/ 0 [flex][mobile]Slider: Flex Mobile Framework http://maxfactory.biz/blog/2010/04/06/flexmobileslider-flex-mobile-framework/ http://maxfactory.biz/blog/2010/04/06/flexmobileslider-flex-mobile-framework/#comments Tue, 06 Apr 2010 01:44:51 +0000 max http://maxfactory.biz/blog/?p=470 モバイル用のflex frameworkがついに出る！
これにより、flashで容易にiPhone/iPod touchアプリやiPad、Android, WindowsMobileのアプリ作れる！
すごいことになってきた。めちゃくちゃ期待している。

◯Slider:Flex Mobile Framework
http://labs.adobe.com/technologies/flex/mobile/

◯fladdict先生ブログ：Adobe, Mobile用Flex を発表
http://fladdict.net/blog/2010/04/adobe-mobile-flex.html

]]> http://maxfactory.biz/blog/2010/04/06/flexmobileslider-flex-mobile-framework/feed/ 0 [mobile]htaccessで特定の個体識別番号端末(uid)の処理を変える http://maxfactory.biz/blog/2010/02/24/mobilehtaccess%e3%81%a7%e7%89%b9%e5%ae%9a%e3%81%ae%e5%80%8b%e4%bd%93%e8%ad%98%e5%88%a5%e7%95%aa%e5%8f%b7%e7%ab%af%e6%9c%abuid%e3%81%ae%e5%87%a6%e7%90%86%e3%82%92%e5%a4%89%e3%81%88%e3%82%8b/ http://maxfactory.biz/blog/2010/02/24/mobilehtaccess%e3%81%a7%e7%89%b9%e5%ae%9a%e3%81%ae%e5%80%8b%e4%bd%93%e8%ad%98%e5%88%a5%e7%95%aa%e5%8f%b7%e7%ab%af%e6%9c%abuid%e3%81%ae%e5%87%a6%e7%90%86%e3%82%92%e5%a4%89%e3%81%88%e3%82%8b/#comments Wed, 24 Feb 2010 06:47:26 +0000 max http://maxfactory.biz/blog/?p=426 RewriteRuleで特定の個体識別番号端末(uid)だけ別処理（ページ）に遷移させます。
サイトアップデートなどのメンテナンス時に、
テスト端末だけ閲覧できるように制御するときなどに使えます。

例えば、下記は３キャリア(au,docomo,softbank)でアクセスしたら、
指定の端末以外はment.html（メンテナンスページを想定）に遷移します。

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP?.Browser|J-PHONE|Vodafone|SoftBank)
RewriteCond %{HTTP:X-UP-SUBNO} !^au サブスクライバID$
RewriteCond %{HTTP:X-DCMGUID} !^docomo iモードID$
RewriteCond %{HTTP:X-JPHONE-UID} !^softbank 端末シリアル番号$
RewriteRule ^$ /ment.html [R]
]]> http://maxfactory.biz/blog/2010/02/24/mobilehtaccess%e3%81%a7%e7%89%b9%e5%ae%9a%e3%81%ae%e5%80%8b%e4%bd%93%e8%ad%98%e5%88%a5%e7%95%aa%e5%8f%b7%e7%ab%af%e6%9c%abuid%e3%81%ae%e5%87%a6%e7%90%86%e3%82%92%e5%a4%89%e3%81%88%e3%82%8b/feed/ 0