satofuのブログ: 【javascript】androidのブラウザでgestureイベントを使いたくて困った時の解決法
gestureとは2本以上の指でタッチパネル操作です。 gesturestart/gesturechange/gestureendはandroid端末では使用できません。 gestureイベントそのものではありませんが、android端末でも各種gestureイベントと同じタイミングで、任意の関数を起動するにはtouchイベントでtouches.lengthを調べれば可能です。 要素.addEventListener('touchstart',function(e){ if(e.touches.length > 1){ 任意の関数(); } },false); こんな感じ。 gestureイベントオブジェクト特有のscaleプロパティを使用したいときは 自力で2つのtouch座標から計算する。 タッチされている2本の指の距離はこのような関数で計算できる。引数はtouchstartなどのイベ
Happy Elements Labs: 世界平和とAndroid
エンジニアの草苅です。 スマートフォンを扱うエンジニアの皆さんは、日々Android のバグに悩まされているのではないかと思います。弊社も類に漏れず様々な Android のバグと戦っています。 特にあんさんぶるガールズ！ではアニメーションはすべて Canvas を利用していることもあり、Android の Canvas 絡みのバグに、頭を痛めています。 Android のバッドノウハウは悩んでいる人みんなで共有した方が、世のため人のためになるのではと思い立ったので、世界平和を願っていくつかまとめてみたいと思います。 1. GPUレンダリングの設定によって Canvas で不具合が発生する Android は OS のバージョンや、WebView のレンダリングエンジンの違いによって、GPUレンダリングOFFの場合に、Canvas が正常に表示できない端末、もしくはGPUレンダリングONの
Androidでconsole.log()を見る - Just posted a blog
おもにWindowsの方からつらいという声聞こえた スマートフォン向けのウェブサイトのデバッグ、console.log()を見る方法いくつかある。 Eclipseのlogcatを見る Android開発者ならまだしも、JavaScript書いてるのにEclipse立ち上げたくない。 標準ブラウザでabout:debug 対応してないバージョンもある。それにPCにエラーログ出た方が嬉しい。 adb logcat Linuxとかなら adb logcat | grep browser 出来るけど、windowsだとgrep出来なくて悲しい。 busyboxを入れて端末側でgrepする ビルドが面倒とか、すべての検証端末に入れるのが面倒とか。 BrowserCatを作ったニャン BrowserCat windowsでもadbが入ってれば動きます。 まだログが見れるくらいしか機能ない
AndroidでJavaScriptのconsole.logを表示する方法 - Webtech Walker
Androidでconsole.logとかの出力を見るのには二通りあるみたいです。 1. about:debug ブラウザのアドレスバーにabout:debugと打ち込むとJavaScriptのコンソールが現れます。これ簡単でいいんですけど、実機（Xperia ack）で試したらなんかよく（OSごと）落ちるし、いちいち入力するの面倒だしでちょっと微妙でした。あとどのバージョンからこれに対応してるかもよく知らない。 2. adb logcat たぶんこっちが正当法。AndroidSDKに入ってるadb（Android Debug Bridge）というツールを使います。adbはAndroidSDKの tools/adb にあります。 まずエミュレータの場合。エミュレータを立ち上げたら以下のコマンドで接続を確認します。 $ cd /path/to/AndroidSDK/tools $ ./adb
iPhone/iPadでPCと同じJavaScriptのイベントを実装する
iPhone/iPadでPCと同じJavaScriptのイベントを実装する PC向けに作ったサイトをiPhoneやiPadでも利用できるようにする際に注意しなくてはいけないのがJavaScriptのイベントです。 iPhone/iPadではonmouseoverやonmousedownなどのonMouse系のイベントが利用できず、代わりにontouchstartやontouchmove、ontouchendなどのonTouch系のイベントが用意されています。 使い分けとしてはだいたい次のようになります。 ontouchstart = onmousedown ontouchmove = onmousemove ontouchend ≒onmouseup ですのでjQueryを利用した場合、 var ua =navigator.userAgent; if(ua.indexOf('iPhone'
マルチデバイス対応方法(viewport,CSSの出し分け)をまとめてみた【URL変更】
前回の続きで、マルチデバイスの具体的な対応方法をviewportの設定とcssの出し分けの2点でまとめてみました。 スマホ、タブレットに対応させるための方法として、やることは主に以下の二つです。 1,viewportの設定 2,cssの出しわけ それぞれまとめてみました。 viewportの設定 viewportとは、スマートフォンのブラウザのウィンドウサイズに該当するものです。 一方、スマートフォンの画面サイズ、いわゆるdevice-widthは980pxもありません。 iPhoneでいえば、viewportは横幅980px、device-widthは横幅320px、縦幅480pxです。 通常のPCサイトを見ると、ブラウザ上で縮小されて表示されます。 例えば、コンテンツ幅が800pxのサイトでは、縮小されて横幅が左右合計180pxの余白がでます。 また、スマホの画面サイズが横幅32
iphone android js切り分け 2タイプ – hirokonaBlog
//UAを確認してandroidならviewportを変更 var viewport = document.getElementById("viewport"); if (navigator.userAgent.indexOf('Android') > 0) { viewport.setAttribute("content", "width=device-width,user-scalable=1"); }else if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 ) { viewport.setAttribute("content", "width=device-wid
TM's Workspace - AndroidでJavaScriptのタッチイベントを試してみた。#android #js
このスクリプトでは画面をタッチすると、イベントの種類と座標、タッチ数が表示されます。 実行の結果、反応はイマイチですが、Andorid（IS01）のブラウザでもタッチイベントが実行されることが確認されました。 ただし、iPhoneと同様、画面スクロール等を禁止にしないと、マウスイベントが混在して、変なことになりました。 また、IS01では、残念ながらマルチタッチは検出されませんでした。 Android2.1以降ならマルチタッチが検出されるのでしょうか。気になるところです。 Related posts:IKFiberをProcessingへ移植してみた。#js #processing Google ChromeのExtensionをもう少し作ってみる。 JavaScript:カラフルなタイル JavaScript:ボールの連鎖衝突 Chain collision of balls
[ヅ]Android 3.0 端末の傾きを JavaScript Device Orientation で取得するサンプル (2011-06-13)
Device Orientation は Mozilla Firefox の MozOrientation (加速度センサーなどで傾きを検知できる JavaScript の API) のW3C標準化版みたいなAPIらしい。 Device Orientation Event 仕様で定義されているように、ブラウザはデバイスの物理的な向きや動きの情報を提供する DOM イベントをウェブアプリケーションが受信することを許可します。 デバイスの向きは x, y, z 軸で表現され、角度と動きは加速度と回転速度のデータとして表現されます。ウェブページは "deviceorientation" イベントタイプで window.addEventListener を呼ぶことで向きの変更イベントのリスナーを登録できます。また、"devicemotion" イベントタイプでモーションイベントのリスナーを登録でき
Titanium Mobile勉強会＠名古屋 Twitterまとめログ #androidzaurus OR #tmngo OR #Titanium_Mobile
Titanium Mobile勉強会＠名古屋 Twitterまとめログ #androidzaurus OR #tmngo OR #Titanium_Mobile 告知 日時 / DATE : 2011/01/14 19:20 to 20:45 定員 / LIMIT : 29 人 会場 / PLACE : 株式会社ニューキャスト セミナールーム （愛知県名古屋市東区葵3丁目22-8 ニューザックビル6F） URL / URL : http://www.xmldo.net/works/seminarroom 管理者 / ADMIN : 安藤恐竜 イベントの概要 JavaScriptでAndroid/iPhoneアプリの作成が出来るTitanium Mobileを @masuidrive さんに御指南いただきます。masuidriveさんは近々アメリカに帰られるので、名古屋でお話が聞けるのは今回
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
