先日CSS Nite in Ginza, Vol.21に参加しましたのでレポートを掲載します。今回のテーマは携帯サイトです。
携帯サイトのコーディング事情?基本編
- キャリア別 CSSのサポート度合い
Y!ケータイ > EZweb >>>>> iモード - iモードのCSS
style属性に直接書く書式のみサポート - Y!ケータイとEZwebのCSSサポートの比較
EZwebは・・・font-weight:bold;不可border-stylesolid以外不可width不可
- 太字表示は機種依存する → フォントに依存するデザインはNG
- テスト環境はFirefox + User Agent Switcher、実機チェックは8機種くらいでしている
携帯用サービスにおける実装とデザインの現実
アクビィ制作チームによる、アクビィの実制作に基づくプレゼンテーションでした。
- 開発環境はDreamweaver CS3
- テスト環境
- iモード外字キット i絵文字を使って絵文字を表示
- Firefox + User Agent Switcher
- Firefox + Web Developerでウィンドウサイズを制限
- PCで見ると「手元でカチカチやる感じ」がないのでNintendo DSでもテスト
- 画像よりも絵文字を使う（ファイルサイズ・リクエストファイル数の削減）
- ファーストビュー → QVGAを基準に
- 機種により液晶のガンマ値・明るさが違う
sRGB色空間を使うと、色の違いはあまり出ない - ユーザーのUser Agent判定をPHPで実装
- PCからのアクセスをIPアドレス制限ではじく
- 文字コードはShift_JISだが、内部ではUTF-8
- Cookieは実質使えないので、GETパラメータを使ってセッションを引き回している
- アクセス解析にはAWStatsとGoogle Analyticsを利用
私のメモと記憶を書き起こしたものなので、私の興味に偏ったレポートとなりますことをご容赦ください。また、実際のプレゼンと異なっている点などがございましたらご指摘いただけると幸いです。そこはきっと私の記憶違いです。
アップルストアの無料版は今月から３回だけ、限定で復活とのことです。場所といい時間帯といい、仕事の帰りにフラッと寄れるのが良いですね。都合が良ければ来月も行きたいと思います。