モバイル開発メモ
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
#contents
** 基本 [#raf54c80]
ほぼ PC 向けサイトの作成と変わらないが、以下の制限がある。
- 1ファイルのサイズは最大 5KB まで。&br;
&size(10){テキストはもちろん、画像も含む。};
- スタイルシート(CSS)は使用不可。&br;
&size(10){最近は使用できる端末も出てきてるようだか、使用...
- 表組み(tableタグ)は使用不可。&br;
&size(10){最近は使用できる端末も出てきてるようだか、使用...
- フレーム(frame)は使用不可。&br;
&size(10){これは PC サイトでも使用はあまり推奨されない。...
- クライアントサイドスクリプト(JavaScriptなど)は使用不...
&size(10){最近は使用できる端末も出てきてるようだか、使用...
- 文字コードは Shift_JIS のみ。&br;
&size(10){最近は Unicode などが使用できる端末もあるようだ...
あと、罠。
- 携帯のURLは大文字と小文字を区別する。&br;
&size(10){hogehoge.html と HogeHoge.HTML は別ものとみなさ...
&size(10){ただし、スキーマ部分(http、https)は、大文字と...
** 拡張 [#mb999c06]
PC サイト向けの HTML にはないタグや属性がいくつかある。
キャリアごとに独自拡張されていたりもするが、以下は 3キャ...
*** 電話をかける [#i5915e33]
アンカータグ(aタグ)の href に電話番号を指定できる。
<a href="tel:09088888888">電話はこちらまで</a>
tel: に続けて電話番号を書く。
*** アクセスキーを割り当てる [#b88300ac]
電話の 0〜9 までと「#」、「*」のボタンをリンクに割り当て...
<a href="http://hogehoge.com" accesskey="9">「9」でジャ...
accesskey に指定できるのは 0〜9 と「#」、「*」。
** 推奨事項 [#z7871caf]
必須ではないにしろ、携帯向けサイトでこうした方が良いと思...
- ページの横幅は最大 240px を想定する。&br;
画像にリンクをつける場合はリンクの境界線がかぶるので、若...
- インラインフレーム(iframe)はなるべく使用しない。&br;
iframe は多くの機種がサポートしているが、使わないで済むな...
- 文字セットはなるべく指定しておく。&br;
これをページ先頭に書く。 → <meta http-equiv="Content-Type...
- 画像ファイルは JPEG なら 3キャリア対応。&br;
本当は PNG が一番良いんだけど、docomo の古い機種は PNG に...
** UID [#k4e3d576]
携帯電話は、端末で個人を特定できるので、大抵はこれを利用...
*** docomo [#ude31ca1]
非 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 [#ba68eaeb]
au の場合は、常に HTTPヘッダに「HTTP_X_UP_SUBNO」が書かれ...
*** Softbank [#adb7c142]
docomo の utn の取得とほぼ同じだが、キー名は「SN」。
なお、SB の場合は USER AGENT に常に書かれているので、タグ...
*** 参考 [#d4779c57]
- [[携帯電話・個体識別情報(個体識別番号)の取得方法、uid...
** アプリ開発 [#t424f918]
今までキャリアごとに独自のプラットフォームだったけど、
今後は Java のオープンアプリが主流になるのか。
*** 開発ツール [#w536fa2e]
J2ME Wireless Toolkit なるものを使う。
- [[Sun Java Wireless Toolkit for CLDC:http://java.sun.co...
-- [[ダウンロード:http://java.sun.com/products/sjwtoolkit...
*** 参考 [#x47fc683]
- [[オープンアプリゲームコンテスト:http://appget.com/cont...
- [[MIDP2.0メモ:http://www.saturn.dti.ne.jp/~npaka/kvm/mi...
- [[オープンアプリ(Java)(au サイト):http://www.au.kdd...
- [[携帯アプリを作って学ぶJava文法の基礎:http://www.atmar...
** Flash Lite [#a43cebd9]
携帯端末でも動作する Flash 。それをつくるには Flash MX 以...
(Flash MX の場合は Flash Lite 1.0/1.1、Flash 8 なら Flas...
Flash があるなら、以下のサイトからアップデータを入手でき...
- [[Adobe Flash サポート:http://www.adobe.com/jp/support/...
パブリッシュ設定で「Flash Lite 2.x」などを選択して出力す...
ページへの埋め込み方法は、PC向けの場合 movie パラメータに...
インライン再生の場合(表示のみ)
#code(HTML){{
<object data="sample.swf" type="application/x-shockwave-f...
<param name="bgcolor" value="ffffff">
<param name="loop" value="on">
<param name="quality" value="high">
</object>
}}
インタラクティブ再生の場合(ボタン操作などあり)
#code(HTML){{
<object declare id="swf1" data="sample.swf" type="applica...
<param name="bgcolor" value="ffffff">
<param name="loop" value="on">
<param name="quality" value="high">
</object>
<a iswf="#swf1" href="sample.swf">クリックで再生</a>
}}
data:swfファイルへのパス
width:横サイズ
height:縦サイズ
bgcolor:swfファイルの背景色。
loop:ループ再生はon、非ループはoff
quality:画質(high、medium、low)
ちなみに Flash Lite は PC でも再生可能。
*** Flash Lite の罠 [#wb84a0ab]
Flash Lite 1.x/2.x では、LoadVars などでファイルを読み込...
ちなみに Flash Lite 3.1 なら、ボタンに紐づける必要はない。
*** 参考 [#x8c08922]
- [[Flash Liteの仕様(フラッシュ, swf):http://memorva.jp...
- [[Flash コンテンツ(au サイト):http://www.au.kddi.com/...
- [[Flash Lite(Adobe サイト):http://www.adobe.com/jp/pr...
- [[Adobe Flash Lite 2.x および 3.x アプリケーションの開...
- [[FLASH- jpフォーラム:http://www.flash-jp.com/]]
-- [[:]]
** エミュレータ [#zd140b18]
*** docomo [#v4cc7ff1]
- [[docomo:http://www.nttdocomo.co.jp/]]
-- [[iモードHTMLシミュレータII:http://www.nttdocomo.co.jp...
*** au [#m9093e89]
- [[Openwave 6.2K:http://www.au.kddi.com/ezfactory/tool/u...
今はダウンロードできないぽい。
*** Softbank [#od855cfe]
- [[ウェブコンテンツビューア:http://creation.mb.softbank....
*** 3キャリア対応 [#y6f992b2]
- [[P1 Emulator:http://p1.netfarm.ne.jp/]]&br;
非常に高機能っぽいけど有料。
- [[FireMobileSimulator:http://firemobilesimulator.org/]]...
Firefoxのアドオン。
** 参考 [#b2b6714a]
- [[ke-tai.org:http://ke-tai.org/]]
- [[これからゆっくりL+α:http://sakaki0214.com/]]
- [[携帯サイトの作り方:http://www.limy.org/program/mobile...
- [[かんたんリファレンス:http://mobilehowto.magical-remix...
- [[携帯電話向けコンテンツの書き方。:http://www.marguerit...
- [[八角研究所:http://www.hakkaku.net/]]
-- [[OpenSocial を始めよう:http://www.hakkaku.net/series/...
-----
[[MLEXP. Wiki]]
終了行:
#contents
** 基本 [#raf54c80]
ほぼ PC 向けサイトの作成と変わらないが、以下の制限がある。
- 1ファイルのサイズは最大 5KB まで。&br;
&size(10){テキストはもちろん、画像も含む。};
- スタイルシート(CSS)は使用不可。&br;
&size(10){最近は使用できる端末も出てきてるようだか、使用...
- 表組み(tableタグ)は使用不可。&br;
&size(10){最近は使用できる端末も出てきてるようだか、使用...
- フレーム(frame)は使用不可。&br;
&size(10){これは PC サイトでも使用はあまり推奨されない。...
- クライアントサイドスクリプト(JavaScriptなど)は使用不...
&size(10){最近は使用できる端末も出てきてるようだか、使用...
- 文字コードは Shift_JIS のみ。&br;
&size(10){最近は Unicode などが使用できる端末もあるようだ...
あと、罠。
- 携帯のURLは大文字と小文字を区別する。&br;
&size(10){hogehoge.html と HogeHoge.HTML は別ものとみなさ...
&size(10){ただし、スキーマ部分(http、https)は、大文字と...
** 拡張 [#mb999c06]
PC サイト向けの HTML にはないタグや属性がいくつかある。
キャリアごとに独自拡張されていたりもするが、以下は 3キャ...
*** 電話をかける [#i5915e33]
アンカータグ(aタグ)の href に電話番号を指定できる。
<a href="tel:09088888888">電話はこちらまで</a>
tel: に続けて電話番号を書く。
*** アクセスキーを割り当てる [#b88300ac]
電話の 0〜9 までと「#」、「*」のボタンをリンクに割り当て...
<a href="http://hogehoge.com" accesskey="9">「9」でジャ...
accesskey に指定できるのは 0〜9 と「#」、「*」。
** 推奨事項 [#z7871caf]
必須ではないにしろ、携帯向けサイトでこうした方が良いと思...
- ページの横幅は最大 240px を想定する。&br;
画像にリンクをつける場合はリンクの境界線がかぶるので、若...
- インラインフレーム(iframe)はなるべく使用しない。&br;
iframe は多くの機種がサポートしているが、使わないで済むな...
- 文字セットはなるべく指定しておく。&br;
これをページ先頭に書く。 → <meta http-equiv="Content-Type...
- 画像ファイルは JPEG なら 3キャリア対応。&br;
本当は PNG が一番良いんだけど、docomo の古い機種は PNG に...
** UID [#k4e3d576]
携帯電話は、端末で個人を特定できるので、大抵はこれを利用...
*** docomo [#ude31ca1]
非 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 [#ba68eaeb]
au の場合は、常に HTTPヘッダに「HTTP_X_UP_SUBNO」が書かれ...
*** Softbank [#adb7c142]
docomo の utn の取得とほぼ同じだが、キー名は「SN」。
なお、SB の場合は USER AGENT に常に書かれているので、タグ...
*** 参考 [#d4779c57]
- [[携帯電話・個体識別情報(個体識別番号)の取得方法、uid...
** アプリ開発 [#t424f918]
今までキャリアごとに独自のプラットフォームだったけど、
今後は Java のオープンアプリが主流になるのか。
*** 開発ツール [#w536fa2e]
J2ME Wireless Toolkit なるものを使う。
- [[Sun Java Wireless Toolkit for CLDC:http://java.sun.co...
-- [[ダウンロード:http://java.sun.com/products/sjwtoolkit...
*** 参考 [#x47fc683]
- [[オープンアプリゲームコンテスト:http://appget.com/cont...
- [[MIDP2.0メモ:http://www.saturn.dti.ne.jp/~npaka/kvm/mi...
- [[オープンアプリ(Java)(au サイト):http://www.au.kdd...
- [[携帯アプリを作って学ぶJava文法の基礎:http://www.atmar...
** Flash Lite [#a43cebd9]
携帯端末でも動作する Flash 。それをつくるには Flash MX 以...
(Flash MX の場合は Flash Lite 1.0/1.1、Flash 8 なら Flas...
Flash があるなら、以下のサイトからアップデータを入手でき...
- [[Adobe Flash サポート:http://www.adobe.com/jp/support/...
パブリッシュ設定で「Flash Lite 2.x」などを選択して出力す...
ページへの埋め込み方法は、PC向けの場合 movie パラメータに...
インライン再生の場合(表示のみ)
#code(HTML){{
<object data="sample.swf" type="application/x-shockwave-f...
<param name="bgcolor" value="ffffff">
<param name="loop" value="on">
<param name="quality" value="high">
</object>
}}
インタラクティブ再生の場合(ボタン操作などあり)
#code(HTML){{
<object declare id="swf1" data="sample.swf" type="applica...
<param name="bgcolor" value="ffffff">
<param name="loop" value="on">
<param name="quality" value="high">
</object>
<a iswf="#swf1" href="sample.swf">クリックで再生</a>
}}
data:swfファイルへのパス
width:横サイズ
height:縦サイズ
bgcolor:swfファイルの背景色。
loop:ループ再生はon、非ループはoff
quality:画質(high、medium、low)
ちなみに Flash Lite は PC でも再生可能。
*** Flash Lite の罠 [#wb84a0ab]
Flash Lite 1.x/2.x では、LoadVars などでファイルを読み込...
ちなみに Flash Lite 3.1 なら、ボタンに紐づける必要はない。
*** 参考 [#x8c08922]
- [[Flash Liteの仕様(フラッシュ, swf):http://memorva.jp...
- [[Flash コンテンツ(au サイト):http://www.au.kddi.com/...
- [[Flash Lite(Adobe サイト):http://www.adobe.com/jp/pr...
- [[Adobe Flash Lite 2.x および 3.x アプリケーションの開...
- [[FLASH- jpフォーラム:http://www.flash-jp.com/]]
-- [[:]]
** エミュレータ [#zd140b18]
*** docomo [#v4cc7ff1]
- [[docomo:http://www.nttdocomo.co.jp/]]
-- [[iモードHTMLシミュレータII:http://www.nttdocomo.co.jp...
*** au [#m9093e89]
- [[Openwave 6.2K:http://www.au.kddi.com/ezfactory/tool/u...
今はダウンロードできないぽい。
*** Softbank [#od855cfe]
- [[ウェブコンテンツビューア:http://creation.mb.softbank....
*** 3キャリア対応 [#y6f992b2]
- [[P1 Emulator:http://p1.netfarm.ne.jp/]]&br;
非常に高機能っぽいけど有料。
- [[FireMobileSimulator:http://firemobilesimulator.org/]]...
Firefoxのアドオン。
** 参考 [#b2b6714a]
- [[ke-tai.org:http://ke-tai.org/]]
- [[これからゆっくりL+α:http://sakaki0214.com/]]
- [[携帯サイトの作り方:http://www.limy.org/program/mobile...
- [[かんたんリファレンス:http://mobilehowto.magical-remix...
- [[携帯電話向けコンテンツの書き方。:http://www.marguerit...
- [[八角研究所:http://www.hakkaku.net/]]
-- [[OpenSocial を始めよう:http://www.hakkaku.net/series/...
-----
[[MLEXP. Wiki]]
ページ名: