maxfactory | モバイル関連の技術メモ 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 google AnalyticsのAPIメモ http://maxfactory.biz/blog/2011/04/22/googleanalyticsapi/ http://maxfactory.biz/blog/2011/04/22/googleanalyticsapi/#comments Fri, 22 Apr 2011 07:52:02 +0000 max http://maxfactory.biz/blog/?p=599 google AnalyticsのAPIについて簡単に調べたのをメモ。

■概要
◯Google Analytics 開発者向けドキュメント
http://code.google.com/intl/ja/apis/analytics/docs/index.html

今回はData Export APIについて
http://code.google.com/intl/ja/apis/analytics/docs/gdata/home.html

GoogleAnalyticsのトラッキングコードを埋め込んで、
集計したアクセス解析データを取得できるもの。
これを利用してGoogleAnalyticsとは、
別の管理画面を設けて用途にあったUIに変更することができる。
※GoogleAnalytics管理画面上にある機能は基本的取得できる。

■リファレンス
http://www.kagua.biz/api/gaapijp.html

■実際利用してみる
・PHPのライブラリを使用すると楽
http://www.askaboutphp.com/63/google-analytics-api-class-for-php.html

・使用例
http://www.plusmb.jp/2010/04/12/5381.html
http://kota.oue.me/php%E3%81%A7google-analytics-api%E3%82%92%E3%81%84%E3%81%98%E3%82%8B%E3%80%82/
http://www.exgear.jp/blog/2010/10/googleanalyticsapi-php/

・事例
http://www.mailchimp.com/features/google-analytics/

]]> http://maxfactory.biz/blog/2011/04/22/googleanalyticsapi/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 File size limit exceeded http://maxfactory.biz/blog/2010/11/22/file-size-limit-exceeded/ http://maxfactory.biz/blog/2010/11/22/file-size-limit-exceeded/#comments Mon, 22 Nov 2010 12:32:55 +0000 max http://maxfactory.biz/blog/?p=534 Redhat LinuxでApacheが起動しない現象に起こった。。

apacheのerror_logを確認すると、ファイルサイズがリミットに達しているとエラーがでていた。

[日付] [notice] child pid 13119 exit signal File size limit exceeded (25)

これが原因で起動していなかった。
ファイルサイズがリミットに達しているファイルをリネイム（削除）して、
apache起動すると解決した。

◯参考サイト
http://blog.unknown.jp/mt/archives/000187.html

]]> http://maxfactory.biz/blog/2010/11/22/file-size-limit-exceeded/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 [twitter]ツイート内のURLからサムネイル画像を表示する http://maxfactory.biz/blog/2010/10/04/twitter_image_thumbnails/ http://maxfactory.biz/blog/2010/10/04/twitter_image_thumbnails/#comments Mon, 04 Oct 2010 12:07:41 +0000 max http://maxfactory.biz/blog/?p=518 ツイート内のURLからサムネイル画像を表示しているtwitterクライアントをよく見ますが、
各画像投稿サービスがサムネイル画像表示用のAPIを公開してくれているので、実装できています。

下記、画像投稿サービスのサムネイル画像の URLについて、
非常によくまとめられているサイトがありました。（これ、すごーい）

◯Twitpic 等の画像投稿サービスのサムネイル画像の URL
http://blog.irons.jp/2009/12/23/twitter_thumb_url/

ただ、携帯百景などはAPIが公開されていないはず。
それが掲載されているのはすごいけど、利用していいのかなと、、。

]]> http://maxfactory.biz/blog/2010/10/04/twitter_image_thumbnails/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