@inつくば

携帯サイトを作るうえで一番面倒かつ重要なのが、
docomo・au・Softbankの3キャリアでどう表示されるのかを確認することだと思います。

何が面倒かって、3キャリアすべて共通の仕様ではなく、独自の仕様があること。
仕様の違いは絵文字なんかが一番わかりやすいと思います。

確認は実機でするのがもちろん一番なのですが、実機がない場合重宝するのが、
各社が提供しているシミュレータです。
docomo：iモードHTMLシミュレータII
au：Openwave SDK6.2K
Softbank：ウェブコンテンツヴューア
※Softbankのみ会員登録が必要（以前は必要なかったのに…）

シミュレータ…docomoはいいです、auもまだ使えます、Softbankは使えませんがーん…

シンプルウェイが運営しているつくばちゃんねる求人などは
どの携帯からアクセスしているのか、パソコンからのアクセスなのか…などで表示するHTMLを決めていて、docomoやauのシミュレータは実機でアクセスしているかのように偽装？することが可能なのですが、Softbankのウェブコンテンツヴューアはしてくれないのです

Tweet

ページ先頭に戻る

（つくば：カエル）

2008年10月09日

at 11:30
posted by @
comments(0)

XHTML+CSS

IEで画像の下に意図しないマージン（余白）が出る

たまには技術的なことも…

marginもpaddingも指定していない画像に
IEで画像の下に5pxくらいの意図しない余白が出ることがあります。

数枚の画像を縦に並べる時などは隙間が空いてしまうので、デザインに支障をきたします。

現象としては以下のような感じです。
※わかりやすいようにちょっと大きめに余白を表示してます。

IEで画像の下に意図しないマージン（余白）が出る

Tweet

ページ先頭に戻る

（つくば：カエル）

2008年06月02日

at 12:15
posted by @
comments(0)

XHTML+CSS

JavaScriptがいらないGoogleマップ API

JavaScriptがいらないGoogleマップ API「Google Static Maps API 」。

Googleマップ APIはいろんな機能があって便利ですが、
その機能がいらない場合はこっちでいいかも。

<img src="http://maps.google.com/staticmap?center=[緯度],[経度]&markers=[緯度],[経度],[マーカーの色]&zoom=[ズームレベル]&size=[幅]x[高さ]&key=[Google Maps API キー]" />

参考：Google マップが携帯でも表示できるようになりました

Tweet

ページ先頭に戻る

（つくば：カエル）

2008年05月23日

at 12:05
posted by @
comments(0)

XHTML+CSS

Shift_JISのページでGoogle マップ API

Google マップ APIはサイト制作で便利なのですが、
HTMLのエンコードがUTF-8でないとIEで表示されません。

今は基本的にUTF-8でHTMLを作ってますが、
むかーしのHTMLはShift_JISで作っていたりして、このままでは使えない。
インラインフレームなどを使うのもアリだと思いますが、
ページを新たに追加しなければならないので、面倒ですよね。

そこで、<head>～</head>に入れるタグに赤字の部分を追加。