こんにちは、@yoheiMuneです。 iPhoneでは、搭載されている加速度センサー／ジャイロセンサー／デジタルコンパスで取得している値を、JavaScriptから取得することが可能となってい増す。 今回はその取得方法と、取得値を利用した簡単なサンプルを紹介したいと思います。 加速度センサーから値を取得する iPhoneに搭載された加速度センサーを用いることで、iPhoneがどちらに動いたか（どちらに加速度がかかったか）を把握することができます。 具体的には以下のような実装を行います。 （JavaScript） // devicemotionイベントで、加速度センサーの値を継続的に取得することができます。 window.ondevicemotion = function(event) { // ユーザーによる加速度 + 重力 var x = event.accelerationInclu

The iPhone 5 has a longer screen and it's not catching my website's mobile view. What are the new responsive design queries for the iPhone 5 and can I combine with existing iPhone queries? My current media query is this: @media only screen and (max-device-width: 480px) {}

こんにちは、開発者の久保田です。 Monacaではプロジェクトのひな形が一新されて、新しいHelloWorldプロジェクトが用意されました。 そのプロジェクトの中には、異なる解像度の端末でも同じように画面を設定するためのmonaca.viewport.jsが含まれるようになりました。この記事ではmonaca.viewport.jsについて説明します。 なぜviewportを指定するライブラリが必要なのか? monacaでは、HTML5でモバイル用のアプリケーションを作成する必要があります。モバイルデバイスやタブレットには、それぞれ違った解像度を持つiPhone、iPadなどのiOS端末や様々なAndroid端末が存在します。アプリケーションの開発者は、違った解像度を持ったデバイスに対応しなければなりません。そのために、アプリケーションにviewportを設定します。 viewportとは?

cc licensed ( BY ) flickr photo shared by GONZALO BAEZA 必要だったのでまとめた。 必要だったのでまとめたシリーズその2はiPhoneホーム画面のアイコンとバッジ配置仕様チートシート作った。 iPhone, iPad, iPod touchの画面サイズまとめ デバイス Retina? 画面サイズ（縦x横px） 解像度(ppi) iPhone5 Retina 1136×640 326 iPhone4S Retina 960×640 326 iPhone4 Retina 960×640 326 iPhone3G 480×320 163 iPhone3 480×320 163 iPad mini 1024×768 163 iPad Retina 1 Retina 2048×1536 264 iPad2 1024×768 132 iPad 10

iPhoneやスマートフォンでサイトを表示させると文字が非常に小さく表示されてしまいます。そこで、画面にぴったり合わせて表示させてみましょう。 HOME About this site Mail 最終更新日 2015-10-28 0:41 WordPressなどのように動的に出力するサイトであれば、スマホでアクセスすると、スマホ用の表示を出力してくれます。が、私のように自作ブログや、MovableTypeや、企業サイトなど静的なページで作成したサイトで、スマホ用やパソコン用に表示させるにはどうしたら良いのでしょうか？ Sponsored Link このページの目次 iPhone6 ディスプレイの解像度は？ スマホ用サイトの横幅は320 viewportで横幅ピッタリ パソコンではどう表示されるか viewportの幅の指定 一覧表 画像やテーブルがはみ出てしまう場合の対策 スマホサイトの幅

Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into circle

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? オバマ大統領の再選に大きく寄与したことで大きな注目を集めているA/Bテスト。A/Bテストを導入した、することを検討している、という開発現場も多いのではないだろうか。 そんな中、Web上で次のような議論を見つけた。 20 lines of code that will beat A/B testing every time Why multi-armed bandit algorithm is not “better” than A/B testing 一言でまとめると「A/Bテストよりバンディットアルゴリズムの方がすごいよ」「いやいやA

2011年12月16日15:00 カテゴリLightweight Languages javascript - そろそろECMAScript 5を使いたい少なくとも3つの理由 下準備も終わったので、本blogで扱うJavaScriptは、特に断りのない限りECMAScript 5を前提にしていくことにします。 0. どのブラウザーで使えるの? 以下で確認できます。 ECMAScript 5 compatibility table ざっといろいろ試してみると… IEは9以上以降かつStandard Modeなら使える Safari 5はFunction.prototype.bindのみ使えない - 5.1.4より[native code] iOS5も同様 Android 2.3ではさらに加えてObject.sealなどObjectをロックする機能が使えない というわけで、もう使いはじめてもい

ちょっといつもと趣が異なる記事として、HTML5 Doctor で 「HTML5: briefing notes for journalists and analysts」 という記事が上がっていましたのでまたまた稚拙ではありますが翻訳など。 今回の記事は、ジャーナリスト、アナリスト （つまり、あまり技術的な話に精通していない人） 向けに、よくある質問とその答えをまとめたものです。技術者以外の人に 「HTML5 って何？」 って聞かれたときの参考になるかも。 原文 HTML5: briefing notes for journalists and analysts : HTML5 Doctor HTML5とは何ですか？ あなたが何を求めるかによりますが… 「HTML5」 という言葉には 3つの異なる用途があります。 HTML5 仕様 HTML5 の最も正確な意味は、W3C と WHATWG

2013年03月25日11:45 カテゴリLightweight Languages書評/画評/品評 javascript - introducing wrap.js メンテナブルJavaScript Nicholas C. Zakas / 豊福剛訳 [原著:Maintainable JavaScript] で、き、た。 dankogai/js-wrap ・ GitHub What? なるべく多くの種類のオブジェクトを、なるべく直感的に、限りなく透明に近く wrap するためのシステムです。 こんな感じ。 var _ = Object.Wrap; /* for convenience */ try { log( _(42) .learn('square', function() { return this*this }) .square() * 1 /* 1764 */ ); log( (

2013年03月18日18:30 カテゴリAnnouncementLightweight Languages javascript - es2pi はじめました JavaScript: The Definitive Guide (Kindle ed.) David Flanagan [邦訳:JavaScript 第6版] es2piというライブラリーをこつこつと書き続け始めました。 dankogai/js-es2pi ・ GitHub What? ES6のpolyfillと、それでも足りないと私が日頃感じていた機能を実装したJavaScript Libraryです。 2πという名前に、ES6に対する割り切れない想いを託しました。 Demo とりあえずES5でPolyfillできるES6の機能までは実装ずみです。Polyfill以外でも関数よりもメソッドの方の方がふさわしいと思われる機能も一

提示：该网站的域名（）已过期 查询whois信息 ，网站不能正常访问，域名续费后可恢复。 The domain has expired and cannot be accessed. It can be restored after renewal. 为避免域名被删除或被他人注册，请联系您的域名服务商尽快完成续费： 1. 若您是西部数码会员，请登西部数码官网，进入：管理中心->域名管理->已经到期，找到该域名，完成域名续费； 2. 若您的域名服务由西部数码代理商提供，请您联系您的代理商咨询续费事宜。