DoCoMoのCSSとXHTMLまとめ | 村式流 イッパシエンジニアへの道
DoCoMoのCSS、XHTMLにはクセがあります。注意すべき点をまとめてみました。 これに関してはいろいろなサイトで論じられていますが、既出のネタや仕様書の内容も含めなるべく広範囲に渡って情報を集めました。 他のキャリアについてはまた書くと思います。 特に気をつけるべき点を先にまとめると、こんな感じです。 ・CSSはインラインでしか記述できない。 ・XHTMLが必須でかつ適切なContent-Typeヘッダを吐く必要がある。 ・istyle属性は使えない。 ・MARQUEEタグは使えない。 ・object要素によるFlashの埋め込みはiモード対応XHTML1.1から。 ・TABLEタグはiモード対応XHTML2.0以降でないと使えない。 ・GPS用の属性lcsはiモード対応XHTML2.1以降でないと使えない。 (DoCoMoに限った話ではない内容も含まれています)
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
[携帯]デザインの時、fontサイズを何pxにしてますか？ │ これからゆっくり考L +α
携帯サイトのデザインをする時、デバイスフォントの部分（アンチエイリアスをオフにしてる部分）を何ピクセルにしてますか？ PCサイトの場合だと、通常の文字サイズを12pxないし13px、小さい文字を10pxで作成しているデザインをよく見るのですが、携帯でもそのパターンが多いなーと感じています。 ユーザーが端末側の設定で文字サイズを変更している場合がありますが、検証する時は通常「標準（中）」の文字サイズでやっています。標準の文字サイズでチェックして、微調整をしたりしてます。 ※会社の方針や案件によっては違うかもしれないので一概には言えませんが。 デフォルトの設定から変更していない人の割合が多い、とどこかに書いてあったような...？ で、端末側の設定で文字サイズ標準（中）にすると、意外と文字が大きく表示されるんです。 なので、デザイン上の文字サイズを12px、10pxで作成してしまうと、実機で見た
携帯ブラウザのユーザーエージェント（User-Agent）による機種判別、キャリア判別
ドコモ、au、ソフトバンクの各携帯電話のブラウザのユーザーエージェントは、パソコンのブラウザと同様にプログラムで取得することができる。 ユーザーエージェントを利用してキャリアの判別や機種判別を行うことができる。 ユーザーエージェントには、ドコモなら「DoCoMo」、au・TU-KAなら「UP.Browser」、ソフトバンクなら「J-PHONE」、「Vodafone」、「SoftBank」という文字列が含まれている。 これらの文字列を調べることで携帯電話のキャリアを判別することができる。 ただし、Vodafoneの一部の機種は、「UP.Browser」という文字列がユーザーエージェントの途中に含まれている。 キャリアを判別する場合は、「ユーザーエージェントの先頭の文字が何で始まるか」で判別した方が良いと思われる。 また、ユーザーエージェントには機種名の文字列が含まれているので、機種の判別を行
iモード専用サイトのhtmlソースの閲覧方法 « mpw.jp管理人のBlog
iモードブラウザ2.0のJavaScriptを調査･研究する過程で、iモード専用サイトのhtmlソースを閲覧する方法を発見しました。 今回発見した方法を用いれば、「ドコモ・ゲートウェイ以外からのアクセスを禁止している」、「サーチエンジンのクロールを禁止している」、「XSS脆弱性が存在しない」の三つの条件を満たしているiモード専用サイトでも、htmlソースを閲覧することができます。 しかし、htmlソースを閲覧するためには、そのiモード専用サイトが別の二つの条件を満たしている必要があります。 htmlソースが閲覧可能なiモード専用サイトの条件 デフォルトホストで運用されている。（ヴァーチャルホストではない） iモードブラウザ2.0のJavaScriptからのアクセスを禁止していない。 iモード専用サイトのhtmlソースの閲覧方法 iモードブラウザ2.0のJavaScriptで、htmlソース
ビートレンド、携帯端末毎のアクセス実勢を調査 ｜ プレスリリース ｜ ビートレンド株式会社
ビートレンド、携帯端末毎のアクセス実勢を調査 ビートレンド株式会社 ビートレンド株式会社（本社：東京都港区、代表取締役社長：井上英昭、以下ビートレンド）は、携帯向け総合販促SaaSサービス「BeMss」を提供する、3,100以上のアクティブアカウントのうち法人企業携帯サイトへどのような端末からアクセスされているかの調査を実施いたしました。 一般に公表されている端末ごとのシェアは、IP接続をほとんどすることのない旧端末の数値が実勢より多く、一方、特定の業種・業態に限定された端末別アクセスの調査データは、新しいモデルやサービスのシェアが実勢より多く報告されがちです。 今回の調査は、特定の業種や規模・サービス内容に偏っていないBeMss利用企業の携帯サイトを対象として、アクセスされた端末情報を集計していますので、一般の企業が携帯サイトでプロモーションする際、対応端末や提供コンテンツを検討していく
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました
こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀本です。 追記：Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません<(｡_｡)> 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな自分としてはぜひともチェックしておきたいなと思って参加してきました。 勉強会・懇親会ともなかなか面白い話が聞けたり、変な人がいっぱいしたりしてとても面白かったです。 モバイルをやっているといつも面倒なのは、テンプレートの扱いです。 そのあたりのまとめは以前このブログでうちの高橋さんが超まとめてくれた記事があるので、そちらをご参照ください。 とくにDoCoMoのCSS(i-CSS)は開発者泣かせですね。インラインのみに対応とか、開発しにくくて涙ちょちょぎれそうです。 さてさてそんなDo
TokuLog 改め だまってコードを書けよハゲ - ドコモでも CSS を外部参照を使える HTML::DoCoMoCSS をリリース
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
DoCoMoでCSSを効かせる方法 - maru.cc@はてな
超手抜きでウェブサイトをモバイル対応 2008 http://pub.studio15.jp/2008/02/04/mobile-website-2008-2/ こちらで、FOMA以上のサイトの場合の方法が紹介されてました。 デザイン重視でFOMA以上に限定し、DoCoMoでもCSSを効かせるようにしている場合があるが、その場合、metaヘッダを出してあげないと端末側でCSSが効かない。 http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/notice/basis/index.html MIMEタイプ XHTMLのMIMEタイプは、application/xhtml+xmlとします。 仕事でやっている場合にはiアプリなど別の要因でmovaを切れる場合以外には、やはり505以上とかは対応せざるを得ない場合が多かったりするけど
<8382815B836891CE899E5848544D4C94E48A72955C205F32303038303532312E786C73>
No. 1 !-2- 要素 - 属性 iモード対応HTML iモード対応 HTML HTMLバージョン バージョン 1.0 2.0 コメント - 備考 要素 !-!DOCTYPE 属性 <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.0//EN" "i-xhtml_4ja_10.dtd"> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ve
DoCoMoのCSSとXHTMLまとめ | 村式開墾日記
DoCoMoのCSS、XHTMLにはクセがあります。注意すべき点をまとめてみました。 これに関してはいろいろなサイトで論じられていますが、既出のネタや仕様書の内容も含めなるべく広範囲に渡って情報を集めました。 他のキャリアについてはまた書くと思います。 特に気をつけるべき点を先にまとめると、こんな感じです。 ・CSSはインラインでしか記述できない。 ・XHTMLが必須でかつ適切なContent-Typeヘッダを吐く必要がある。 ・istyle属性は使えない。 ・MARQUEEタグは使えない。 ・object要素によるFlashの埋め込みはiモード対応XHTML1.1から。 ・TABLEタグはiモード対応XHTML2.0以降でないと使えない。 ・GPS用の属性lcsはiモード対応XHTML2.1以降でないと使えない。 (DoCoMoに限った話ではない内容も含まれています) CSSの名称、記述
作ろうiモード：iモードコンテンツ作成時の仕様 | サービス・機能 | NTTドコモ
Shift-JISおよびUTF-8エンコーディングのみ対応です。 半角カナの使用が可能です。 176種類の基本絵文字(拡張絵文字は76種類)の利用が可能です。 絵文字一覧 基本的に一切の禁則処理は行いません。 縦スクロール機能のみです。 横スクロールはしない為、長文は自動折り返しされます。（pre要素使用時も含みます。） 改段落処理をおこなう要素（form, pre, blockquote, div, hr, ol, ul, dl, hn）に関して、上下の空行はなくなります。 （ここでいう改段落処理とは前記要素を利用した際に前後のブロックとの間に強制的に空行が入ってしまうことを示します。） 段落要素とマーキーブロック、ブリンクブロックとのネストについては保証しません。 br要素、p要素の改行処理はそのままです。 ブックマークおよび画面メモのタイトルはtitle要素の記載が反映されるので、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fallinstar.org
SoftBankの絵文字（メール変換表（SoftBank ⇒ 他キャリア））
Site Under Maintenance
ｉモードの絵文字（メール・ウェブ変換表（docomo ⇒ 他キャリア））