[B! mobile] ton_niiのブックマーク

携帯サイト作成時の注意点～ページ容量au編～携帯サイトを作ろう！　-ちょっと詳しいモバイルサイトの作り方-

久しぶりの更新です。ページ容量についての記事を書くのを忘れてしまっていたので、ここで一度まとめてみます。まずは、auについてページ作成時のページ容量について注意すべき点を挙げてみます。まず、auの機種は機種に搭載されているブラウザのバージョンによって、大きく分けて2つの規格に分かれています。それは、HDML対応機かXHTML（XHTML Basic）対応機かということ。これらはページ作成時のマークアップが異なります。ブラウザで言えば「WAP2.0か否か」の違いという認識でもOKでしょう。ただし、XHTML対応機はHDMLも内包し、HDMLで書かれたページも表示できます。一方、HDML対応機でXHTMLで書かれたページを見る場合は、au側でHDML変換サーバーを経由して表示されます。サイト作成時の許容ページ容量は、この規格によって異なります。まず、旧規格HDMLですが

ton_nii 2012/04/02

mobile

リンク

3キャリア対応サイトを作る際の注意点（画像フォーマット編）携帯サイトを作ろう！　-ちょっと詳しいモバイルサイトの作り方-

3キャリア対応サイトを作るテーマの今回は3回目です。今回は、各キャリアで発売されている携帯機種で表示できる画像フォーマット（jpegやgif等）についてです。 PCサイトを表示するブラウザでも実は、画像フォーマットの対応状況は異なります。携帯ブラウザも同じで、各機種によって表示できる画像フォーマットの対応状況が各社・各機種異なりますので、3キャリア対応サイトを作る際には、これらをよく理解しておかなければなりません。現在汎用性のある画像フォーマットとして挙げられる代表的なものは4つ。「BMP」、「JEPG」、「GIF」、「PNG」です。これらは画像を圧縮保存する際の方式が異なっていますが、どれも画像を扱っているという意味では同じです。それぞれ特徴があり、写真の内容によって保存時の画像フォーマットが選ばれるのですが、あえてここでは技術的なお話は割愛します。では、各社の対応状況を見ていき

ton_nii 2012/04/02

mobile

リンク

[携帯]デザインの時、fontサイズを何pxにしてますか？ │ これからゆっくり考L +α

携帯サイトのデザインをする時、デバイスフォントの部分（アンチエイリアスをオフにしてる部分）を何ピクセルにしてますか？ PCサイトの場合だと、通常の文字サイズを12pxないし13px、小さい文字を10pxで作成しているデザインをよく見るのですが、携帯でもそのパターンが多いなーと感じています。ユーザーが端末側の設定で文字サイズを変更している場合がありますが、検証する時は通常「標準（中）」の文字サイズでやっています。標準の文字サイズでチェックして、微調整をしたりしてます。 ※会社の方針や案件によっては違うかもしれないので一概には言えませんが。デフォルトの設定から変更していない人の割合が多い、とどこかに書いてあったような...？で、端末側の設定で文字サイズ標準（中）にすると、意外と文字が大きく表示されるんです。なので、デザイン上の文字サイズを12px、10pxで作成してしまうと、実機で見た

ton_nii 2012/04/02

mobile

リンク

携帯端末のフォント問題

ton_nii 2012/04/02

mobile

リンク

携帯サイト（html,table使用可）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α

前回のエントリー「携帯サイト（html）の制作に入る前に確認しておきたいチェック項目」では、tableを使わずにできるデザインでサンプルページを作成しました。今回は「tableを使用してよい」という条件のもとで制作した場合、で考えてみます。ただ、table非対応機種で見てもそこまでむごい崩れ方をしないように考慮して制作します。デザイン、条件は前のエントリーと同様です。前提条件は、・3キャリア1ソース・html（CSSは使用不可）・文字コード：Shift-JIS ・改行コード：CR LF 対応端末は、・docomo 901以降・au WIN端末・sb 3G です。 ※table非対応端末が含まれているがtableは使用してよいこととする。ただし、table非対応機種でもサイトの閲覧に支障がないようにすること。チェックポイント tableが使えることによって前よりもチェッ