スポンサーサイト

一定期間更新がないため広告を表示しています

携帯サイトでCSSはどこまで使える?(1)

ふたたび携帯サイトネタ。最近の第3世代端末は、実はどのキャリアもそろってXHTML Basicに対応しているので、今後の端末の普及率を考えれば、(絵文字やキャリア独自の拡張機能を除いて)キャリア別にページを用意しなくてもXTHML Basicに準じたマークアップをすれば問題なくなってくるのかな、という気がしてます。いや、そうなって是非そうなって欲しいところ。

そうなると気になってくるのが、端末がCSSにどこまで対応しているのか、という点です。構造と表現の分離、というWeb標準の考え方が携帯サイトにも適応できるのかどうか。…実はここがネックな気がしてます、個人的に。

…というのも、iモードのCSSの仕様がこんな感じなのです。

【i-CSS】
i-CSSは、iモード対応XHTML用のCSSです。
インラインのみに対応しています。
内部参照にも基本的に対応していませんが、以下に限り内部参照に対応しています。
・リンク擬似クラスa:link
・動的擬似クラスa:focus
・リンク擬似クラスa:visited
外部参照には対応していません。

作ろうiモードコンテンツ:iモード対応XHTMLの考え方 | サービス・機能 | NTTドコモ

この「外部参照には対応していません」が良く分からなかったのですが、どうやら「外部CSSの読み込みには対応してないので、style属性で直接書き込んで」という意味みたいなんです。

…て、CSSを採用するメリットを自ら無にしてる気がするんですけど…。あと、「インラインのみ」というのも勿体ない気が。そもそも「i-CSS」ってネーミングが「独自仕様」って感じを醸し出してます。…いきなり大きな壁にぶつかりました。

楽天からメルマガが届き続けるカラクリ?

いくら解約しても解約しても、楽天からメルマガが届くのは何故なんでしょう。その原因というかカラクリが先ほど判明しましたのでご報告。

よく楽天に出店しているお店のメールマガジンでプレゼント企画があって、そのプレゼントに応募することがあります。まずは指定のURLにアクセス。ログインすると、以下の画面が出てきます。

画像認証の上に「下の内容で応募する」ボタンがあるので、そこをクリック……するのはちょっと待ったーーーー!!下に何かいますよ!

そう、画面をスクロールすると、メルマガ購読のチェックボックスが潜んでいるのです。しかも全4種類。そう、「下の内容で応募する」なので、ここのチェックボックス郡も(存在に気が付かなくとも)ボタンを押せば承認してしまうことになってしまうのです。

…こういう手法ってどうなんでしょう?ユーザーからすれば、酷い手法であると思うのですが。楽天がWeb1.0と評される所以、なんでしょうか。ユーザーを騙しちゃいけないですよ。んー。

携帯サイト制作、雑感いろいろ

えー、携帯サイト制作、いろいろ思うところはありますけど(笑)気長に頑張っております。今日は、そんな中で気が付いた事を箇条書きで書き連ねてみたいと思います。

  • iモードの絵文字は意外と少ない。欲しい絵文字がなかなか無い。逆にEzwebの絵文字多過ぎ(700種?)
  • Ezwebの端末は、結構前からCSSも読めるしXHTML Basicだし、なかなか進んでる。それ以外のキャリアはようやくCSSが使える端末が出て来たばかり。
  • ある程度時間が経って、XHTMLとCSSが読める端末が普及すれば、携帯サイト制作の手法も変わるだろうなー(夢)それ以前に、フルブラウザがさらに幅を利かせるようになって、ワンソースマルチユースの時代がやってこないかなー(夢)

あと、この辺の技術的な話は、ユーザーにとっては別にどうでもいい話という気もしてきました。とりあえずは、今の手法でいいものを作りつつ、かつ、より効率的な手法を探っていけばいいのかなーと。

動画アドセンス?に遭遇。

いつものようにRSSをチェックしていたら、ネタフルのGoogleアドセンスのスペースにFlashの動画が!!初めて見た!

Flashをクリックすると、TVと同じようなCMが流れます。ページの文脈を分析した上でこの広告が現れたのかどうかは謎ですけど、確かにこれはインパクト大です。いや、文脈を分析した上で、動画の広告が打てるのであれば、テレビCMよりもダイレクトに訴求できるのかも。

乾き物Lifehack?

昨日、朝からディレクターさんが仙台土産で買ってきた「干し牛タン」を食べてたら、何故だか妙に頭が冴えてきた。

で、昼になって、少し眠気に襲われたころに、社長の奥さんから(なぜか)もらったせんべいをバリバリ食べてたら、眠気がキレイに消えた。

……!
これは使える!


……、と、思ったんですが、職場でビールのおつまみ系の食べ物や、せんべいやらをバリバリ食べる勇気(?)が必要なので、万人にオススメはできません。
あと、今朝からあごの筋肉が引きつってます(泣)

懐メロマークアップ

携帯サイト制作の本を引き続き読んでますが…、やっぱりこの手のお仕事、Web標準準拠を信条としてる方にとっては苦行ですよ。マジで。

例えばですよ、blockquoteについて、本にこんなことが書いてある訳です。

テキスト文字をブロック化して、左右に2バイト分の空きを作って表示します。

インデントじゃないって!引用ですから!divについてもこんな感じです。

divタグは段落を作成するものです。

段落じゃないから!意味は無いから!

その他、下線を引くなら「uタグ」を使いましょう、とか、hrで水平線を表示させましょう、とか。h1〜h6を文字の大きさの指定だと説明してたり…。

………何年前のマークアップなんだ…。ページをめくるたびに動揺を隠せません(笑)

再会

20060611_197763.jpg
携帯向けサイトの仕事を任されて、せっせと勉強中。……なんですが。


blinkって!
marqueeって!


Web標準を日頃気にしてる人にとっては苦行なのかも、この手の仕事。
早くも自分は開き直ってますけど(笑)

不思議なマークアップ

gree キャリアに乗ってるペパボの家入社長のインタビュー(株式会社paperboy&co. 代表取締役社長 家入 一真氏インタビュー - GREEキャリア )を読んでた時のこと。いつもの癖(病気)でHTMLのソースを覗いて、中のマークアップをチェックしていたら…。ん?

普通に考えると、h1は家入社長の顔アップの見出し画像だと思うんですが、greeはなんと、パンくずにマークアップしてます。初めて見た!

これ、決して間違った使い方って訳じゃないとは思うんです。h1の内容としては含まれてる文字列は妥当かなと。「GREEキャリア>」は余計だと思うけど。h1の次がh5でその次にh4が現れる組み方は謎ですけど。

見出し一つとっても、マークアップ、奥が深いです。

同床異夢。

20060609_196595.jpg
仕事帰りに駅で見掛けた広告。

動画配信サービスか何かだと思ったら、とあるSNSのキャンペーンみたいです。
「会員になれば、ワールドカップが携帯で見られる!!」
が本当に訴求力があるのやら、めちゃめちゃ疑問です。
ていうか、SNSとワールドカップに何の関係があるのやら。

「mixiを追撃するには、これしかない!」って話なのかなー。
妙に虚しい気分にさせられた広告のお話でした。
1

中の人、ご紹介

制作会社でマークアップ芸人、改め、うっかりIA(自称)をやってます。CSSとかHTMLとかでもご飯食べてます。気が弱くて省スペース設計。でも小言が多い、環境に優しくない32歳です。

過去のイベント出演暦