ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

ASCII.jpに役に立ちそうな記事を見つけましたのでご紹介します。

iPhoneやAndroid向けのサイトデザイン作成テクニックを紹介した記事です。

→　ASCII.jp　実践！iPhone＆Androidサイト制作ガイド　スマートフォン対応サイトの作り方、教えます [ascii.jp]

「実践！iPhone＆Androidサイト制作ガイド」という連載の第1回目です。

目次としては、次の4章構成となっています。

1. こんなにあるスマートフォン向けサイト
2. スマートフォンへの対応方法あれこれ
3. iPhone、Androidサイト制作に必要な知識
4. iPhone、Android向けサイト制作のアプローチ

1章では、有名どころのスマートフォン向けサイトの紹介。
2章では、専用アプリを作成して対応、サイトの一部のみ対応といった対応方法について。
3章と4章では、前提となる知識の列挙と、制作方法の指針について解説されています。

iPhoneやXperiaなど、今までケータイが確保していたシェアをスマートフォンがどんどん奪っていっています。

今後は、ケータイ向けサイトとスマートフォン向けサイトの両対応は避けて通れないでしょう。

そんなときにこのような連載は役に立つのではないでしょうか。

関連：

• iPhoneサイトのデザインがまとめられた「iPhoneデザインアーカイブ」がオープンしたとのことです
• iPhone向けサイト作成のテクニックがこの1ページで全てわかる「iPhone向けサイト構築 基礎文法最速マスター」
• @ITで連載されている実践的なAndroid開発解説記事「Androidアプリ作成入門」

iPhoneに関するニュースです。

米著作権局はiPhoneの脱獄(JailBreak)は、「デジタルミレニアム著作権法（DMCA）」の適用外で、合法であると判断したようです。

→　ITmedia New　iPhoneのロック解除は合法に　米著作権局が決定 [www.itmedia.co.jp]

これによってユーザは脱獄の選択肢を得ることになり、アプリケーション革命が起こるのではないかという意見が出ています。

→　脱獄の合法化でiPhoneアプリケーションの革命が始まるか？ [jp.techcrunch.com]

逆に脱獄するとアップルの保障外になるため、一般ユーザはそんなことを行わず関係ないのではないかという見方もあります。

→　脱獄iPhone合法なんてたいした問題ではない。なぜか？ [www.gizmodo.jp]

他にも脱獄を巡る問題については、下記のコラムがよくまとまっていると思います。

→　PC Online　iPhone破りは合法か？：林 伸夫「Long and Winding Mac」 [pc.nikkeibp.co.jp]

ただ、これらの話はあくまで米国でのことです。
日本国内ではどうなるかわからないので、脱獄する際はあくまで自己責任で、という形になりますのでご注意ください。

関連：

• iPhoneサイトのデザインがまとめられた「iPhoneデザインアーカイブ」がオープンしたとのことです
• iPhone向けサイト作成のテクニックがこの1ページで全てわかる「iPhone向けサイト構築 基礎文法最速マスター」
• この春に発売される各キャリアのアンドロイド端末事情まとめ

面白い記事を見かけたのでご紹介します。

ケータイのセキュリティに詳しい徳丸氏による、ケータイのJavaScript実装についてのブログエントリーです。

→　ockeghem(徳丸浩)の日記　携帯電話事業者に学ぶ「XSS対策」 [d.hatena.ne.jp]

XSS脆弱性のあるスクリプトを用意して、ドコモのiモードブラウザ2.0端末と、ソフトバンクのJavaScript対応でテストを行うという内容なのですが、なかなかダメダメな実装となっています。

詳しくは上記のリンク先を見ていただくとして概要だけ触れると、ドコモはalertやconfirmを殺しているので一見動作せず。
ソフトバンクも「<」「>」「”」をカットしている、しかしパーセントエンコードを使うと入力できてしまう、という状況のようです。

どちらも一見XSSが起きないように対策を取っているようで（ドコモの方はXSS対策したつもりではないのかもしれませんが）、まったく意味がないという状態です。
特にソフトバンクの対応はひどいですね。

当たり前のことですが、ケータイサイトを作成する際にもPCサイトと同じようにXSS対策はしっかり行おう、というそんなお話でした。

関連：

• 6月25日にモバイルWebセキュリティの無料セミナー「スマートフォン時代のモバイルWebセキュリティ対策の極意」が行われるとのことです
• FlashをHTML5・JavaScriptに変換して動かすSmokescreenというものがあるそうです
• Yahoo!ケータイのかんたんログイン脆弱性について詳しく解説された講演資料「ケータイ2.0が開けてしまったパンドラの箱 」

興味深いブログエントリーを見つけましたのでご紹介します。

mixiでも使われており、ImageMagickより3倍高速という画像処理ライブラリ「Imlib2」について解説された記事です。

記事内ではサムネイル画像生成について触れられていますが、ケータイサイトではサムネイル作成はもちろん、「各端末の画面サイズに合わせて画像をリサイズ」という処理を使うことが多いため、何かと応用が利くのではないでしょうか。

→　床のトルストイ、ゲイとするとのこと　Imlib2でImageMagickより3倍高速かつ美しいサムネイル画像の生成 [d.hatena.ne.jp]

「Imlib2」はCで書かれた画像処理ライブラリです。

サーバサイドで良く使われる画像処理ライブラリとしては「ImageMagick」が有名ですが、それと比べるとImlib2は、画質は多少劣るものの、速度で勝っているとのことです。

本記事ではそんなImlib2について、インストール方法や使い方から、速度のベンチマークから画質の違いについてまで解説されています。

詳細については上記のリンクから記事の方を読んでいただくとして、結論としては、

• ImageMagickより3倍速い
• Imlib2の方が画質が悪いとされているが、パラメータの調整で高品質の画像を得ることができる

とのことです。

なかなか魅力的な評価ですね。

画像処理の負荷でお悩みの方はチェックしてみてはいかがでしょうか。

関連：

• GIGAZINEに掲載されていた記事「モバイルページ向けの画像をリアルタイムで作成するためにlsyncdを使ってみた」
• PHPによるメール受信処理が解説された記事「GPS携帯を使った口コミサイト構築 – PHPによるメールの受信処理 – (前編)」
• 各キャリアの画像保存・転送制限の設定方法をまとめてみました

ケータイ関連の書籍を購入しましたので、ブックレビューを書かせていただこうと思います。

→　amazon　ケータイHTML ポケットリファレンス [amazon.co.jp]

本書「ケータイHTML ポケットリファレンス」は、2010年5月に発売されたばかりの書籍です。

その名の通り、ケータイHTMLのリファレンスとなっており、目的や用語、タグなどのキーワードを元に辞書的に使える本です。

このポケットリファレンスは、他にも多くのシリーズが出版されており、よく目にしますね。

詳細な目次はこちらのページにあります。

→　技術評論社　書籍案内：ケータイHTMLポケットリファレンス [gihyo.jp]

さすが出たばかりの本だけあって、iモード2.0用のタグが紹介されていたり、JavaScript対応端末に向けたタグにも触れられていたりと、最新の情報が載っています。

HDMLやJ-Skyなどの既に停波となった端末用のタグが載ってないのも、すっきりしていて嬉しいところです。

基本的なタグから、GPSからの位置取得などケータイならではのタグ、Flashのよみこみや動画ファイルのタグなど、日常使うほとんどのタグが網羅されていると思います。

そのタグの対応端末や、実際にケータイで表示した場合の画面イメージなども記載されており、リファレンスとしての使い勝手は悪くないと思います。

また、タグのリファレンスだけではなく、所々にコラムの形でケータイサイト構築の雑学が載っています。

ケータイ用のタグは、確かにインターネット上でも各キャリアのページなどで調べることができるのですが、それぞれのページを巡って調べるのは大変ですし、このように紙媒体で全キャリア分を一気に見れるのは便利です。

今までもこの手の本はありましたが、ケータイ業界は移り変わりが激しいですし、やはりリファレンスは新しいものに限ります。

代金も1,680円と安いので、とりあえず手元に置いておいても損のない1冊ではないでしょうか。

関連：

• ブックレビュー：DBマガジン2010年8月号「モバゲータウン構築/運用のすべて」
• ブックレビュー：ユーザー視点でつくる　携帯サイト制作の基礎知識
• ブックレビュー：mixiアプリをつくろう!OpenSocialで学ぶソーシャルアプリ