モバイル向けの共通ページを制作するためのメモです。2006年中頃までの仕様となりますのでUTF-8やXHTMLで記述可能となってきた現在では適用できない項目も含まれているかと思いますが、旧機種に対応するために有用な箇所も有ると思われますので公開します。 なお最近の状況や仕様などは以下を参照すると良いかと思います。 ・ke-tai.org ・jkondoに憧れて 超手抜きでウェブサイトをモバイル対応 2008 またこの内容は2006年から2007年にかけてイベントにて小冊子として頒布したものです。そちらでご入手された方には情報が古くなってきたための公開ということをご容赦いただければと思います。 目次 はじめに 携帯HTMLの基本型 HTML HTML全般について HTMLタグとオプション 画像/動画 画像 HTMLタグ Docomo(FOMA) au SoftBank 著作権保護(コピー

この結果を見ると、docomoだけがバイト数として扱っているようだ。SoftBank C型・P型の場合もバイト数として扱っていた記憶があるけど、C型とP型は3月末でサービスが終了したから該当しなくなった。 ちなみにバイト数というのは、シフトJIS換算のバイト長のこと。HTMLのキャラクタエンコーディングをUTF-8にしても、結局はシフトJISでの長さとなる。 影響範囲と対応方法 maxlength属性の仕様の違いが最も影響するのは、DBアクセスがからんできたとき。テーブル定義にもよるけど、フォームで入力したテキストをそのままDBに入れてしまうと、DBアクセスでエラーになる可能性がある。 たとえば、Oracleでフィールド定義が VARCHAR2(20) のカラムに日本語を格納する場合、データベースキャラセットがシフトJISなら全角10文字まで入る。PCサイトが前提ならmaxlength="

入力フォーム（テキスト：1行）の横幅サイズの調整について、いつもコーディング時に迷うのでメモしておきます。 ※前提条件：3キャリア1ソース、xhtml size="**"のみ指定 <input type="text" size="27" name="hoge" /> 他のキャリアに合わせてサイズを調整していると、auで見た時に縦に2行になる場合があります（※端末の文字サイズにも依存します）。数字が大きすぎた場合？になるようですですが、だからといってauに合わせて数字を小さくすると、他のキャリアで見た時の横幅がかなり短くなってしまいます。 後、sizeで指定すると端末で設定している文字サイズによってフォームの長さも変わってきてしまうので、そこもちょっと気になるところです。 style="width:**"のみ指定 <input type="text" style="width:80%" na

target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f

ドコモ端末でCSSを利用するには Tweet 2008/4/3 木曜日 matsui Posted in DoCoMo | 9 Comments » ドコモ端末でCSSを表示しようとして、悩まれる方が多いようなのでご紹介しようと思います。 ドコモのiモード端末では、FOMA以降の機種でXHTML対応となりCSSが使えます。 ※厳密にいうと、ごく初期のFOMA21xxシリーズでは使えません。詳しくは下記一覧表からご確認ください。 →　iモード対応機種 対応コンテンツ・機能一覧 [nttdocomo.co.jp]　※PDFです ですが、PCと同じように普通に書くだけでは、CSSは認識されません。 下記の3点を守る必要があります。 iモード用のXML宣言、DOCTYPEを付ける CSSは外部ファイルにしない、ヘッダ部にも書かない 拡張子を「.xhtml」にする　※別の方法もあり まず1についてで

このカテゴリでは、iPhone、Androidスマートフォン向けのサイト制作に関する情報を掲載しています。 また、昔の携帯電話（ガラケー）向けの情報も残しています。 スマートフォン iPhoneをiOS17にアップデートしたらサイトのフォント（文字）の表示が太くなった Androidで明朝体が表示されるようになった レスポンシブデザインの仕組みと作り方、メディアクエリの書き方 スマホの画面サイズに合わせて画像・写真を縮小・拡大表示するレスポンシブデザイン スマホで画像を表示するとボヤける。srcsetを使ってパソコンとスマホの両方でロゴ画像などを綺麗に表示する。 JavaScript でスマホの位置情報（GPS）、緯度・経度を取得する JavaScript でスマホの加速度センサーやジャイロによる加速度、向き、傾きの値を取得する Googleのモバイルフレンドリーテスト、サイトのスマホ対応

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか

簡単な手続きですぐにお金を借りられる方法としては、消費者金融のキャッシングや銀行系カードローンがあります。特に最近では銀行系カードローンのCMをよく見かけるようになっていますが、一体、消費者金融のキャッシングと銀行系カードローンにはどのような違いがあるのでしょうか。 消費者金融のキャッシングと銀行系カードローンを比較した場合、まずはサービスを提供している運営会社に違いがあります。キャッシングは消費者金融という貸金業者が運営を行なっていますが、銀行系カードローンでは金融機関が運営しているという相違点があるのです。運営をしている業態が異なっているため、その業務を規制する法律もまた異なっています。そのため、キャッシングでは総量規制による借入れ時の上限金額が規制されることになり、総量規制の対象外となっている銀行系カードローンは借入れ時の上限金額は制限されていません。 また、消費者金融のキャッシング

かのうです。 雪が降って春が遠のいたかと思いきや、今日は青空が見れて嬉しいです！ もういち早く春にお会いしたい。 XHTML+CSSでの3キャリア対応の落とし穴【その3】 前回もサイブリッジラボで下記をご紹介しましたが、まだまだある注意点を引き続きご紹介します！ ・XHTML+CSSでの3キャリア対応の落とし穴 ・XHTML+CSSでの3キャリア対応の落とし穴【その2】 docomoとSoftbankで画像下にマージンができるときの対処法 1）divとimgタグの間に改行をいれない <div style="text-align:center;" align="center"> <img src="/m/common/images/spacer.gif" width="1" height="5" /></div> 2)divとimgタグの間にbrをいれる <div styl

こんにちは、shibaです。 前回の記事「モバゲーのような携帯サイトを作るための12のTips」が予想以上の大反響で少々びっくりしてます。はてブの数とか半端ないです。こんなブックマークが付く記事を書いたことがありません。笑 いといろとコメントくださった方ありがとうございます。 おかげさまで、この記事以来、怒濤のように仕事が舞い込んできており、 多忙の毎日を送っています。 さて、今回は前回の記事のコメントでいただいた、 ソフトバンクのVGA端末でのサイト内画像の出力に関するお話です。 前回の記事で、ソフトバンクの高解像度（横240ピクセル以上）VGA端末では、ロゴなどの画像を他のキャリアに合わせて横240ピクセルで作成した画像を表示すると、高解像度のまま小さく表示されてしまう（けっこうかっこ悪い…）という問題がでてきてしまうという点について触れました。 ちなみに、ソフトバンク以外のキャリアの