モバイル開発メモ のバックアップ(No.4)

[ トップ ]   [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• モバイル開発メモ へ行く。
  • 1 (2010-04-09 (金) 13:59:29)
  • 2 (2010-04-09 (金) 15:24:07)
  • 3 (2010-04-09 (金) 17:38:27)
  • 4 (2010-04-10 (土) 13:51:22)
  • 5 (2010-04-15 (木) 12:17:16)

---

基本 †

ほぼ PC 向けサイトの作成と変わらないが、以下の制限がある。

• 1ファイルのサイズは最大 5KB まで。
  テキストはもちろん、画像も含む。
• スタイルシート（CSS）は使用不可。
  最近は使用できる端末も出てきてるようだか、使用できないと考えて作った方が良い。
• 表組み（tableタグ）は使用不可。
  最近は使用できる端末も出てきてるようだか、使用できないと考えて作った方が良い。
• フレーム（frame）は使用不可。
  これは PC サイトでも使用はあまり推奨されない。まして携帯で使うな。
• クライアントサイドスクリプト（JavaScript?など）は使用不可。
  最近は使用できる端末も出てきてるようだか、使用できないと考えて作った方が良い。
• 文字コードは Shift_JIS のみ。
  最近は Unicode などが使用できる端末もあるようだか、Shift_JIS で書いておけば間違いない。

あと、罠。

• 携帯のURLは大文字と小文字を区別する。
  hogehoge.html と HogeHoge?.HTML は別ものとみなされる。
  ただし、スキーマ部分（http、https）は、大文字と小文字を区別されない。（http と HTTP は同じ）

拡張 †

PC サイト向けの HTML にはないタグや属性がいくつかある。 キャリアごとに独自拡張されていたりもするが、以下は 3キャリア共通で使用可能。

電話をかける †

アンカータグ（aタグ）の href に電話番号を指定できる。

 <a href="tel:09088888888">電話はこちらまで</a> 

tel: に続けて電話番号を書く。

アクセスキーを割り当てる †

電話の 0〜9 までと「#」、「*」のボタンをリンクに割り当てられる。

 <a href="http://hogehoge.com" accesskey="9">「9」でジャンプ</a> 

accesskey に指定できるのは 0〜9 と「#」、「*」。

推奨事項 †

必須ではないにしろ、携帯向けサイトでこうした方が良いと思うところ。

• ページの横幅は最大 240px を想定する。
  画像にリンクをつける場合はリンクの境界線がかぶるので、若干余裕をみて小さめにつくる。
• インラインフレーム（iframe）はなるべく使用しない。
  iframe は多くの機種がサポートしているが、使わないで済むならなるべく避ける。
• 文字セットはなるべく指定しておく。
  これをページ先頭に書く。 → <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
• 画像ファイルは JPEG なら 3キャリア対応。
  本当は PNG が一番良いんだけど、docomo の古い機種は PNG に対応してないので。

UID †

携帯電話は、端末で個人を特定できるので、大抵はこれを利用してさまざまな入力を省略できるようになる（ID/Password の入力など）。その端末ごとに振られているユニークなIDを個体識別番号（UID）と呼ぶ。

docomo †

非 i-mode の場合は utn で取得できる。

<a href="http://hogehoge.com/fuga.html" utn>test</a>

この応答の USER AGENT の ser キーを取得する。

フォーム（form）でも同様に取得可能。

ただ、これは端末に紐づいているので機種変更すると変わってしまう。

i-mode の場合は iモードID というものが利用できる。 こちらはユーザに紐づくので機種変更しても変わらない。

これは、クエリに「guid=ON」という魔法を書いておけば良い。

<a href="http://hogehoge.com/fuga.php?guid=ON">test</a>

応答に「HTTP_X_DCMGUID」キーが入ってくるので、それを取得する。

au †

au の場合は、常に HTTPヘッダに「HTTP_X_UP_SUBNO」が書かれているので、それを取得すれば OK。

Softbank †

docomo の utn の取得とほぼ同じだが、キー名は「SN」。

なお、SB の場合は USER AGENT に常に書かれているので、タグに utn などの指定は不要。

参考 †

• 携帯電話・個体識別情報（個体識別番号）の取得方法、uid、iモードID(guid)、EZ番号、端末シリアル番号

アプリ開発 †

今までキャリアごとに独自のプラットフォームだったけど、 今後は Java のオープンアプリが主流になるのか。

開発ツール †

J2ME Wireless Toolkit なるものを使う。

• Sun Java Wireless Toolkit for CLDC
  • ダウンロード

参考 †

• オープンアプリゲームコンテスト
• MIDP2.0メモ
• オープンアプリ（Java）（au サイト）
• 携帯アプリを作って学ぶJava文法の基礎

Flash Lite †

携帯端末でも動作する Flash 。それをつくるには Flash MX 以降が必要ぽ。
（Flash MX の場合は Flash Lite 1.0/1.1、Flash 8 なら Flash Lite 2.0/2.1 まで対応。）

Flash があるなら、以下のサイトからアップデータを入手できる。

• Adobe Flash サポート

パブリッシュ設定で「Flash Lite 2.x」などを選択して出力する。ただし、swfファイルのサイズは 100KB 以内に収めないと携帯で再生できない。

ページへの埋め込み方法は、PC向けの場合 movie パラメータに swf ファイルを指定するとそのファイルが再生されるが、携帯の場合は、object タグの属性に指定する。

data：swfファイルへのパス
width：横サイズ
height：縦サイズ
bgcolor：swfファイルの背景色。
loop：ループ再生はon、非ループはoff
quality：画質（high、medium、low） 

ちなみに Flash Lite は PC でも再生可能。

参考 †

• Flash Liteの仕様（フラッシュ, swf）
• Flash コンテンツ（au サイト）
• Flash Lite（Adobe サイト）

エミュレータ †

docomo †

• docomo
  • iモードHTMLシミュレータII

au †

• Openwave 6.2K
  今はダウンロードできないぽい。

Softbank †

• ウェブコンテンツビューア

3キャリア対応 †

• P1 Emulator
  非常に高機能っぽいけど有料。
• FireMobileSimulator
  Firefoxのアドオン。

参考 †

• ke-tai.org
• これからゆっくりL+α
• 携帯サイトの作り方
• かんたんリファレンス
• 携帯電話向けコンテンツの書き方。

---

MLEXP. Wiki

     

Site admin: K.Y,Tsukikage

PukiWiki 1.4.6 Copyright © 2001-2005 PukiWiki Developers Team. License is GPL.
Based on "PukiWiki" 1.3 by yu-ji. Powered by PHP 5.2.17. HTML convert time: 0.019 sec.