クジラ飛行机が書いた Flex4 & Flash Builder 4 の「Flex＆Flash Builder 4 による Webアプリケーション開発ガイドブック」がついに発売になりました！

RIA の王者、Flex の最新版である、Flex4 では美しいフレームワークにさらに磨きがかかり、とても洗練されたものになっています。HTML5が話題になり、最近では、Flash は敬遠されがちですが、高度な UI を持つ Flex は、業務系アプリケーションをさくっと作るには欠かせない存在です。ぜひ、この本で、Flex の魅力を堪能してみてください。

国内の有名スマートフォン端末の画面サイズを調べてみました。

HTML5への対応状況について調べていました。既にまとめサイトがたくさんあるので、そちらに譲りますのでリンク集のみ。

• HTML5API系ブラウザ別対応状況と見ておきたいサイトまとめ
  • http://melab.vivian.jp/archives/117
• When can I use...
  • http://caniuse.com/

JavaScript の replace 関数は、正規表現が使え、コールバック関数まで使えるという非常に便利なものです。でも、たまに使うときは使い方を忘れてしまうんです。

• Mozillaのreplaceの解説

を見て動作を確認。

Android の UserAgent から Android のバージョンと端末名を取得するのは、以下のように書いてみました。もっとエレガントな書き方があれば教えてください。

    var ua = navigator.userAgent;
    // 例えば au の IS01 の場合
    ua = 'Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; IS01 Build/S6191) AppleWebKit..';
    var android_ver, dev_name;
    ua.replace(/Android (.*);.*;\s*(.*)\sBuild/, function(ma, m1, m2) {
        android_ver = m1;
        dev_name    = m2;
    });
    alert(android_ver + "," + dev_name); // 1.6,IS01 が得られる

正攻法だと以下ですね。replace() 使うよりは、こっちのほうがいいかな。

    var ua = navigator.userAgent;
    // 例えば
    ua = 'Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; IS01 Build/S6191) AppleWebKit..';
    var regex = /Android (.*);.*;\s*(.*)\sBuild/;
    var match = regex.exec(ua);
    var android_ver = match[1];
    var dev_name = match[2];
    alert(android_ver + "," + dev_name); // 1.6,IS01 が得られる

Safariのリファレンス見ると、HTML5で <audio>,<video>タグのサポート状況が載せられています。

該当部分を引用すると次の通り:

音声形式: Safari on iPhone OS (including iPad) currently supports uncompressed WAV and AIF audio, MP3 audio, and AAC-LC or HE-AAC audio. HE-AAC is the preferred format.

動画形式: Safari on iPhone OS (including iPad) currently supports MPEG-4 video (Baseline profile) and QuickTime movies encoded with H.264 video (Baseline profile) and one of the supported audio types.

iPad and iPhone 3G and later support H.264 Baseline profile 3.1. Earlier versions of iPhone support H.264 Baseline profile 3.0.

• Safari Reference Library より引用