モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
3キャリア共通のモバイルサイトコーディングにおけるポイント
MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体
モバゲータウンのノウハウ満載！ フレームワークMobaSiFを使おう！：第1回 ケータイ向けWebアプリケーション開発特有の技術要素｜gihyo.jp … 技術評論社
はじめに iモード／EZweb／Yahoo!ケータイなどで利用されるケータイブラウザは、極端な言い方をするとPCブラウザやフルブラウザとは「まったくの別物」です。今回はまず、ケータイブラウザ向けWebアプリケーションを開発する際に考慮すべき技術要素の説明を行います。次回以降は、そういった技術要素を共通的に処理できるフレームワークとして、筆者たちの所属する株式会社ディー・エヌ・エー（DeNA）がオープンソースソフトウェアとして2008年5月に公開したMobaSiF（Moba Simple Framework）を解説していきます。 本特集は、WEB+DB PRESS Vol.45の特集1「[イマドキ]ケータイ開発実践入門」の第2章、第3章を再構成したものです。なお、紙面の都合上で省略した説明も補っています。 各キャリア端末の世代分類 NTTドコモのiモードが開始されたのは1999年2月で、すで
「滞在時間はどうやって計っている？」「携帯サイトはなぜ一人当たりのページビューが多い？」Web アクセス解析の疑問に答える 25 の TIPS を公開しました - 株式会社ユーザーローカル
Webアクセス解析の疑問に答える25のTIPS 2008年7月31日、百式田口氏が主催する勉強会で、アクセス解析のトレンドについて弊社伊藤が解説しました。その際に参加者から出た質疑応答を以下に公開します。 1. 複数のアクセス解析ツールをいれた場合、ツールによって数に違いがあるのはなぜかたしかに、ツールによって 10% ぐらい差があるようだ。 おそらく解析用 Javascript の仕様の違い、キャッシュの効き具合やセキュリティ対策ソフトによるフィルタリングなどが原因なのでは？あるいは、ページを見た直後にブラウザを閉じた場合に、まだ Javascript が動くまえに消えてしまった、とか。 このことを考慮して、ツールを乗り換えるときは、しばらく併用してどのぐらい差があるかを知っておいたほうがいい。 2. 外部にあるサイトのアクセス数は調べられますか？Alexa や Google Trend
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
ウノウラボ Unoh Labs: PHPで携帯位置情報を扱うライブラリ「Geomobilejp_Converter」を作りました
中村です。 PHPで携帯の位置情報を簡単に取り扱うことができるライブラリ「Geomobilejp_Converter」を作りました。もう半年近く前に作ったものですが、コードを少し整えたので公開することにしました。 GPSに対応した携帯では、各キャリアで指定されている特定のHTMLを記述することで、携帯サイトに位置情報（緯度経度や測地系）を送信することができます。この位置情報を利用すると、「位置情報付きで掲示板に書き込む」などの機能を実装することができます。 キャリアによっては位置情報のなかに土地名を含むものもありますが、通常は緯度経度だけでは土地名がわかりません。そこでGeomobilejp_Converterでは、docomoの提供するオープンiエリアのiエリアデータファイルを利用して土地名を関連付ける機能を実装しています。iエリアデータを利用することで、各キャリアで共通したiエリアコー
ケータイWebアプリ開発、9つの注意点 - ＠IT
初心者にとってはトラブルが発生しやすいケータイWebアプリの開発。携帯電話への対応サイトを初めて開発するときに想定するべき9つの注意点を紹介する（編集部） 携帯対応サイトを開発するときの注意事項 携帯電話が普及してもう随分たちます。いまでは、サイトを作るときにケータイに対応するかどうか、必ず意識されるようになりました。しかし、ケータイ対応のWebアプリを作ろうとするとPC用のサイトと違う部分も多く、Web開発経験はあるけれど携帯の開発経験がない人にとっては取り組み難く、実際に想像できなかったトラブルがいくつも発生します。 本記事は、Webサイトのモバイル対応を担当した私が、実際に携帯対応サイトを作ったときに発生したトラブルを踏まえて、携帯対応サイトを初めて開発するときに想定するべき注意事項を中心に説明していきます。 ケータイ向けとPC向けのWebページの相違点 インターネットへの接続方法に
"COLORS"ケータイWebの新しい形：ケータイWebをもっとリッチに使いやすく――RIAプラットフォーム「Colors」の挑戦（前編） - ITmedia +D モバイル
ケータイWebをもっとリッチに使いやすく――RIAプラットフォーム「Colors」の挑戦（前編）：ケータイWebの新しい形 携帯電話の高機能化に伴い、ディスプレイの表現力が増している。ハイエンドモデルの解像度はワイドVGA（480×800ピクセル）以上が標準になりつつあり、画面サイズも3.5インチクラスの端末が登場するなど、進化し続けている。また、通信速度の高速化や定額プランの導入も進んでおり、リッチなコンテンツを楽しめる素地が整ってきたといえるだろう。 しかし、サービス面では、この高解像度なディスプレイや通信速度を生かし切ったものが登場していないのが現状だ。例えばワンセグはそもそもの解像度がQVGA（320×240ピクセル）であるため、大画面はメリットになるものの、解像度の面ではさほど効果があるとはいえず、大画面や高解像度が生きてくるWeb系のサービスにしても、表現力の豊かな携帯サイトは
ケータイサイトの制作と集客、基本を理解しよう - 携帯マーケ入門#2 | 今からでも遅くない！ これから始めるケータイマーケティング入門
はじめてのケータイサイト 制作PCサイトとの違いを把握するケータイマーケティングで最も大きなウェイトを占めるのは、ケータイサイトの構築である。サイトの構築には、PCサイトとは違う、いくつかの注意するべきポイントがある。 1.キャリアによる違い携帯サイトを構築する場合、対応する携帯キャリアによって、仕様が細かく異なっている。キャリア特有の特徴を把握しながら、サイト制作をする必要がある。 2.メーカーや機種の世代による違い同じキャリアの中にも、メーカーごと、機種（の世代）ごとによる違いもある。これらの違いは、たとえば画像の表示の仕方に現れる。キャリアやメーカーによって画面サイズが異なるし、さらにキャリアによって画像フォーマットが異なる。キャリアの違いについては、他にも絵文字形式や動画形式、Flash、アプリなど多岐にわたって考慮することがあるので注意が必要である。 3.情報量の違いケータイとP
DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました
こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀本です。 追記：Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません<(｡_｡)> 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな自分としてはぜひともチェックしておきたいなと思って参加してきました。 勉強会・懇親会ともなかなか面白い話が聞けたり、変な人がいっぱいしたりしてとても面白かったです。 モバイルをやっているといつも面倒なのは、テンプレートの扱いです。 そのあたりのまとめは以前このブログでうちの高橋さんが超まとめてくれた記事があるので、そちらをご参照ください。 とくにDoCoMoのCSS(i-CSS)は開発者泣かせですね。インラインのみに対応とか、開発しにくくて涙ちょちょぎれそうです。 さてさてそんなDo
「iPhone」について | ソフトバンク
「iPhone」について 2008年6月4日 ソフトバンクモバイル株式会社 この度、ソフトバンクモバイル株式会社は、今年中に日本国内において「iPhone」を発売することにつきまして、アップル社と契約を締結したことを発表いたします。 SOFTBANK MOBILE Corp. today announced it has signed an agreement with Apple® to bring the iPhone™ to Japan later this year. プレスリリースに掲載されている内容、サービス／製品の価格、仕様、お問い合わせ先、その他の情報は、発表時点の情報です。その後予告なしに変更となる場合があります。また、プレスリリースにおける計画、目標などはさまざまなリスクおよび不確実な事実により、実際の結果が予測と異なる場合もあります。あらかじめご了承ください。
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
グーグル、モバイルサイトの巡回プログラムに関する情報を公開--検索精度向上へ
グーグルは5月10日、モバイル検索サービスで利用している、モバイルサイトを定期的に巡回するプログラム（クローラー）に関する情報を公開した。検索精度を高める狙いがあるものと見られる。 グーグルのモバイル検索エンジンは現在、Googleモバイルのほか、NTTドコモとKDDI のモバイルポータルトップページの検索などで利用されている。モバイルサイトの運営者は、グーグルのクローラーに対応することで、運営サイトが検索結果に表示される可能性が高まる。 これまでグーグルはクローラーに関する情報を公開してこなかった。しかし、2008年 6月中旬以降は、「72.14.199.0/25」および「209.85.238.0/25」のIPアドレス帯域を利用するという。なお、このIPアドレス帯域はPCサイト向けのクローラーとは別だという。 ユーザーエージェントについては、「Googlebot-Mobile」という文字
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ～ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま
ケータイ端末プロファイルデータ（無償版） | インターネットメディア総合生活研究所
SERVICE インプレスR&Dは、電子書籍とプリント・オンデマンド（POD）技術を利用することで、デジタルファーストの次世代型電子出版プラットフォーム「NextPublishing」を開発。電子書籍と印刷書籍（紙の本）の同時制作、過剰在庫の解消を実現し、「持続可能な出版」をさまざまな形で提供しています。 一般には、専門的な書籍の発行や新しいテーマの企画は販売部数が限られ、収益を上げることが難しくなります。しかしインプレスR&Dでは、NextPublishingを使用することによりこのハードルを越えることが可能になりました。弊社は、優れた個人や組織が持つ貴重な知識・知見をもっと早く、もっとたくさん世に出したいと願い、積極的に企画・原稿を募集しております。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ittemia（イッテミア）
ido.nu