作る側の都合でUI/UXを悪くしないための注意点まとめ
作る側の都合でUI/UXを悪くしないための注意点まとめ：スマホ向けサイト制作で泣かないための秘伝ノウハウ（終）（1/2 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。最終回は、サイトに載せるべきコンテンツはどんなものが良いのか、2つのコンテンツ例レスポンシブWebデザインとユーザー体験の関係、技術／デザイン面で気を付けることなどを紹介します。 スマートフォン向けWebサイト構築の注意点総括 こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「いまさら聞けないCSS3入門＆スマホ対応6つの問題点」では、スマートフォン向けWebサイト上でのCSS実装上の注意点と、機種依存事例を紹介しました。 今回は、K
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
viewport メタタグと @viewport 規則 - Dev.Opera
viewport メタタグと @viewport 規則 Translated by Masataka Yakura · 31 Mar, 2011Published in: target-densitydpi, mobile, opera mobile, viewport, device-pixel-ratioThis is a translation of An introduction to meta viewport and @viewport, written by Andreas Bovens. はじめに Opera のモバイル製品ではずいぶん昔から viewport メタタグをサポートしています。Opera Mobile 11 になって viewport 実装はより堅牢なものになり、また、異なる画面密度に対応する新しいメカニズムもサポートしました。さらには、私たちが提出した @v
JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での
[JS]スマートフォンのタッチイベントを取得する各スクリプトのまとめ（仕様比較）
タッチイベントを取得する各スクリプトの対応イベント、スタンドアローンなのかjQueryが必要なのか、ファイルの容量など、仕様の比較をまじえて紹介します。 QUOjs イベント タッチ、タップ、ダブルタップ、ホールド、フィンガー、スワイプ、スワイプアップ、スワイプライト、スワイプダウン、スワイプレフト、ドラッグ 補足 jQueryとのコンフリクトを避けるため、「$$」を使用。 対応予定（2フィンガータップ、ロウテイト、ピンチアウト、ピンチ） 仕様 スタンドアローン ファイルサイズ Minified: 13KB Hammer.js イベント タップ、ダブルタップ、ホールド、ドラッグ、ピンチ 補足 タッチジェスチャだけにフォーカスしたスクリプト。 仕様 スタンドアローン jQueryのプラグインも有り ファイルサイズ Minified: 2KB [ad#ad-2] jGestures イベント
Web標準技術でモバイルアプリ開発可能なフレームワーク「PhoneGap」を試す
スマートフォンやタブレットをはじめとするモバイル端末向けのアプリケーションを開発する場合にまず問題になるのが、プラットフォームごとに異なるプログラミング言語を用いなければならないということである。開発者は、複数のプラットフォームに対してそれぞれ個別にアプリケーションを開発しなければならない。そのための技術の習得にかかる学習コストも馬鹿にはできない。そこで注目されているのが、、単一のコードで開発を行い、それをベースとして各プラットフォームで実行できる形式に変換するというアプローチだ。今回は、そのようなアプローチを実現するためのフレームワークである「PhoneGap」の使い方を紹介する。 そもそもPhoneGapとは PhoneGapは、HTMLやCSS、JavaScriptといったWeb技術によってネイティブのモバイルアプリを開発することができるオープンソースのフレームワークであり、米Ado
zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
iPhone／Androidブラウザのアドレスバーを隠す方法 | alt
これはスマートフォンに限定した話になってしまうかもしれませんが、 コンテンツの領域が端末の縦幅より長いときってフリックやスワイプ操作でスクロールしますよね。 iPhoneやAndroidのブラウザで横向きにしたときは ファーストビューのエリアが狭いのでアドレスバーがすごく邪魔でちょっと不親切。 ユーザビリティを考慮したサイトには必ずといっていいほど、 初期時にブラウザのアドレスバーを隠してあげる工夫がされています。 やることは単純。 window.onloadか、jQuery使ってれば$(document).readyとかで1px移動しておくと、 ブラウザの仕様でバーの高さ分引っ込めてくれます。 人のやつ参考にしてみたけど、こんなんでいいのかな。。 iPhoneは読み込み遅延のせいでsetTimeout使わないとうまく反映されなかったです。 一応、両OSで動くのは確認
6つの現場が語る、スマホアプリ開発の理想と現実～デブサミまとめレポート（スマホアプリ開発編）（1/3） - ＠IT
6つの現場が語る、 スマホアプリ開発の理想と現実 デブサミまとめレポート（スマホアプリ開発編） 有限会社オングス 杉山貴章、後藤大地 2012/2/22 2月16～17日の2日間、東京の目黒雅叙園にて開発者の祭典「Developers Summit 2012」が開催された。「デブサミ」の愛称で知られる同イベントは、2002年より年1回のペースで開催され、今年で10回目を迎えた。 2日間で行われた並列5トラック、全68セッションのうち、ここではiOS（iPhone／iPad／iPod touch）、Android、Windows Phoneなどスマートフォン／スマートデバイス向けのアプリ開発に関連した6セッションをピックアップして、その様子をレポートする。 Yahoo! JAPANのスマホ向けHTML5対応とは HTML5でスマホアプリ開発、ホントのところ UXを壊さずにスマホのプラットフォ
アクセス解析やランキングではわからない「女子高生のスマホ事情」 : LINE Corporation ディレクターブログ
こんにちは、デコミィチームディレクターの小出です。 「デコミィ」は、NHN Japanで運営している媒体の中では珍しく「10代女性」をターゲットにしているリアルタイムサービスです。そのサービスにマーケティング関連業務担当として関わる私は、ペルソナ形成や、媒体運営ノウハウの構築を目的とした10代女性へのインタビュー活動を行なっています。 今年は既に50人以上もの女子高生にインタビューを行い、彼女たちの思考・行動特性に迫まってきました。今回は、その中で見えてきた「アクセス解析やランキングではわからない女子高生のスマホ事情」をお伝えします。 フィーチャーフォンからiPhoneへの買換え需要と、その意外な理由。 これまでお会いしてきた女子高生の中の49名に対しては、所有している携帯電話の種類について伺っています。彼女たちの所有する携帯電話の内訳は以下のようなものでした。 フィーチャーフォン: 35
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Feature phones dwindle as Android powers ahead in third quarter