MAX Factory

Icon

モバイル(フィーチャーフォン、スマートフォン、タブレット)を中心とした技術メモ

デジハリ・オンラインスクールでスマートフォンサイト構築講座の講師やります!

スマートフォンサイトをこれから始めたい方は、是非一度を覗いてみてください。

スマートフォンサイト構築講座

スマートフォン(iphone、androidなど)とタブレット(ipad,androidタブレット)を判別する方法

ユーザエージェントでの振り分けは、それぞれ下記が判別の条件になります。
続きを読む

[iphone][android]メールや電話などのリンク

確認した端末は、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=「緯度・経度」や「住所・地名」

例1:住所・地名)
<a href=”http://maps.google.com/maps?q=横浜駅”>google MAP</a>
例2:緯度・経度)
<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

【iphone】電話番号を勝手にリンクしてしまう機能の制御

iphone(Safari)は、「ー(ハイフン)」を含む数値があれば、
その箇所を電話番号と判断して、自動的にリンクする機能があります。

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

<meta name=”format-detection” content=”telephone=no”>

[mobile]携帯XHTMLの入力モード

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

[mobile]SSL通信時に警告画面がでるタイミング

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/

 

2012年5月
« 5月    
 123456
78910111213
14151617181920
21222324252627
28293031  

プロフィール

Author:max

ディレクター(モバイルサイト・PCサイト・アプリ)

場合によっては、開発/制作業務もやっています。

元クリエイターなので趣味が面白そうなものを作る事

◆受賞歴
モバイルウィジェットコンテスト

Yahoo×SoftBank主催

[アドビシステムズ賞(銀賞)]
ペパボクリエイターズコンテスト 戻るボタンアワード

paperboy&co.主催

[ムームードメイン賞]

Twitter

Twitter Updates

    follow me on Twitter