ITキヲスク | ユーザーエージェントで携帯電話（主要３キャリア）とそれ以外を振り分ける方法、まとめてみました。
携帯電話からのアクセスとPCからのアクセスを振り分けたい場合、IPでガッツリ判別するか、ユーザーエージェントでやんわり判別するか、このどちらかがほとんどだと思います。 で、ユーザーエージェントを使うとした場合でも、実際の方法はいくつもあったりします。しかも、調べてみると結構古い情報ばっかりだったり。 なので、今回のエントリーでは備忘録がてら、「日本の携帯主要３キャリア（DoCoMo / au / Softbank）の現行機種」に絞って、ユーザーエージェントを利用した.htaccessとPHPとJavaScriptそれぞれの、携帯電話orそれ以外の振り分け方法を2010年8月現在の最新バージョンでお届けしたいと思います。 ユーザーエージェントで携帯電話とそれ以外を振り分ける方法 携帯電話のユーザーエージェントに関して 携帯電話の主要３キャリア（DoCoMo / au / Softbank）の
クロスプラットフォーム対応モバイルサイトを構築するために必要なファイルをまとめた -Mobile Boilerplate
HTML, CSS, JavaScriptをはじめ、sitemap.xml, .htaccessやアクセス解析など、モバイルサイトを構築するファイルをまとめた「Mobile Boilerplate」を紹介します。 「Mobile Boilerplate」はjQuery MobileやSencha Touchなどと相性がばっちりだそうです。 Mobile Boilerplate [ad#ad-2] Mobile Boilerplateの特徴 クロスプラットフォーム対応（Android, iOS, Blackberry, Symbian） CSSはIE Mobile 7をターゲット ホームスクリーンアイコン（Android, iOS, Symbian） ビューポートの最適化（Opera Mobile, Android, iOS, IE, Nokia, Blackberry） ビューポートのスケ
間違いだらけの「かんたんログイン」実装法
今回は、そのかんたんログインの問題点について説明します。 「契約者固有ID」を用いるかんたんログイン かんたんログインとは、携帯電話の「契約者固有ID」を用いたログイン手法です。 第1回で説明したように、携帯電話のブラウザのリクエストヘッダには契約者固有IDと呼ばれるIDを付けることができます。契約者固有IDは、携帯電話事業者によって詳細は異なりますが、すべての携帯電話事業者が対応しています。 図1は、NTTドコモの携帯電話がサポートしている契約者固有IDである「iモードID」がサーバに送信される様子です。この情報は、ユーザーがそれと意識することなく送信されます。携帯電話のかんたんログインとは、契約者固有IDのみを用いて認証を行い、ログイン機能を実現することです。 かんたんログインは、ベーシック認証のようにIDとパスワードを管理する必要もなく、Cookieのように対応する端末を考慮する手間
Web情報配信｜Wiwi connect» Blog Archive » モバイルコーディング逆引き辞典！
基本編 Q：1適切なDOCTYPEは？ Q：2適切な文字コードは？ Q：3xhtmlでコーディングしたのですが表示されない… Q：4容量制限はあるの？ Q：5色は何色まで再現が可能？ Q：6デザインを整える際の注意点はあるの？ テキスト編 Q：7テキストの適切な大きさは？ Q：8斜体や太字はできるの？ Q：9流れる文字や点滅文字はできるの？ Q：10カタカナは全角？それとも半角？ Q：11画像へのテキストの回り込みはできるの？ 画像編 Q：11画像へのテキストの回り込みはできるの？ Q：12画像のサイズってどうしたらいいの？ Q：13拡張子は何がいいの？ Q：14画像の周りにスペースを作る事は可能？ Q：15tableの中にある画像が小さく表示される… table＆div編 Q：15tableの中にある画像が小さく表示される… Q：16valignは使用可能？ Q：17「div」または「t
CakePHPで作る携帯サイト·Ktai Library MOONGIFT
Ktai LibraryはPHP製のオープンソース・ソフトウェア。日本の携帯電話はとても優秀であり、携帯電話からのWebアクセスは年々増え続けている。数年後にはPCからのアクセスを抜くとさえ言われている。Webの主役は変わりつつあるのだ。 ファイル構成 そうなれば携帯電話向けサイト開発はごく当たり前に行うべきものになるだろう。PCサイトとは相当にノウハウが異なるので注意が必要だ。だが既にすばらしいライブラリが多数ある。CakePHP開発者ならKtai Libraryを使うといいだろう。 Ktai LibraryはPHP4/PHP5両方に対応したライブラリで、CakePHP用のライブラリになっている。絵文字キャッシュ、IPによるキャリア判定、Google Static Maps APIの利用、インラインスタイルシート支援、セッション対応、リダイレクト対応、uid取得、キャリア判別など多数の機
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α
モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字は？ ・カタカナの扱いは？半角？全角？ ・VGA対応は？ xhtml？html？ 最近は基本xhtmlで作成という流れに（私の場合は）なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください！」と言われてやり直したことがあります...。 文字コードは？ 携帯サイトといったらSh
MdN Design｜総合情報サイト
専門知識を必要としないケータイサイト制作が始まっている ケータイサイト制作には、PC向けWebサイトの制作にはないさまざまな配慮が必要になる【1】。もとをたどれば、小さな端末に機能を盛り込むための規格への対応やユーザーの利便性向上のためのケアなのだが、PC向けのWeb制作やサイト運用の現場感覚からすれば、めんどう以外のなにものでもない。それが嫌でケータイサイト制作を敬遠するWebクリエイターを著者は知っている。かけるコストと工数を抑えながら、これら「ケータイ専用の配慮」をどうやってクリアするかは開発・運用のひとつの焦点だ。 ひとつの回答がFlashによるWeb制作だ。事実、FlashはWebクリエイターとケータイサイト制作を結ぶ大きな懸け橋になっている。トップページのFlash制作からケータイサイト制作に参入したというWebクリエイターは多いのではないだろうか。ページデザインの自由度の高さ
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
Tips携帯サイト構築 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認してお
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-15 >
モバイルサイトXHTMLコーディングのチェックポイント など10記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
モバイルサイトにおけるXHTMLコーディングのチェックポイント （これからゆっくり考L +α）日本の携帯電話は“ガラパゴス携帯”とも揶揄され、独自の進化を遂げている。これが影響を与えているのか、モバイルサイトのコーディングもPCサイトよりずっと難解なようだ SEOも大切なのだが、アクセスを集めた後にユーザーにサイトに滞在してもらい、コンバージョンアクションを起こしてもらうための見やすく使いやすいデザインも、重要である。こちらの記事では、携帯サイトをXHTMLでコーディングする際のチェックポイントを解説している このコーナーでも以前にお伝えした携帯サイト（html）の制作に入る前に確認しておきたいチェック項目も秀逸だったので、こちらも併せて参考にしてほしい。 2009年 ヤフー 検索キーワードランキング 発表 （ヤフー・ジャパン検索ランキング）日ヤフーが、Yahoo!検索の年間ランキング「2
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
ke-tai.org > Blog Archive > Google Analytics携帯版の導入方法まとめ
Google Analytics携帯版の導入方法まとめ Tweet 2009/11/30 月曜日 matsui Posted in 記事紹介・リンク | 14 Comments » 先月発表された「Google Analytics携帯版」ですが、Googleから正式なリリース告知は無いものの、ケータイからのアクセス解析が一応利用できる状態になっているようです。 PC版でGoogleAnalyticsを利用しているので、モバイル版でも利用したいという方も多いと思います。 しかしながら、セットアップ方法が少し複雑なため、導入に手間取っているという話も良く聞きます。 今回は自分のメモ代わりもかねて、Google Analytics携帯版について触れているブログを集めてみました。 まず便利なのがこちらのサイトです。 タイトルからもわかるとおりGoogle Analyticsを専門に扱っているブログ
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
モバイルサイトを作るときに参考になるサイト – creamu
Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。
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ソース
PHPを使って3分で作る3キャリア対応ケータイサイト | ke-tai.org
PHPを使って3分で作る3キャリア対応ケータイサイト Tweet 2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | 28 Comments » 本日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター（仮名）」を作成してみましたので、そのご紹介をさせていただきます。 先日のPHP勉強会で発表させていただきました。 ご参加いただいた皆様、本当にありがとうございました。 発表資料をアップしてありますので、まずはこちらをご覧ください。 PHPを使って3分で作る3キャリア対応ケータイサイト View more documents from ketaiorg. ということで、「3分で作る」とは謳っているものの、ドコモ用に作られたHTMLを他キャリア用にコンバートするだけの、実に簡素な作りです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインフラッシュ待受ギャラリー! Design Flash Wall Gallery!
はてなブログ | 無料ブログを作成しよう
