iPhone向けサイトのユーザビリティ最適化でチェックしておきたい項目まとめ
iPhoneを始めとするタッチパネル＆フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの携帯端末の利用者がさらに拡大していくことが予想される。 今回は、こういったタッチパネル＆フルブラウザ搭載のスマートフォンからのウェブサイト／サービスのユーザビリティについて、主にiPhoneを題材に考えてみよう。 iPhone対応は形式にとらわれず「ユーザー中心」視点で iPhoneからのウェブ利用には、従来の携帯電話と同様の「携帯性の高さ」「位置情報との連動」などに加え、 従来の携帯電話と比べて画面サイズが広い 端末の処理能力が高く、アプリでのサービス提供の自由度が高い 独自の操作（画面をつまむ
あのOSをソックリに再現したiPhoneアプリ『Wind OS』-今日のアプリ第500回
『Wind OS 』は、「あのOS」ソックリのユーザーインターフェイスをiPhone上で再現したエンターテインメントアプリです。 見た目はもちろんのこと、実際に動くブラウザやメモ帳、BIOSの起動画面にいたるまで、リアルにシミュレートされています。 再現といっても、あくまでエンターテインメント・カテゴリーのアプリですので、実際にあのOSをエミュレートしている訳ではないのでご注意ください。 あのOSと言えば、電源投入後のBIOS画面から始まるのがお決まりです。 よくみると、「エナジー・スター」が「エマージェンシー・スター」になっていたり、デバイスのチェックでタッチパネルが検出されていたりと、出だしからみどころが満載です。 ベアリングが劣化したファンの音まで聞こえ始めます。 結構キレイなデザインのOSロード画面。OSを読み込む待ち時間もなかなかリアルです。 左下の見慣れたボタンをタップするとメ
ke-tai.org > Blog Archive > 携帯Flashの操作ストレスとなるポイントをまとめた記事「携帯Flashサイトのユーザビリティ基礎」
携帯Flashの操作ストレスとなるポイントをまとめた記事「携帯Flashサイトのユーザビリティ基礎」 Tweet 2009/12/16 水曜日 matsui Posted in Flash, 記事紹介・リンク | No Comments » これまで何度もご紹介させていただいたことのあるご存知Web担当者Forumに、ケータイFlash（Flash Lite）のユーザビリティに関する記事がありましたのでご紹介します。 → Web担当者Forum 携帯Flashの使いやすさを損なわない、携帯Flashサイトのユーザビリティ基礎（第10回） [web-tan.forum.impressrd.jp] → Web担当者Forum モバイルサイト構築のユーザビリティいろは 目次 [web-tan.forum.impressrd.jp] 以前から連載されていた記事「モバイルサイト構築のユーザビリティい
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
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を他キャリア用にコンバートするだけの、実に簡素な作りです。
【ハウツー】jQuery on iPhone - jQTouchを使ったWebアプリ開発 (1) jQTouchとは | エンタープライズ | マイコミジャーナル
iPhone向けWebアプリケーションの開発において、jQuery使いなら見逃せないプロダクト「jQTouch」のベータ版がリリースされた。同プラグインを使用すれば、ネイティブアニメーションを伴うWebアプリケーションでも簡単に開発できるようになる。jQueryベースのため、強力なAjaxアプリケーションだって可能だ。本稿ではjQTouchを使ったWebアプリ開発方法を紹介しよう。 David Kaneda氏は8月30日(米国時間)、jQTouchの最新版であるjQTouch 1.0(beta)をリリースした。jQTouchはThe MIT Licenseのもとで公開されている、iPhone上で動作するWebアプリケーション開発に特化したjQueryプラグイン。デベロッパはjQTouchを使用することで、テーマやネイティブアニメーションをともなうiPhone用Webアプリケーションを簡単に
友人がiPhoneを買ったというので伝えておきたいこと - Web屋パパの子育て日記
iPhoneは、なんだかんだで不便なことが多い。が、そんなことをいちいち言ってても始まらないし、いや、そんなのも含めて楽しいのだ。結局そういうものだ、と僕は思っている。バッテリーはすぐに死ぬし、ガラスはあっけなく割れるし、知り合いには「me.comとmac.comどっちをドメイン解除したらええねん」と言われる。でもまあ、そういうもんだ。 買うもの バッテリー：とりあえず、必須。PowerBank slimがおすすめ。 http://www.diatec.co.jp/products/det.php?prod_c=457 車載アクセサリー：ホルダー、充電、トランスミッター。僕は車はiPod 5G 30GB使ってるので持ってないけど。 http://any-s.net/richter/holders/1599.shtml http://donpyxxx.tenkomori.tv/e75763.
こんな秀逸Twitterアプリがあったのか！ - SimplyTweet 2.0 - 普通のサラリーマンのiPhone日記
休日と平日の充実っぷりに差がありすぎです...。以下、長文。 昨日、Twittelator Proの紹介をしたばかりだというのに、NASHIKOさんのblogで以前から紹介されてたSimplyTweetが気になってしょうがなかったんで無料版をポチることに。で、その素晴らしさにやられてしまい、600円の有料版も結局ポチってしまいました。 NASHIKO。さんの最初のSimplyTweet紹介 http://blog.goo.ne.jp/spanske_stol/e/e817aa61c659a51a6da99713896688c7 何が良いのか？ 私自身がTwittelator、TwitterFon、Tweetie、etc...と色々と使い続け、投資してきた観点から言うと...。基本機能は充実。+α機能は後発アプリの利点を活かして他アプリの良いところをうまく取り入れてます。 基本機能（無料版）
携帯電話でデータを削除したSIMカードからデータ復旧することができるツール「SIM Card Spy Elite」
携帯電話のアドレス帳から誤ってデータを削除してしまったり、削除しようと思っていた画像や音楽ファイルと間違えて必要なデータを削除してしまったという経験をしたことがある人もいると思いますが、そういった削除してしまったデータをSIMカードから復旧するツールがあるそうです。またデータバックアップ機能もあるため、もしもの時のための備えとして重宝するかもしれません。 詳細は以下より。 2009/08/05 16:31追記ありこれがSIMカードのデータ復旧が出来るツール「SIM Card Spy Elite」 使用方法はSIMカードを差した本体をパソコンのUSB端子に接続すれば、携帯電話で削除したはずのデータをパソコンから読み取ることが出来るようです。 またデータバックアップとして利用することも可能で、携帯電話がSIMカードごと壊れてしまっても、あらかじめデータのバックアップをしていれば新しいSIMカー
ウノウラボ Unoh Labs: ゼロからはじめる携帯サイト構築。
こんにちは、日食を妙に楽しみにしていたわりには見ようともしなかった ryosuke です。曇りで残念でした。曇りでも日食と分かるぐらい暗くなったら嬉しかったのですが、東京ではそんな事は全然ありませんでしたね。 さてさて、そんな私ですが入社後半年が経過したところで、入社当初より携わって来た携帯サイト構築に関して得た知識(失敗談)をまとめてみようと思います。 初ラボブログ記事でも触れた様にそもそも本格的な携帯サイト構築は経験に乏しく、バッドノウハウの塊の様な面倒な思いこみが先行しがちだったわけですが(実際バッドノウハウの塊ですが)、端末の機能や表現力が豊かになるのと同時に開発環境的なツールやライブラリの充実、ノウハウの蓄積と情報公開により随分すんなり入って行けた様に思います。 結局はキャリア感の差異を知り吸収する事がすべて いきなりですが、PCサイトと携帯サイトの違いで最も厄介な所はこれにつき
TokuLog 改め だまってコードを書けよハゲ - ケータイシミュレータなんて使ってないで Moxy 使えばいいのに
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
撮影した写真から英単語を翻訳してくれる無料iPhoneアプリが登場 - はてなニュース
国内での発売から早くも2週間が経過しようとしている「iPhone 3GS」。カメラの高画素・高機能化、動作速度の改善などが功を奏し、販売台数も好調のようです。このiPhoneのカメラ機能を利用して、撮影した写真に含まれる英単語を自動で読み取り、しかも翻訳してくれるiPhoneアプリが登場しました。 iPhoneアプリ「翻訳ルーペ」 (Yahoo! JAPAN Tech Blog) 「翻訳ルーペ」をリリースしたのは、Yahoo!JAPAN地図チームの吉田一星さん。社内の開発合宿「Hack Day」で開発・優勝したものをブラッシュアップし、今回リリースしたとのことです。この「翻訳ルーペ」を使うと、iPhoneのカメラで撮影した写真の中から英数字をOCRで認識し、「英和辞書を引く」「WEBで検索をする」「メモをする」といったことが可能になります。上記エントリーで紹介されている動画では、実際に動作
Firefoxを使ってマルチプラットフォームで携帯サイトをエミュレート·FireMobileSimulator MOONGIFT
モバイルサイトの開発については、実機またはエミュレータ（シミュレータ）を使っての確認作業が多かった。だが公式に提供されるエミュレータはWindows用が多く、Mac OSXやLinuxでは不便な思いをしていた。またデバッグがPCで使うものとは異なるのが問題だった。 モバイルサイトのチェックに便利！ だがFireMobileSimulatorを使えばそんな心配は無用だ。Firefoxを使い、機能拡張を織り交ぜつつ開発を行えるようになる。 今回紹介するオープンソース・ソフトウェアはFireMobileSimulator、Firefoxを使った携帯エミュレータだ。 FireMobileSimulatorはFirefoxアドオンとして提供されるソフトウェアで、Docomo、au、ソフトバンクの3キャリアについてエミュレート機能を提供する。各キャリアごとに数機種登録されており、切り替えはメニューから
次世代WEBサービスは「AR」拡張現実が来る！？
現実世界とバーチャル世界の融合をさせてしまう夢のような技術を紹介。 AR(Augmented Reality):拡張現実とは、 バーチャルリアリティと対を成す概念。強化現実とも呼ばれ、現実の環境（の一部）に付加情報としてバーチャルな物体を電子情報として合成提示することを特徴とする。 [wikiより抜粋] 最近話題のAndroid携帯用のブラウザの一つにこんなものがあります。 自分の使っている携帯のカメラレンズを通してバーチャルの地図+αを見ることができる。 （下のムービーで紹介されているものは、google ストリートビューなのかなー？？） ・Android携帯 アプリ作成のための基礎知識はこちら ■layar http://layar.eu/ こんなことができれば、ランチに行ったお店がおいしかったら、 このお店、お気に入りに入れておこうとか、観光スポットで この銅像はこういうも
高額なローミングチャージを払わずに海外でiPhone 3Gを使う方法
海外でiPhoneを利用すると、驚くほど高額なデータ・ローミングチャージを請求されることがあります。 請求が怖くてせっかくの便利なiPhoneの電源をOFFにしておくのはもったいないので、海外で使う際の注意点や安く利用する方法をいくつか紹介したいと思います。 【注意】以下の情報はMacWorld、WWDCでサンフランシスコを訪れた際の経験をもとにしており、他の国・地域では状況が異なる場合があります。また、高額な請求の回避を保証するものではありませんので、利用は自己責任でお願いします。 恐ろしいデータ・ローミングの請求額 iPhoneはメール・Webサイト閲覧・マップや動画など、PCやMacと同等に使えるのが魅力ですが、送受信するパケットの量も膨大になります。 もちろん国内では、「パケット定額フル」によって上限が決められているため、パケット代を心配する必要はありませんが、旅行や出張で海外へ持
Android上でスクリプティング環境を実現する「ASE」 － ＠IT
2009/06/09 グーグルは6月8日、モバイル向けプラットフォームのAndroid上でPythonやLuaを使ったスクリプティング環境を提供するオープンソースのプロジェクト「Android Scripting Environment」（ASE）の存在を明らかにした。端末の画面側を下にして置いた場合に呼び出し音を抑制する、といった簡単なアプリケーションを20行ほどのスクリプトで実現できるという。スクリプトはPC上の開発環境ではなく、デバイス上で直接入力して実行することができる。Pythonでは、インタラクティブな実行モードもサポートする。 これまでにもAndroid上でPythonやRubyといった処理系を動かす実験的な取り組みはあったが、ASEはAndroid上の標準的なパッケージとして提供する点が異なる。BeanShellはDalvik VM上で直接動くため、Javaでアプリケーショ
Top - FireMobileSimulator.org
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
俺はネットブックのOSはMoblin2.0を使うことに決めた！ （動画あり）
俺はネットブックのOSはMoblin2.0を使うことに決めた！ （動画あり）2009.05.21 22:00 まあ、ちょっと見てくれよ。インテルが支援してるネットブックのためのOS Moblin 2.0のデモを見ると、｢これぞネットブック！｣と言いたくなるからさ。 再設計されたLinuxベースのMoblin 2.0は、以前のバージョンから見違えるようになった。本当にネットブックのために最初から設計され、ユーザーインターフェースなども最適化された最初のOS、と下の動画を見たら手放しで絶賛したくなるよ。 ネットブックが専用のOSを持つことは大きなアドバンテージがある。ネットブックは従来のノートPCとは似て非なるものだ。画面サイズや入力デバイスなどの制約を考えるとユーザーインターフェースなどは専用に設計されてこそ、使いやすいものになる。今回のバージョンではモバイルユーザーが好んで使うアプリケーシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
CARRYINGCASE.NET [www.carryingcase.net]