はじめまして、武村です。 先日行われたFirefoxOS勉強会にて、最新の開発環境について紹介があったので実際に試してみました。 この記事ではその開発ツールの使い方を簡単に紹介します。 実際の開発手順については、張の記事をご覧ください。 Firefox OSアプリ開発でデバックするとき、みなさんは何を使っていますか。 実機があればそれに越したことはありませんが、日本ではまだ未発売のため持っている開発者の方は少ないでしょう。 おそらくほとんどの方がFirefoxブラウザのアドオン「Firefox OS Simulator」を使っていると思います。 ですがMozilla Japanの中の人曰く、「Firefox OS Simulatorはもう古い！」だそうです。(この記事のタイトルはここからいただきました) では何を使ったらよいか。今後は「App manager」という新しいアドオンを使いまし
タッチUXを実現する7つのポイント ここまでタッチデバイス全般におけるタッチUIの特徴とその癖について説明してきました。それを踏まえて、実際にHTML5でタッチUXを実現する際に気を付けるべき7つのポイントを述べていきます。 1．ボタンは大きく 指でタッチすることを考慮すると、ボタンは大きくすべきです。小さ過ぎて押しにくいボタンは使いにくいだけでなく、ユーザーをイライラさせUXを大幅に損ねます。また、現在主流の静電容量方式のタッチスクリーンでは、（恐らく）誤動作対策のため、あまり小さいタッチ点は認識しません。 どれくらいのサイズが望ましいのでしょうか。その答えは、AppleとGoogleからそれぞれiOS、Android向けに出しているガイドラインにあります。 iOS human interface Guidelines Android Design どちらも素晴らしいドキュメントで、デザ
スマートフォンのRetinaディスプレイだとPCでくっきり見えてる画像がぼやけてしまう件。 500px × 300pxの画像をRetinaディスプレイでくっきりさせたいなら 1000px × 600pxの画像を作成してサイズを50%に指定すれば良い。 その方法を以下に列挙する。 基本 Retinaディスプレイはdevice-pixel-ratioという値が1.5ないし2なので CSSなりJSなりでその値を判別して振り分ける CSS3 Meia Queries Androidで未対応機種があるため、上書きで使う方が無難。 @media only screen and (-webkit-min-device-pixel-ratio: 1) { } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-de
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
