[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
ケータイとPCの検索における5つの違い
携帯電話とPCには5つの大きな違いがある。PCのSEOのノウハウを携帯電話にそのまま転用しても成功には結びつかない。両者の違いを踏まえてモバイル独自の対策を実施する必要がある。下記に挙げた5つの違いについて順番に解説していく。 1.検索キーワードの違い 2.検索エンジンの違い 3.公式サイト・一般サイトの区別 4.キャリア/端末の識別 5.IPアドレスによるアクセス制限 1.検索キーワードの違い SEOで最も重要な要素のひとつが対策するキーワードだ。携帯電話ならではの特徴と、PCとの共通点が見えてきた。 携帯電話の検索の特徴「キーワードの正確さ」 ほぼすべての端末には予告変換機能が搭載されており、はじめの1文字2文字を入力すれば、大抵は自分の意図する単語が表示される。固有名詞が辞書に登録されているため、「L’Arc〜en〜Ciel」「Mr.children」などのアーティスト名や「LOUI
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
最近ケータイサイトの開発を行っているのですが、キャリアや機種によって動作にいろいろと違いがあり、なかなか面倒ですね。 キャリアごとにテンプレートを分けて記述するのは手間なので、基本的に共通テンプレートで記述したいところですが、どうしても振り分けをしないと駄目なこともあるため、今回やってみて気がついた違いなどについてまとめてみました。 なお、いわゆる第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)でXHTML対応機種のみを対象としています。 ■文字コード UTF-8で統一して大丈夫そうなのですが、DoCoMoのみ特定の文字(三点リーダーや丸数字など)をフォームから入力した場合に消えてしまったりするようですので、DoCoMoは入出力をShift_JISにする必要があります。 ※上記で特定の文字のひとつとしてあげました三点リーダーですが、UT
memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました
NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。 いままで携帯でテストするときに、まともに利用できるエミュレーターといえば、i-modeシミュレータしかなく、結局実機でのテストに頼っていました。 この「P1 Emulator」はケータイサイトのテストの救世主となるのでしょうか。 早速試してみました。 ■まずはダウンロード http://p1.netfarm.ne.jp/ ※ダウンロードには会員登録/ログインが必要です。 ■エミュレーターインストール インストールがめちゃくちゃ重かったです。 うちの環境だけかな。固まったかと思うほど。 気長に待ちましょう ■インストール完了 かなり時間かかりました。 ■ライセンス登録画面 最初に起動するとベータ版のライセンスキーを取得するように言われます。サイトに行って取得しましょう。登録したメール
似ているようで大きく異なる2つの世界--モバイルサイトとPCサイトの違いを知る
ウェブサイトの構築というと、一般的にはPCサイト構築を目的として書かれたものが多いが、モバイルサイトを構築する際には、PCサイトでできることが全てできる訳ではないので注意が必要である。 近年携帯電話の高機能化、高速化により、携帯電話の性能がPCの性能に近づいてきた。しかし、両者の間では、まだまだ解消しなければならない違いが数多く存在する。一口にウェブサイトと言っても、モバイルサイトとPCサイトでは、全く別ものとして考えたほうが現実に即していると言える。そこで今回は、PCサイトと違うモバイルサイトならではの特徴を機能面や利用面から紹介する。 キャリア、メーカーによって異なる世界 モバイルサイトを構築する上でまず頭に入れておかなければならいのは、PCインターネットと違い、モバイルインターネットでは携帯電話会社（キャリア）によって、その世界が違うということである。ではその携帯電話会社による違いと
jkondoに憧れて » 超手抜きでウェブサイトをモバイル対応 2008
◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。
CakePHP 携帯用ビューを表示する
サイトにPC用と携帯用がある場合、PC用とは別に携帯用の表示を行う方法です。この方法なら同じコントローラ・アクションで、レイアウトとビューファイルを変更することができます。なお携帯版のURLは[/m/]で始まるようにします。 1.URLルーティングを設定する。 [app/config/routes.php]で[/m/]からURLが始まる場合にwebservicesとして扱うように設定します。 [app/config/routes.php] <?php (snip) $Route->connect('/m/:controller/:action/*', array('webservices' => 'Mobile')); ?> 2.WEBSERVICESを有効にする。 webservicesがフレームワーク内でサポートされるように設定を変更します。 [app/config/core.php:
モバイルのウェブサイトに関する調査--重要なのは、「操作性」「スピード」「見やすさ」
Webマーケティングガイドでは、モバイルインターネット調査会社のネットエイジアリサーチと共同調査のもと、モバイルのウェブサイトについて実態調査を行った。 前回のモバイルのウェブサイトに関する調査（上）では、モバイルウェブサイトの利用実態について調査を行ったが、今回はユーザーがモバイルサイトに何を求めているのかを把握し、モバイルサイトの今後について考察していきたい。 ≪調査結果サマリー≫ ユーザーがモバイルサイトに求める要素は、「操作のしやすさ」「スピード」そして「見やすさ」 モバイルサイトを、「情報収集するもの」と考えているユーザーが最も多く、次いで「暇つぶしをするもの」 70％以上のユーザーがモバイルとPCの同期化に肯定的である 調査対象は、15歳〜49歳のモバイルユーザー345人。 男女比は、男：173人、女：172人の割り付けを行った。 キャリア比は、Docomo:55.9％ Ezw
絵文字データベースと相互変換マッピングデータベースのJSONファイルを公開します。
こんにちは、亀本です。 === 追記：みなさんいっぱいはてブしてくれたようなので、せっかくなのでちょっと宣伝です（＾＾； この絵文字データベースは、携帯専用イベント支援サイト「あつまろ☆ねっと」というサイトの、メーリングリスト連動型の掲示板を構築していく過程で出来上がったものです。 「あつまろ☆ねっと」は現在ベータ版ですが、ぜひ利用してやってください<(｡_｡)>ﾍﾟｺﾘ === 携帯サイト作成の際に頭を悩ます最初の関門が、絵文字の取り扱いだと思います。 各社とも絵文字のデータ形式や相互変換表などを公開してくれていますが、取り扱いやすいデータ形式で統一的にまとめてある情報がなかなか存在しなかったりして、車輪の再発明が非常に多い分野ではないかな、という気がしました。 そこで、どうせなら利用しやすいようにきっちり整理しようと思い、各種文字コードや表示形式を統括的に扱う絵文字データと、それらの絵
userAgent一覧
ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称（偽物）される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません（詐称の方法のページを参照）。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■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
ke-tai.org » Blog Archive » PHPでケータイからセッションを使う場合の設定方法
PHPでケータイからセッションを使う場合の設定方法 Tweet 2007/12/12 水曜日 matsui Posted in PHP, サーバ | 23 Comments » 今回は、ケータイ上からPHPのセッションを使う場合の設定方法についてです。 ケータイからPHPのセッションを機能を使う場合、端末によってはクッキーが利用できない場合があるため、そのままでは使うことができません。 セッションを使いたい場合は、インストール時のconfigureオプションに、「–enable-trans-sid」を付ける必要があります。 ※Windowsの場合は特に設定の必要はありません。 また、「php.ini」の設定で、次のように設定してください。 ※設定変更後はWebサーバの再起動が必要です session.use_trans_sid = 1 もしくは「.htaccess」でも設定することができま
[を] Webサイトをケータイからのみアクセス可能にする方法
Webサイトをケータイからのみアクセス可能にする方法 2008-01-09-4 [Tips] ケータイ（およびモバイル検索用クローラ）からのみ アクセス可能にする方法のメモ。 ケータイ用サイトにPCサイト用のクローラが来ると、 重複判定されがちで（そういうサイトなのです） SEO 的にアレなので、 ケータイ世界とPC世界をきっちり分断したい、遮断したい、 というのがモチベーション。 私のモバイルサイトでやっている方法ですので、 完璧なものではないし、完璧に近いものでもありません。 とはいえ、実はこのくらいで十分な気がします （モバイルまわりは良く分からないので根拠なしですが）。 ■ .htaccess SetEnvIf User-Agent "J-PHONE" jph SetEnvIf User-Agent "SoftBank" sb SetEnvIf User-Agent "Vodafo
![[を] Webサイトをケータイからのみアクセス可能にする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/af37977ee866988286b95e74fff98500a190545c/height=288;version=1;width=512/https%3A%2F%2Fchalow.net%2Fimages%2Ftcl-logo-25.png){kind=logo}
PHPで高速に携帯ゲートウェイのIPから携帯キャリアを判別する - グニャラくんのグニャグニャ備忘録@はてな
[追記]id:hetimaに指摘された、32bitアーキテクチャでの問題を修正。大感謝。 携帯電話からのWebアクセスゲートウェイのIPアドレスから、 携帯キャリアを判別したい場合がある。 通常は、id:tokuhiromによる Net::CIDR::MobileJP(WWW::MobileCarrierJP)を使うといいと思う。 DSAS開発者の部屋:携帯ゲートウェイのIPアドレス帯更新を効率的に確認する方法 http://d.hatena.ne.jp/tokuhirom/20071207/1196989588 YAMLが出力されるので、さまざまな環境で利用ができるよ！ 今回、PHPで携帯キャリアを判別したいと思ったんだけど、 PHPでYAMLを読んでその中身をすべて検査するなんてやだいやだい！ と沸き立つような強い衝動が。 というわけで、cidr-mobilejpというPythonスク
MOONGIFT: » 携帯向けコンテンツを自動生成「mod_chxj」:オープンソースを毎日紹介
携帯向けサイトは殆ど作ったことがないのだが、それでもキャリアごとの対応は大変だった（自分自身がそこに当たった訳ではないが）。 携帯がどんどん高機能化すれば、この傾向はさらに強まるだろう（機種によって対応化範囲も異なるので）。そうなればあまり手軽に携帯向けサイトが作れなくなってしまう。克服するための仕組みがこれだ。 今回紹介するオープンソース・ソフトウェアはmod_chxj、携帯向けコンテンツを生成するApacheモジュールだ。 mod_chxjはApache2.0用モジュールで、各種携帯電話向けのコンテンツを自動生成してくれる。CHTMLはもちろん、通常のHTMLを変換したり、絵文字を各キャリア向けに対応させる、画像を変換すると言った操作を自動で行ってくれる。 さらにリファラーやCookieの非対応端末のために、シミュレートしてくれる機能もある。他にもQRコード出力機能もあり、既存のサイト
非公式サイトにおける課金について : LINE Corporation ディレクターブログ
こんにちは、livedoor のプロデュースグループでモバイル事業を担当している津元です。今回は非公式ケータイサイトの課金について書かさせていただきます。 その前に、公式サイトとは何かをご説明いたします。公式サイトとは、ケータイキャリアが公式に認めているサイトという意味を持ちます。以前の記事で、公式サイトに登録されるメリットを書きましたが、そのなかに「キャリアの情報料回収代行サービスを利用でき、容易に課金できる」というメリットがありました。 皆さんも使われたことがあると思いますが、4ケタのパスワードを入れるだけでコンテンツなどの購入ができ、支払いは毎月の携帯料金と一緒になります。これはケータイユーザーにとって他の決済手段（銀行振込、クレジットカード、電子マネー、コンビニ払い等）に比べると非常にハードルが低く、モバイルコンテンツ市場がここまで大きくなるうえでも重要な役割を果たしました。 一方
ケータイNo.1ポータルサイト「モバゲータウン」の現状
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
「恋空」を生んだモバイルコミュニティサイト「魔法のiらんど」の運営術
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
モバクシー（mobaxy）～PCサイト変換サービス～：@nifty
この度､2007年より多くのお客様にご利用いただきましたモバクシーにつきまして､誠に勝手ながら､2011年4月20日(水)をもちまして､全サービスの提供を終了させていただきました。 ご利用いただいたお客様には大変ご迷惑をおかけいたしますが､何卒ご理解賜りますようお願い申し上げます｡ 長きに渡るご愛顧を賜り､誠にありがとうございました｡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.tofu-kun.org/080715194417.php