ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称（偽物）される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません（詐称の方法のページを参照）。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone

タグ † 携帯動画変換君で作成した3gppファイルにタイトルやアーティスト、権利情報や説明などのデータを付加するやり方について。 携帯動画変換君(ffmpeg)ではタイトルや説明は付加できますが、付加できない情報がいくつかあります。 変換し終えたファイルにも後から情報を付加できます。 ↑AtomicParsley † 準備 1. ここからダウンロードページに行き、 AtomicParsley-win32-0.9.0.zipをダウンロードします。 2. このファイルを解凍し、AtomicParsley.exeを変換君の"cores"フォルダにコピーします。 以上で準備は終わりです。 ↑Transcodingのカスタマイズ † 3gppファイル用の情報を付加するときのカスタマイズ例です。 1. 3gppファイルに情報の付加・変更だけを行う場合。 [Item*] Title=タイトル変更 Com

text-decorationの仕様を理解する この文書内に登場する「テキストの装飾」とは、テキストに下線、上線、取消線を付加するか否かを制御することを指します。 これらはtext-decorationプロパティによって設定できますが、これは一見単純な指定のようですが実際はかなり複雑です。 誤解の多い仕様ですので、少し詳しく紹介します(ここでは下線についてばかり説明していますが上線、取消線についても適宜読み替えてください)。 アンカーテキストの下線を消すには ものの本によるとアンカー(リンク)の下線を消すことは良くないことだ、と書かれています。 確かに下線があるとアンカーのように見える、という人は多いと思いますが、アンカーに下線が無いサイトが最近は多いですし、 また、下線が無いことによってアンカーを見失うということも(あまり)無いのであえてこの方法を紹介します。 いきなり正解を書くと次のよ

携帯サイトで、背景色を濃い色に、文字色を白（もしくは白に近い色）に指定している箇所に入力フォームを設置する場合、inputタグ（テキストボックスやsubmitボタン）の文字色に注意しましょーというお話です。 サンプルページ QRコード →サンプルページを見る <div style="background:#333333;color:#ffffff;"> ﾒｰﾙｱﾄﾞﾚｽ<br /> <input type="text" value="[email protected]" name="mail" size="27" style="width:95%" /><br /> <input type="submit" value="送信する" /><br /> </div> 各キャリアでの表示 docomo（F-06B） テキストボックス内の文字色も、submitボタンの文字色も「黒」。 外側のフォン

モバイル向けの共通ページを制作するためのメモです。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

携帯サイトに限ったことではないですが、フォームページの作成って結構骨が折れるというか心が折れるというか眠くなるというか。 そんなフォームページを簡単にやっつけるべく、コピペでペタペタはっていけるようにまとめてみました。 こんなフォームページがちょちょいのちょいと。 Dreamweaverなどを使っている場合はスニペットに登録しておくとかなり作業効率がアップしますよ？ ただ、Dreamweaverを使わずに秀丸とかでコーディングする時もあるので、そういう時の自分の為に。 メニュー さくっとコピペできるように、html用とxhtml用で分けています。 ・html用のフォームパーツ ・xhtml用のフォームパーツ 数字とか値は適当に入っているので、コピペしたら直してくださいませ。 html用のフォームパーツ ・基本のパーツ ・割とそのまま使えるパーツ ・名前 ・住所 ・生年月日 ・性別 ・同意規

ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための

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

携帯サイト用inputフィールドのデフォルトIME設定を3キャリア共通で得る関数を作ってみました。 特段、素晴らしいものでもないけれど、作ったのでシェアです。 前提としてUserAgentの判別をしておく必要があります。 $attr = mobileform("hiragana", "docomo"); // istyle="1" が返る $attr = mobileform("alphabet", "au"); // format="a" が返る $attr = mobileform("numeric", "softbank"); // mode="numeric" が返る <input type="text" $attr> のように出力すれば、3キャリアごとに違うinput属性を作ってくれるというもの。softbankがhiragana,alphabetなどになっていて一番分かりやすか

ドコモ端末で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 で加速度センサーやジャイロによる加速度、向き、傾きの値を取得する 電話番号への自動リンクを禁止する 画面サイズに合わせてページを表示する - viewport 携帯電話（ガラケー） 着メロ作成方法、M

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

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