→　ウノウラボ　Ext JSをUIに使って携帯サイトのシミュレータを作ってみた [unoh.net]

この種のエミュレータでは、「ssb - server side browser」 [coderepos.org] が有名ですが、ruby環境に慣れてない人はセットアップが大変だったりするので、今回のようにPHPで出来ていた方が、いろんなサーバで動かすことができますし、個人的には嬉しかったりします。

ブログの説明を見るとセットアップ作業が大変なように感じますが、実際にやってみたところ意外とあっさりと動きました。

詳しくは、mobile-simulator自体にわかりやすいReadMeファイルが付いていますので、そちらを見るのが良いと思うのですが、下記のように表にまとめてみました。

* インストールする権限がない場合は、関連するパッケージをダウンロードし、適切な場所に設置することで動作させることも可能です。

動作中の画面

ヘッダ情報が見れたり、書き換えられたりするのは便利です。
こういったエミュレータの選択肢が増えるのは嬉しいですね。

関連：

• 3キャリア対応のケータイエミュレータ、「P1 Emulator」に30日ライセンスが登場
• 3キャリア対応のケータイエミュレータ、P1エミュレータ正式版が発売されました。さて気になるお値段は？
• 端末IDを設定でき、ケータイサイトの開発に便利なFirefoxアドオン「Modify Headers」

→　株式会社ディー・エヌ・エー　プレスリリース　「モバゲータウン」の一部機能をパソコン等に開放 [dena.ne.jp]

→　CNET Japan　モバゲータウン、PCに進出 - iPhoneにも対応 [cnet.com]

→　ケータイWatch　モバゲータウン、SNS機能をパソコンで利用可能にするβテスト [cnet.com]

現在はクローズドβ版ということで、ランダムに選出された一部ユーザのみしか入れないようです。

→　モバゲータウン　PC向けページ　（クローズドβ版） [mbga.jp]

どうやら今月11日に発売される、iPhone対策の一環のようです。

今回の件で期待できるは、モバゲータウンのHTMLソースが見れるようになるということです。
モバゲータウンは、実は結構デザインに凝っていまして、随所に細かいテクニックがちりばめられています。

現在のPC向けサイトのログインページのソースを見ると、「<div style="xxx">」の形式で書かれており、どうやらケータイと共通のソースを使っているようです。

ですので、今後ケータイサイトデザインの良いお手本になりそうな感じです。

関連：

• モバゲーのフレームワーク「MobaSiF」の発表スライド資料が公開されています
• モバゲーのフレームワークがオープンソースとして公開されました
• ブックレビュー： 勝手サイト - 先駆者が明かすケータイビジネスの新機軸

※ケータイ関係で面白いネタがありましたら、こちらから教えていただけると助かります。（可能な限りお返事させていただきます）

ドコモの公式サイト内に、ドコモ絵文字から他社キャリアへの絵文字変換表が公開されているとのことです。

→　NTT docomo　絵文字変換機能　絵文字変換対応表 [nttdocomo.co.jp]

ドコモの絵文字をベースに、「au」「ソフトバンク」「ディズニー・モバイル」「イー・モバイル」の4つへの変換表が記載されています。

変換表はHTML形式だけではなく、PDFでも公開されていますので、ダウンロードしたり印刷したりすることもできるようです。

絵文字の変換ライブラリ等を作成する際には、絵文字の数が少ないドコモを基準とすることが多いでしょうから、この変換表は利用しやすいかもしれませんね。

関連：

• .NETを使って携帯サイトで絵文字を自動変換する方法
• Asial blogで絵文字データベースと相互変換マッピングデータベースのJSONファイルが公開されています
• 絵文字についての情報がまとめられたプレゼン資料「ケータイ絵文字のはなし」

モバイルSEO対策のためのポータルサイト「モバイルSEOリッチ」というサイトが先日オープンしたようです。

→　モバイルSEO対策ポータルサイト　モバイルSEOリッチ [mobile-seo.corich.net]

基本的には、複数のモバイルＳＥＯの業者を比較したり、見積もりの一括依頼ができたりするサイトのようです。

ただし、「ケータイサイト診断機能」、「上位サイト調査」、「相談室」、などのコンテンツが用意されており、SEO業者に特に興味の無い方でも、有用なサイトだと思います。

「ケータイサイト診断機能」は、PC向けサイトではよくあるのですが、モバイル向けは珍しいのではないでしょうか。

また「上位サイト調査機能」は、DoCoMo・au・SoftBankそれぞれの検索結果を、サイトイメージ付きで表示することができ便利です。

相談室は、SEOに関する質問とその回答が載っています。
現在はまだ数が少なく、基本的な情報ばかりですが、今後の内容の充実に期待ですね。

関連：

• japan.inter.net.comでモバイルSEOに関するコラムが連載されています
• 携帯サイトのアクセス分析ソフトをまとめた「モバイルアクセス解析ツール10選」
• 携帯サイトの検索エンジン対策についてまとめられた「0円でできるモバイルSEO」

ケータイでは、待ち受け画像などで使うために、ダウンロードした画像を再配布させないための、保存制限や転送制限を行うことができます。
転送制限をかけた画像は、メールへの添付や、SDカードへの保存が行えなくなります。
保存制限をかけた場合は、保存すらできません。

Windows用のフリーウェアなどには、転送制限を行わせないための情報を埋め込むソフトがあったりするのですが、CMSの管理画面からのアップロードや、メール添付による画像アップロードなど、サーバ上で動的に画像を生成しなければならないケースも多いと思いますので、PHPを使ったサンプル（とは言ってもコマンドを叩いているだけですが）でまとめてみることにします。

まず、概要を表にまとめると次の通りです。

*1　：　ドコモ、auのjpg, gifを転送禁止にする方法

画像のヘッダ部分にコメントを入れます。
ドコモであれば「copy="NO"'」、auであれば「kddi_copyright=on」を入れてあげればOKです。
両対応にする場合は、カンマで続けて書けば大丈夫ですが、auは先頭に文字列がある必要がありますので、こちらを先に書き、「kddi_copyright=on,copy="NO"」のようにします。

PHPから処理する場合は次の通りです。
※ImageMagickのコマンド「mogrify」がインストールされている必要があります。

$cmd = "mogrify -comment 'kddi_copyright=on,copy=\"NO\"' test.jpg";
$res = system($cmd);

*2　：　auのPNG画像を転送禁止にする方法

auのPNGを転送禁止にするには、画像のCopyrightキーワードの部分に「kddi_copyright=on」を埋め込んでやればＯＫとのことです。

ImageMagickを使った方法が良くわからなかったため、次のソフトを使いました。
（※方法をご存じの方教えてください）

こちらの記事の下段の方に「imgcmt」というソフトが公開されています。
→　MODULE.JP　imgcmt version 1.0.0 [module.jp]

次のようにコマンドを実行することで、うまくいきました。
PHPのsystem関数でも同様で行けると思います。

imgcmtpng Copyright kddi_copyright=on < test.png > test.png

*3　：　auで画像を保存禁止にする方法

こちらは簡単です。imgタグにcopyright=yesという属性を付けてやればOKです。

<img src="test.png" copyright="yes" />

*4　：　ソフトバンクで画像の転送を禁止する方法

.htaccessに次のように記載します。
（Apacheの「mod_headers」モジュールがインストールされている必要があります）

<FilesMatch "\.(jpg|gif|png)$">
  Header append x-jphone-copyright no-transfer
  Header append x-jphone-copyright no-peripheral
</FilesMatch>

もうあまりアクセスは無いとは思いますが、J-Phone時代のC型端末の場合は、上記設定では対応できません。
C型端末に対応する場合は、画像の拡張子を変更することで転送を防ぐことができます。（「jpg　→　jpz」、「png　→　pnz」）

*5　：　ソフトバンクで画像の保存を禁止する方法

同じく.htaccessに次のように記載します。

<FilesMatch "\.(jpg|gif|png)$">
  Header set x-jphone-copyright no-store
  Header append x-jphone-copyright no-transfer
  Header append x-jphone-copyright no-peripheral
</FilesMatch>

※公式サイトのPDF資料に、一部の端末ではno-storeが利用できないとありましたので、念のため3つを併記しました。

今回はImageMagickのコマンドを、system関数から叩くという方法を取っています。
他にも「MagickWand For PHP」を使った方法もあり、その例はウノウラボさんのブログに情報がありましたので、こちらを参照すると良いと思います。

→　ウノウラボ　携帯キャリアで画像を転送させない方法 [unoh.net]

上記ブログにもありますが、せっかく対策を行ってもケータイ以外からアクセスされては意味がありません。
IPアドレスによる制限をかけ、PCやWillcom、イーモバイルなどからのアクセスも遮断しましょう。

なお、これらの情報はまだ勉強中の段階のため、誤り等がありましたら、突っ込みをお願いいたします。

関連：

• 2008年9月下旬にドコモのIPアドレスが追加になるようです
• ケータイキャリアやクローラのIPアドレス情報を共有するためのWikiを作ってみました
• ケータイからのみアクセスを許可する.htaccess

→　dara日記　[RubyKaigi2008][jpmobile]RubyKaigi2008にて発表しました [hatena.ne.jp]

Jpmobileは、Ruby On Railsによる携帯電話向けサイトの構築を支援するプラグインとのことです。

私はあまり本格的にRubyを使ったことがないのですが、色々と便利な機能が実装されているようですので、勉強がてら見てみようと思います。

スライド資料の方は、日本語と英語が併記されているため、日本語がわからない方でも安心です。
96ページとかなりのボリュームがあるため見ごたえがありますね。

Railsでのケータイサイト構築をお考えの方は、要チェックではないでしょうか。

関連：

• Rubyを使ってSuicaの乗車履歴を取得する方法が紹介されているブログ
• モバゲーのフレームワーク「MobaSiF」の発表スライド資料が公開されています
• 第33回PHP勉強会で使用したスライド資料「モバイル版Googleマップのちょっと進んだ使い方」

→　Amazon　WEB+DB PRESS Vol.45 [amazon.co.jp]

→　技術評論社　gihyo.jp　WEB+DB PRESS Vol.45 [gihyo.jp]

特集は「イマドキ　ケータイ開発実践入門」というタイトルで、40ページ近くも誌面が割かれています。

• 第1章　ケータイ動向2008
• 第2章　モバゲータウンのノウハウ満載! フレームワークMovaSiFを使おう(1)
• 第3章　モバゲータウンのノウハウ満載! フレームワークMovaSiFを使おう(2)
• 第4章　FlashLite入門
• 第5章　ケータイサイトをテストする

の、5部構成になっています。

第1章はご存じmemokamiさんの記事で、これまでのケータイの歴史と、これからどうなっていくかと思われるかが簡潔にまとまっています。

特にケータイ年表は素晴らしく、とてもよくまとめられています。
こちら私もひそかに作成を進めていただけにやられたという感じです。

第2章・第3章は、先日オープンソースとして公開された、モバゲータウンのフレームワーク「MovaSiF」についての記事です。

その1の前半では、MobaSIFそのものよりは、3キャリアの特徴とその対応方法についてまとめられており、こちらが地味に役立ちます。特にMobaSIFを使う予定が無い人にもオススメです。
後半はインストール方法が説明されています。

その2では、設定方法や内部構造、より具体的な使い方について説明されています。

第4章はFlashLiteについてです。
PCと比べたケータイFlashの特徴、およびその制約の突破方法について解説されています。
こちらもFlashLiteに関して、ここまで突っ込んで解説してある記事は珍しいと思います。

第5章はケータイサイトのテストについての記事です。
ケータイでのテストは悩みが多いため、期待していた記事でした。
各種エミューレータの紹介や、テストに便利なツールが紹介されています。

ただ、個人的にはケータイのテストは、やはり実機での確認が重要なため、数少ない予算でいかにポイントを抑えた実機を揃え、テストをしていくかがキモだと思っています。
実機でのテストについては、あまり触れられていなかったのが残念です。

いずれにしても、携帯に関してここまで深く解説した記事は珍しいと思います。
ケータイサイト開発に興味のある方は、持っていて損はない内容だと思います。

関連：

• 次号のWeb Designing(2008年7月号)は、ケータイ特集になるようです
• ブックレビュー： 勝手サイト - 先駆者が明かすケータイビジネスの新機軸
• ブックレビュー： ケータイハックス - いつでもどこでも仕事術

@ITに.NETでのモバイルサイトを作り方をまとめた連載、「.NETでモバイル・サイト開発を始めよう」という記事がありました。

→　@IT　テクノロジー　Insider.NET　.NETでモバイル・サイト開発を始めよう [www.atmarkit.co.jp]

内容は以下の4回＋特別編の5部構成になっています。

• 第1回 ASP.NETによる携帯サイト開発は七転八倒？！
• 第2回 携帯サイトの「ドコモ、au、SoftBank」への対応
• 第3回 モバイル・コントロール利用時の心得
• 第4回 モバイルWebサイトにおけるセッションとビューステート
• 【特別編】モバイルWeb開発に失敗しない鉄則

.NETは使ったことがないのでよくわからないのですが、デバイス・フィルタ機能など、結構便利そうな感じです。

特別編の部分は、UIなどあまり言語に関わらないベーシックな内容が書かれていますので、他の開発言語を利用されている方にも役に立つと思います。

.NETを使ったモバイル開発の記事はあまり見たことがありません。
これだけまとまった情報は、なかなか珍しいのではないでしょうか。

関連：

• .NETを使って携帯サイトで絵文字を自動変換する方法
• 携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはなし（入門編）」

.NETを使って、携帯サイトで絵文字を自動変換する方法について解説されている記事です。

→　@IT　.NET TIPS　［ASP.NET］携帯サイトで絵文字を自動変換するには？ [www.atmarkit.co.jp]

絵文字変換については、Perl, PHP, Rubyなどを使った記事であれば目にすることはありますが、.NETを使ったサンプルは珍しいのではないでしょうか。

Shift_JISを使って、ドコモ絵文字を他キャリアに変換するプログラムの例が、サンプルコード入りで記載されています。

.NETを使って、モバイルサイトを作ろうとしている方は要チェックですね。

関連：

• PHPを使ってたった2行で絵文字を取り除く方法
• 絵文字や画像の自動変換を行ってくれるApacheモジュール「mod_chxj」を使ってみました(インストール編)
• Asial blogで絵文字データベースと相互変換マッピングデータベースのJSONファイルが公開されています

→　ソフトバンクモバイル　プレスリリース　iPhone 3G向けサービスの詳細について [www.softbankmobile.co.jp]

→　ITMedia +D Mobile　「iPhone 3G」は実質2万3040円から - 月額5985円のデータ定額プランも新設 [plusd.itmedia.co.jp]

→　GIGAZINE　ソフトバンクモバイル、iPhoneの端末価格と料金プランなどを正式に発表 [gigazine.net]

端末価格は

• 8Gモデル　月々960円×24カ月＝2万3040円
• 16Gモデル　月々1440円×24カ月＝3万4560円

月額料金は

ホワイトプラン「980円」 + パケット定額フル「5985円」 + S!ベーシックパック「315円」の計7280円

となったようです。

個人的には思ったより安いな、という印象です。
入荷数が少なく、まともに手に入らないのではないか、という噂も流れていますが、どうなるのでしょうか？

1点気になるのは、USIMカードが3G専用のものになるということです。
他の機種との差し替えは行えないらしいので、テスト機として確保する場合でも、専用で1契約申し込まなければなりません。
これはちょっとツラいですね。

関連：

• iPhone3G、日本では7月11日に発売
• ソフトバンクのiPhone発表に関する記事をまとめてみました
• 【速報】iPhoneはソフトバンクから発売されることになったようです

→　ＮＴＴドコモ　作ろうiモードコンテンツ　iモードセンタの各種情報 [www.nttdocomo.co.jp]

実に約２年ぶりの追加になります。

今回追加されたＩＰアドレスは以下の通りです。

• 124.146.174.0/24
• 124.146.175.0/24

ケータイからのみのアクセスを許可するようにしていたり、振り分けにIPアドレスを利用されている方は、追加が必要になります。

これらのIPアドレスからアクセスがあるのは、まだしばらく先の話になりますが、忘れずに対応しておきましょう。

「ケータイキャリア・クローラIPアドレスWiki」の方も修正しておきました。

ドコモは早めに通知を出してくれるので助かりますね。

関連：

• ケータイキャリアやクローラのIPアドレス情報を共有するためのWikiを作ってみました
• 2008年1月10日付けで、auのIPアドレスが1つ追加されたようです
• EZWebのIPアドレス帯域が変更になったようです(2007/11/07)

→　Amazon　Web Designing (ウェブデザイニング) 2008年 07月号 [雑誌] [amazon.co.jp]

→　memokami　次号のWeb Designingも「ケータイ特集」です [ideaup.seesaa.net]

情報元は、またもやmemokamiさんのブログです。
特集の内容についても触れられていて、参考になりますので引用させていただきます。

「最新の事例から制作のノウハウまで、Flash Liteを徹底解説
　携帯電話サイト　こと始めリファレンス」
と題して、ウェブデザイニングではFlashLiteを切り口に携帯サイトのノウハウを解説しており、かなり読み応えのある内容になっています。
今回のウェブデザイニングの携帯Flash特集の監修は、ナイキのモバイルサイトなど数多くのケータイサイトを手がける携帯FlashLite界のトップクリエイター 岡田昇三さん。
携帯Flashについて基礎的なことから作成のエッセンスまでかなりわかりやすくまとめられています。
そして私も、今回のケータイ特集でインタビューを受けているのでそちらもよろしければ！！

とのことです。これは楽しみです。

発売日は6/18とのことですので、すでに発売済みのようですね。

プログラマの方には「Web Designing」などのデザイナー向け雑誌を買う習慣がない方も多いでしょうから、この号は忘れずに購入するようにしないといけないですね。

関連：

• 「Web+DB PRESS Vol45」はケータイ開発特集になるようです
• 3キャリア対応の新ケータイエミュレータ「P1 Emulator」と実機を比較してみました
• 絵文字についての情報がまとめられたプレゼン資料「ケータイ絵文字のはなし」

japan.inter.net.com内で、「モバイルSEO@フラクタリスト」という、モバイルSEOに関するコラムが連載されています。

→　第1回　モバイル検索エンジンの夜明けと今 [japan.internet.com]

→　第2回　各キャリア公式検索エンジンの特徴 [japan.internet.com]

→　第３回　Google の特徴とモバイル SEO の初期対策 [japan.internet.com]

連載は全11回を予定しているようです。

第1回ではモバイル検索エンジンの概要とその普及について、第2回では3キャリアの検索エンジンの特徴について、第3回では対GoogleSEOの対策について触れられています。

モバイルSEOは近年重要度が増していますので、要チェックですね。

関連：

• Googleモバイルでの被リンクの必要性を検証したブログ記事
• ドコモのiMenuがリニューアルしGoogle検索が可能に
• 携帯サイトの検索エンジン対策についてまとめられた「0円でできるモバイルSEO」

携帯電話の実機検証サービスで有名なケータイラボラトリーさんのサイトで、「公式サイトのサイトマップ」、「公式サイト一覧」、「公式サイト新着情報」などのデータが、期間限定で無償提供されているようです。

→　ITMedia +D Mobile　ケータイラボラトリー、「公式サイトランキングデータブック」を期間限定で無償提供 [plusd.itmedia.co.jp]

→　ケータイラボ　Basic Course　公式サイトランキングデータ [www.ktai-labo.com]

公開されている情報は、

• 公式サイトリスト
• 公式サイト構造図
• 公式サイト新着情報

の3種類で、それぞれ国内全キャリア分がPDF形式で用意されています。
（アンケートに答えるとCSV形式でもダウンロードできるようです）

これらのデータを具体的に何に使うんだ、と言われると少し困りますが、期間限定の無償公開とのことですので、何かの役に立つかもしれません、とりあえずダウンロードしておきましょう(^^;

なお、公開期間は、2008年6月2日～2008年6月30日とのことです。

関連：

• インプレスR&Dの携帯機種データをダウンロードするスクリプト
• インプレスR&Dが携帯機種の詳細スペックデータを無償提供
• PHPでケータイのFlash対応・非対応を判定できる関数を作ってみました

→　Amazon　WEB+DB PRESS Vol.45 [amazon.co.jp]

→　memokami　お待たせしました！次号のWEB+DBは「ケータイ特集」です [ideaup.seesaa.net]

内容は主に4つに分かれていて、次のようになっているとのことです。

• ケータイ動向2008
• ケータイ向けWebアプリ開発用フレームワークMobaSiF
• Flash Lite入門
• ケータイサイトをテストする

執筆者は、
「ケータイ絵文字のはなし」や、「P1エミュレータを使ってみました」のブログ記事で有名な、memokamiさん。
MobaSiFを作ったDeNAの能登さん、川崎さん。
Flash製作で有名な水玉製作所の皆さん。
と、かなり豪華な顔ぶれとなっています。

これは買うしかありません。今から楽しみですね。

なお、過去にWEB+DB PRESSに掲載された、ケータイ関連の記事は次の通りです。

→　WEB+DB Press Vol.21　Perl&qmailで実践! 携帯メール配信成功術

→　WEB+DB Press Vol.23　特別企画「ケータイサイト構築の虎の巻」

→　WEB+DB Press Vol.37　特別企画「携帯サイト開発実践テクニック2007」

関連：

• ケータイ向けに工夫されたUIが多数、KLabのFlashコンテスト受賞作品
• 3キャリア対応の新ケータイエミュレータ「P1 Emulator」と実機を比較してみました
• 絵文字についての情報がまとめられたプレゼン資料「ケータイ絵文字のはなし」

→　NetFarm　P1 Emulator　「30日ライセンス」発売のお知らせ [p1.netfarm.ne.jp]

→　NetFarm　P1 Emulator　ライセンス価格情報 [p1.netfarm.ne.jp]

価格は「12,600円（消費税込み）」とのことです。

以前の年間ライセンスでは、「84,000円」と本格業務以外での導入は難しかったのですが、この価格であれば、小さなプロジェクトや個人でも買えない値段ではなくなりました。

「エミュレータはテストフェーズにだけあればよい」といった案件であれば、通常30日あれば十分です。

選択の幅が広がったのは嬉しいですね。

※NetFarmさん、以前のメールもそうだったのですが、お知らせメールの差出人の欄が文字化けしていますよ。（メーラーは「Shuriken 2007」なのですが、私の環境だけでしょうか？）

関連：

• 3キャリア対応のケータイエミュレータ、P1エミュレータ正式版が発売されました。さて気になるお値段は？
• P1エミュレータを使ってiモードID機能を開発してみました
• 3キャリア対応の新ケータイエミュレータ「P1 Emulator」と実機を比較してみました

通常これを実現させるためには、IPアドレスによる制限をかけることになると思うのですが、IPアドレスは稀に変更になるため、情報を追いかけるのが大変です。

それに加え、キャリアのIPアドレスは、各公式ホームページ上で公開されているのですが、検索エンジンのクローラの情報は公開すらされていないこともあります。

というわけで、「この手の情報は多人数で保守したほうが便利ではないか」との考えから、情報を共有するためのWikiページを作成してみました。

→　ke-tai.org Wiki　ケータイキャリア・クローラIPアドレス

ひとまず本日時点での情報を集め、ベースとなるものを作成してみました。

他にも追加したほうがよいIPアドレスや、間違い等がありましたら、修正のご協力をお願いします。

好評なようでしたら、イタズラ修正を防ぐための仕掛けや、RSSでの通知機能、.htaccess形式でのダウンロード機能などを追加していきたいと思います。

関連：

• Google、モバイル向けクローラーの情報公開へ
• .Macメールがドコモで利用可能になる件の対策について
• 2008年1月10日付けで、auのIPアドレスが1つ追加されたようです

もちろん、キャリア毎に書き分けてしまっては意味が無いので、3キャリアで共通して使える書き方を調べてみることにしました。

まず問題となったのが、auでfloatが利かないことです。
では、オーソドックスにimgタグのalign属性を使ってみてはどうかということになりますが、今度はドコモ(XHTML)で正しく表示されません。
なかなかやっかいです。

そこで、次のようなサンプルHTMLを作成し、3キャリアでテストを行ってみました。

<img src="test.gif" style="float:left;" align="left" />
あいうえおかきくけこさしすせそたちつてと・・・

こちらの「style」と「align」の部分を変更しながら、きちんと回り込みが行われるかどうか、実機からの確認を行いました。

1. 「style="float:left;"」のみ
2. 「align="left"」のみ
3. 「style="float:left;" align="left"」の併記

結果は次のようになりました。

結局、両方を併記するほかないようです。
ソフトバンクはオールパスです。（PCも当然オールパスでした）

さて続いて、回り込みの解除です。

<br clear="all" style="clear:both;" />

のように書けばOKと思ったのですが、ドコモで解除が行われませんでした。

仕様を読んでみるとXHTMLでは、clearはブロック要素に書かなくてはならないとあります。
ですので、次のようにdivタグで書いてみました。

<div clear="all" style="clear:both;"></div>

※<div />という書き方は出来ないのでは、というご指摘をいただきましたので、修正しました。

ということでまとめとしては、次のように書けば3キャリアに対応した画像回り込み＆解除が行えるようです。

<img src="test.gif" style="float:left;" align="left" />
あいう
<div clear="all" style="clear:both;"></div>
えおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをん<br />

きちんと表示されました。

関連：

• 他のケータイサイトのHTMLを参考にする際に便利な裏技
• フォームでのユーザビリティ向上のポイントを紹介した記事「PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは」

→　ソフトバンク　プレスリリース　ソフトバンクとアップル、iPhone 3Gを7月11日より日本で発売 [softbankmobile.co.jp]

→　AV Watch　米Apple、3G対応のiPhone発表。日本発売は7月11日 [watch.impress.co.jp]

→　GIGAZINE　ついに「iPhone 3G」をアップルが発表、日本でも7月11日発売 [gigazine.net]

→　GIGAZINE　日本で発売される「iPhone 3G」の詳細なスペックと高解像度画像いろいろ [gigazine.net]

→　NIKKEI NET IT+PLUS　iPhone 3G「ホワイトプランにするつもり」・ソフトバンク孫社長 [nikkei.co.jp]

今回の3Gモデルでは、HSDPAやGPSに対応し、バッテリーも長持ちするようになっているとのことです。

発売日は、2008年7月11日(金)、価格は8Gモデルが$199、16Gモデルが$299とのことです。
この価格は安いですね。

購入はソフトバンクショップで行えるようです。
もう予約は受け付けているのでしょうか？

関連：

• ソフトバンクのiPhone発表に関する記事をまとめてみました
• 【速報】iPhoneはソフトバンクから発売されることになったようです
• 「iPhone」3Gモデルの登場は6月頃?

ケータイサイトはPCサイトと違って、HTMLソースを見ることができません。
たとえPCのブラウザから見たとしても、大手サイトはIPアドレスによる制限がかけられていて、ソースが見れるケースはまずありません。

ですので、HTMLがどのように作られているのかは、よくわからないことが多いと思います。

ご存じ「モバゲーTOWN」を例にご説明します。

例えば中央の点線や、「楽しもう」の上下の細い黒線は、どうやって書いているんでしょうか？
画面上から見ただけでは、正直よくわかりません。

そんな時に役立つのが、「画像を保存」機能です。

これを使えば、CSSで書かれているのか、画像なのかがわかります。

点線は画像でした

またスペーサー画像の位置もバッチリわかります。

中央にある緑のカーソルがあたった部分がスペーサー画像

モバゲーTOWNでは、トップページだけでも、10ヶ所以上ものスペーサー画像が使われていることがわかります。
（おそらくドコモ端末で、marginやpaddingが、効かないためだと思われます）

他ケータイサイトのデザインを参考にする際には、ぜひ活用してみてください。

関連：

• フォームでのユーザビリティ向上のポイントを紹介した記事「PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは」
• モバゲーのフレームワークがオープンソースとして公開されました
• ブックレビュー： 勝手サイト - 先駆者が明かすケータイビジネスの新機軸