第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
MobaSiF (Moba/Mobile Simple Framework)
DeNA のケータイ向けサービス「モバオク」「ポケットアフィリエイト」「モバゲータウン」などで利用されているケータイ向けウェブアプリケーションフレームワークをオープンソース化したものです。
Yahoo!検索 ヘルプ - モバイル版Yahoo!検索の検索エンジン（クローラー）について
チャットでお問い合わせ 閉じる 何かお困りですか？ チャットでお気軽にご相談ください。 オペレーターがサポートいたします。 相談する Yahoo! JAPAN Yahoo!検索 ヘルプ Yahoo!検索ヘルプ キーワードから探す ヘルプ検索 よく検索されるキーワード：「履歴」「入力補助」「関連検索ワード」「削除」 カテゴリーから探す Yahoo!検索全般そのほかの検索機能こんなときは画像検索について動画検索について画像・動画検索全般リアルタイム検索についてレシピ検索についてウェブ検索について 関連リンク Yahoo!検索ガイド Yahoo!検索 カスタムサーチ Yahoo!検索 インフォセンター Yahoo!検索へのご意見・ご要望 広告に関するご意見 Yahoo! JAPANに掲載中の 広告に関するご意見 Yahoo!知恵袋 Yahoo!知恵袋は、参加者同士で知恵や知識を楽しく教え合い、分
memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました
NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。 いままで携帯でテストするときに、まともに利用できるエミュレーターといえば、i-modeシミュレータしかなく、結局実機でのテストに頼っていました。 この「P1 Emulator」はケータイサイトのテストの救世主となるのでしょうか。 早速試してみました。 ■まずはダウンロード http://p1.netfarm.ne.jp/ ※ダウンロードには会員登録/ログインが必要です。 ■エミュレーターインストール インストールがめちゃくちゃ重かったです。 うちの環境だけかな。固まったかと思うほど。 気長に待ちましょう ■インストール完了 かなり時間かかりました。 ■ライセンス登録画面 最初に起動するとベータ版のライセンスキーを取得するように言われます。サイトに行って取得しましょう。登録したメール
ke-tai.org > Blog Archive > PCからケータイのユーザエージェントを詐称するには(Firefox編)
PCからケータイのユーザエージェントを詐称するには(Firefox編) Tweet 2007/11/2 金曜日 matsui Posted in ソフト紹介 | 2 Comments » ユーザエージェントを判定し、表示を振り分けている携帯サイトの場合、PCブラウザからのテストは行えず、実機端末からテストしなくてはならないため大変です。 今回はユーザエージェントを偽り、ケータイの振りをするFirefox用アドオンをご紹介します。 ユーザエージェントを変更するソフトは幾つかあるのですが、 「User Agent Switcher」 というアドオンが、機能も豊富で使いやすいです。 → Firefox Add-ons User Agent Switcher [mozilla.org] 上記サイト上でインストールを行うと、ツールメニュー内に「User Agent Switcher」というメニューが
携帯キャリアIPアドレス
携帯向けサイトでIPアドレスによるアクセス制限する際に設定する各キャリアのIPアドレスをメモしておきます。 2010/04/16追記：softbank IP をsoftbankサイトに合わせて修正 2010/03/01追記：au IP をauサイトに合わせて修正 2009/10/26追記：au IP をauサイトに合わせて修正 2009/03/09追記：softbank サイト移転に伴い、リンク先修正 2009/03/09追記：au IP をauサイトに合わせて修正 2009/03/09追記：docomo（124.146.174.0/24, 124.146.175.0/24）追加 2008/07/08追記：au（121.111.227.160/27）追加 2008/01/17追記：au（121.111.227.0/25）追加 2007/11/08追記：au（121.111.231.160/
３キャリア対応のテンプレートの話 - 絶品ゆどうふのタレ
キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 (中略) 最後にもう一度まとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。 ・ページサイズはXHTML9KB以内、画像含めてで100KB以内。 で、最近の端末はだいたいカバーできるはず。 ページが見つかりませんでした | 15Pub ってことで、割とよくまとまっている感じ。 ただ、実際にこのやり方で組んだことはないんじゃないかなーって言う印象。いや、やったことあったらごめんなさい。 何でそう思うかって言うとインラインCSSのハマりっぷりについて何も触れてない。 ３キャリアで
jkondoに憧れて » 超手抜きでウェブサイトをモバイル対応 2008
◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。
携帯電話向けのCSS - 携帯電話向けコンテンツの書き方
フィーチャフォンで使う事の出来るカスケーディングスタイルシート(CSS)のセレクタ及びプロパティを解説します。 フィーチャフォンでのCSSのセレクタ・プロパティは、参考資料・オープンウェーヴ社が定めているCSSのプロパティに移転しました。 また、 フィーチャフォン用の CSS を書くに当たって CSS 非対応機種との兼ね合い も別文書・携帯電話向けの CSS を書くに当たってに移転しました。 CSS に関して基本的な事柄については、CSS 入門(HTML & CSS 入門)をご覧下さい。 また、各プロパティなどの詳細は CSS(カスケーディングスタイルシート)及び CSS リファレンスをご覧下さい。 フィーチャフォンでの CSS について。 WAP 2.0 での CSS。 EZ ウェブ及びソフトバンクのフィーチャフォンは、WAP 2.0 に準拠しているため、CSS を使う事が出来ます。 但
WEBアプリケーション開発メモ - PHP Net_UserAgent_Mobile で固体識別子を取り出す
かんたんログインというのを聞いたことがあるだろうか？ mixiやモバゲーなどで知られるようになった認証システムで、 携帯電話のシリアル番号(製造番号、EZ番号など)を利用して個体を判別し ユーザー情報と紐付ける認証システムである。 正式名称は特にない。 (製造番号認証、個体識別番号認証などなど。固体識別番号はTYPO) このNet_UserAgent_Mobileを利用すると比較的楽になる。 require_once('Net/UserAgent/Mobile.php'); $mobObj = Net_UserAgent_Mobile::singleton(); // get serial number $serialNumber = ""; switch( true ) { case ($mobObj->isDoCoMo()): // DoCoMoかどうか case ($mobObj->
ke-tai.org > Blog Archive > PHP用のケータイ向けライブラリ「PEAR::Net_UserAgent_Mobile」が0.31にバージョンアップ
PHP用のケータイ向けライブラリ「PEAR::Net_UserAgent_Mobile」が0.31にバージョンアップ Tweet 2008/2/18 月曜日 matsui Posted in PHP | No Comments » PEARのNet_UserAgent_Mobileが、2008年2月10日付けで0.31にバージョンアップされていたようです。 ほぼ1年ぶりのアップデートとなります。 → PEAR :: Package :: Net_UserAgent_Mobile [php.net] 主な変更内容は、次の通りです。 サポート機種の追加 singleton()の挙動変更（キャッシュ作成） Vodafone→SoftBankへの変更（クラス名変更、isSoftBank()の追加など） AirHPhone→Willcomへのクラス名変更 isMobile()、isWillcom()
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
ウノウラボ Unoh Labs: 3G携帯のみに限定したサイトを作る場合
Gsgame.jp – GSGAME: 楽しいゲームを提供し続ける