iPhone Safari電話機能呼び出し検証
iPhoneのSafariには電話番号と認識すると、電話機能へのリンクを作成する機能が備わっています。
まずは、検証用のソースコードと検証結果をご覧下さい。
■検証ソースコード
<body>
01: 09012345678<br />
02: 090-12345678<br />
03: 090-1234-5678<br />
04: 09-01-23-45-67-8<br />
05: 09-01-23-4-56-7-89<br />
06: 09-01-23-4-56-789<br />
07: 090-1234-5678-9012<br />
08: 090-1234-5678-90123<br />
09: 090-1234-5678-901-23<br />
10: 090-1234-567<br />
11: 090-123-456<br />
12: 090-12-345<br />
13: 090-1-234<br />
14: 090-1-23<br />
15: 090-1-2-3<br />
16: 09-1-234<br />
17: 333-3333-3333<br />
18: 番号は090-1234-5678です<br />
19: 番号は090-1234-567です<br />
20: 番号は0901234567です<br />
21: 番号は 090-1234-5678 です<br />
22: 090-1-2345678<br />
23: 090-123-45678<br />
24: 090-123456-78<br />
25: 190-123456-78<br />
26: 090 12 34 56 78<br />
27: 0 9 0 - 1 2 3 4 5 6 - 7 8<br />
28: 090 - 123456-78<br />
29: 090-12345678-12345678<br />
30: 090+1234+5678<br />
31: 090‐1234‐5678<br />
32: 090*1234*5678<br />
</body>
■検証結果スクリーンショット
まず上記で検証できたことをざっと説明すると、
・トークンで区切られた場所を先頭に数値と半角ハイフンの組み合わせで7桁以上16桁未満の場合、電話番号と認識する。
まぁ、見てもらったとおり、半端な機能で使い勝手が悪いので、基本はOFFにしておくべきでしょう。
また、電話番号として認識させたいときは上記の12番の場合都合が悪いので番号の先頭の前に半角スペースを入れることで対処できます。
まずは、検証用のソースコードと検証結果をご覧下さい。
■検証ソースコード
<body>
01: 09012345678<br />
02: 090-12345678<br />
03: 090-1234-5678<br />
04: 09-01-23-45-67-8<br />
05: 09-01-23-4-56-7-89<br />
06: 09-01-23-4-56-789<br />
07: 090-1234-5678-9012<br />
08: 090-1234-5678-90123<br />
09: 090-1234-5678-901-23<br />
10: 090-1234-567<br />
11: 090-123-456<br />
12: 090-12-345<br />
13: 090-1-234<br />
14: 090-1-23<br />
15: 090-1-2-3<br />
16: 09-1-234<br />
17: 333-3333-3333<br />
18: 番号は090-1234-5678です<br />
19: 番号は090-1234-567です<br />
20: 番号は0901234567です<br />
21: 番号は 090-1234-5678 です<br />
22: 090-1-2345678<br />
23: 090-123-45678<br />
24: 090-123456-78<br />
25: 190-123456-78<br />
26: 090 12 34 56 78<br />
27: 0 9 0 - 1 2 3 4 5 6 - 7 8<br />
28: 090 - 123456-78<br />
29: 090-12345678-12345678<br />
30: 090+1234+5678<br />
31: 090‐1234‐5678<br />
32: 090*1234*5678<br />
</body>
■検証結果スクリーンショット
まず上記で検証できたことをざっと説明すると、
・トークンで区切られた場所を先頭に数値と半角ハイフンの組み合わせで7桁以上16桁未満の場合、電話番号と認識する。
まぁ、見てもらったとおり、半端な機能で使い勝手が悪いので、基本はOFFにしておくべきでしょう。
また、電話番号として認識させたいときは上記の12番の場合都合が悪いので番号の先頭の前に半角スペースを入れることで対処できます。
iPhone Safariに思うこと
今日はiPhoneのSafariを約1ヶ月弱使ってみての感想です。
■まず、FLASH非対応は意外と痛い。
先月までシェア99%以上と言われているFLASH。
最近ではHTML版を用意しないサイトも結構あります。
これからのサイトはAJAXやAPI、フレームワークなどもあるので
基本FLASHは避けて作る流れに移行するのではないでしょうか。
■文字化けが多い。
これはサイトの作り手側の問題なのですが、HTMLで明確に
文字コードを指定していない場合、大抵文字化けしています。
特に、WEB標準が謳われる以前のページは全滅に近いのでは、、。
■動作速度は良好
旧式(ボタン式)のケータイ用フルブラウザと比較して、
かなり高速に動作します。
動画、音声、高解像度写真などを使用しなければ
モバイル用だからといってファイルサイズを意識する必要は無いでしょう。
■横向き表示は基本しない
ブラウザ以外の半数以上のアプリは横向きで動作しません。
また、横向きの場合、片手で操作できません。
そのため、家などで7割、外出時は9割以上縦向きに使います。
■デフォルト表示サイズが小さい
iPhone専用設計以外のサイトも、難なく表示できるが、デフォルトサイズが
全体を表示するようになっています。
現在主流の横幅1000px前後のページを立て向きで表示すると表示サイズが
非常に小さくなります。
■ダブルタップは利用頻度が高い。
iPhone Safariではデフォルト画面表示が小さくなることが多いため、
ダブルタップによる拡大・縮小を頻繁に行います。
逆に片手で操作できないピンチはよっぽどで無い限り利用しません。
以上6点が約1ヶ月使用した所感です。
これらをベースにサイトの設計を行うことにします。
■まず、FLASH非対応は意外と痛い。
先月までシェア99%以上と言われているFLASH。
最近ではHTML版を用意しないサイトも結構あります。
これからのサイトはAJAXやAPI、フレームワークなどもあるので
基本FLASHは避けて作る流れに移行するのではないでしょうか。
■文字化けが多い。
これはサイトの作り手側の問題なのですが、HTMLで明確に
文字コードを指定していない場合、大抵文字化けしています。
特に、WEB標準が謳われる以前のページは全滅に近いのでは、、。
■動作速度は良好
旧式(ボタン式)のケータイ用フルブラウザと比較して、
かなり高速に動作します。
動画、音声、高解像度写真などを使用しなければ
モバイル用だからといってファイルサイズを意識する必要は無いでしょう。
■横向き表示は基本しない
ブラウザ以外の半数以上のアプリは横向きで動作しません。
また、横向きの場合、片手で操作できません。
そのため、家などで7割、外出時は9割以上縦向きに使います。
■デフォルト表示サイズが小さい
iPhone専用設計以外のサイトも、難なく表示できるが、デフォルトサイズが
全体を表示するようになっています。
現在主流の横幅1000px前後のページを立て向きで表示すると表示サイズが
非常に小さくなります。
■ダブルタップは利用頻度が高い。
iPhone Safariではデフォルト画面表示が小さくなることが多いため、
ダブルタップによる拡大・縮小を頻繁に行います。
逆に片手で操作できないピンチはよっぽどで無い限り利用しません。
以上6点が約1ヶ月使用した所感です。
これらをベースにサイトの設計を行うことにします。