iPhone/iPadでダブルタップをJavaScriptで実装する
iPhone/iPadでダブルタップをJavaScriptで実装する iPhone/iPadのJavaScriptでは「onclick≒タップ」なのに「ondblclick≠ダブルタップ」となるのでダブルタップを利用したい場合は独自に実装しなくてはいけない。 次のように記述するとjQueryで擬似的にダブルタップを実装することが出来ます。 $("p").data("dblTap",false).click(function(){ if($(this).data("dblTap")){ //ダブルタップ時の命令 console.log("ダブルタップ"); $(this).data("dblTap",false); }else{ $(this).data("dblTap",true); } setTimeout(function(){ $("p").data("dblTap",false);
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'
iOS - なんちゃってAjaxマンガビューワーiPhone対応 : 404 Blog Not Found
2010年06月26日17:00 カテゴリLightweight LanguagesTips iOS - なんちゃってAjaxマンガビューワーiPhone対応 Retina Displayを見ていたら… 404 Blog Not Found:iPad - なんちゃってAjaxマンガビューワー というわけで、こさえたのが、これ。 iPhoneにも対応させたくなってきたので。 http://colabv6.dan.co.jp/~dankogai/ubunchu01/ 使い方 Safari 4 iPad向けですが、他でも動きます 画面の右側をクリックすると次のページ、左で前のページ 中央をクリックすると「なんちゃってコントローラー」表示/非表示切替 なんちゃってコントローラーをクリックすると、ページ番号入力のプロンプト表示 window.localStorage を使って以前読んだページを記憶。
iPhone Webアプリにおける13のJavaScript高速化アレコレ：マピオンラボ(Javascript)
こんちは、中村です。 先日マピオンラボよりリリースしたiPad用地図「マピオンタッチ デラックス」のコアとなるフリースクロール地図ライブラリの開発を担当させて頂きました。せっかくなのでターゲットブラウザをMobileSafariに設定し、比較的スペックがプアなiPhone3Gや3GSでも十分な速度で動作するようJavaScript部分の高速化をアレコレ調べてみたのでまとめてみます。一番低スペックなiPhone3Gで実際にどの程度早くなるかをタイマーで計測してみましたってのが本エントリーのミソです。 JavaScriptパフォーマンスチェック - Googleドキュメント 1. new Object より {}（Objectリテラル） オブジェクトを１万個生成するならばリテラルで記述することで約26ms高速化！ loop=10000; for(var i=0;i<loop;i++){}; /
iPhoneとiPadのSafariからOsfooraでタイトルとURLを入れるブックマークレット - befoma.net
iPhoneとiPadのSafariからOsfooraでタイトルとURLを入れるブックマークレットをnantanさんから教えてもらいました。下記のスクリプトをブックマークに追加して、ツイートしたいページからブックマークを呼び出すだけです。（タイトルは任意） Post on Osfoora javascript:window.location='osfoora://'+encodeURI('"'+document.title+'"')+window.location javascript:window.location=’osfoora://’+encodeURI(‘”‘+document.title+’”‘)+window.location ※Osfooraのアプリに入っているブックマークレットが、URLしかつぶやけなかったので重宝しています。友達にSMSやmailで送りたいときもOsf
今ココなう！ iPhone用Webアプリのソースコードを公開 - yamasaのネタ帳
私の作成した今ココなう！のiPhone用Webアプリについて、そのソースコードをgithubにて公開しました。 このWebアプリは、iPhoneだけでなくAndroid2.1以降やFireFox3.5以降、Chrome5やSafari5など、最近のHTML5対応ブラウザでも利用することができます。アプリが利用している技術要素を以下に列挙してみたので、興味のある方の参考になれば幸いです。 Google App Engine iPhone向けWebアプリケーション Google Maps JavaScript API V3 Twitter OAuth Geolocation API Web Storage HTML5 Session history (pushState/replaceState) CSS3
iPhoneでウェブ閲覧する際に、ちょっと便利なブックマークレットを作った - パンプキンスパイスラテ
iPhoneでウェブサイトを見るときに、「ダブルタップ」や「ピンチアウト」で拡大することができますよね。 「ダブルタップ」のほうが片手でできて簡単なのですが、これってHTMLの「ブロック要素単位」で拡大する仕様のようで、リキッドレイアウトのサイトでは、「ダブルタップ」で拡大しても、本文がまだ読みやすいサイズにはならないのです。 そのため、「ピンチアウト」でさらに拡大するのですが、間違えてリンクを触ったりしてしまい、残念な感じになることもしばしば。 さらに、読みやすいサイズに拡大したとしても、横スクロールが発生してしまい、とても読みづらいです。 ◆通常 ◆ダブルタップ ◆ピンチアウト そこで下記のブックマークレットを実行！ javascript:(function(){for(i=0;i<document.getElementsByTagName("div").length;i++){doc
iPhoneのタップ・回転イベントを JavaScriptで取得するサンプル - H2O Space. Blog - h2ospace - builder by ZDNet Japan
iPhone特有の「タップ」や本体の「回転」は、JavaScriptでも取得することができます。 つまり、Webサイト・Webアプリでこれらのイベントを捕まえてプログラムを作ることができるという訳。 簡単なサンプルを作ってみましたので、お試しください。 iPhoneのタップ・回転イベントをJavaScriptで取得するサンプル(iPhoneで確認してください) まずは、こんなHTMLを準備して・・ <dl class="iPhoneDL"> <dt>イベント</dt> <dd id="dEvent">なし</dd> <dt>X位置</dt> <dd id="dX">-</dd> <dt>Y位置</dt> <dd id="dY">-</dd> <dt>向き</dt> <dd id="dTurn">-</dd> </dl> プログラムは次の通り。 <script type="text/java
スマートフォンのJavaScriptのベンチマークのまとめ - yukobaのブログ
スマートフォン向けのIntel Atom Z600 1.5GHzのベンチマークが発表になっていますが、驚異的な速さですね！iPadよりも5倍近く速いそうです。2010年末〜2011年前半くらいに出るそうです。Performance: Moorestown Rocks? - Intel Unveils Moorestown and the Atom Z600, The Fastest Smartphone Platform?。 Android 2.2も速いし、もう、ムーアの法則というレベルではなく、毎年3倍くらい速くなっています。2009年のiPhone 3GSはSunSpiderで17secでしたが、2010年のAndroid 2.2は6sec、2011年のIntel Atom Z600 1.5GHzは2sec…。 というわけで、スマートフォンやパソコンの SunSpider のベンチマー
iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT
moobileはHTML/JavaScript製のフリーウェア（ソースコードは公開されている）。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneやAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが
iPhoneでswfアニメーションを再生する魔法のJS | _level0 - KAYAC Front Engineer Blog
PC用に作ったFlashアニメーションをiPhoneでも使いたいという話があり、 Flashアニメを連番画像で書き出してアニメGIFにする以外に 何かいい手はないかと調べていたところ、Gordon.jsというものを教えてもらいました。 http://github.com/tobeytailor/gordon JavaScriptでswfを解析し、ベクターグラフィックをSVG形式で描画するため iPhoneのSafariを含めたSVGが利用できるブラウザであれば FlashPlayerを使わずswfアニメーションを表示できるようです。 こんな感じ 実際にいろいろ実験してみて気付いたところとしては、 ・対応しているのは「FlashPlayer1」向けに書き出されたswfのみ ・画像は表示されない、ベクターのみ（グラデーション可） ・ローカルでは動作しない（環境によるのかも） FlashPlay
HTMLとJavaScriptでiPhoneアプリを作る時に加速度センサを使う方法 - 電子趣味の部屋
まず前回のエントリーの「HTMLとJavaScriptでiPhoneアプリを超簡単に作る方法」を読んでください。 今回は前回のエントリーの続きとして解説します。 HTMLファイルの準備 今回は、加速度センサによって得られるxyzの値をそのまま表示するHTMLを使います。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <script type="text/javascript"> // このファンクションがアプリより実行される
iPhone/スマートフォン向けのJavaScriptフレームワーク·xui-js MOONGIFT
xui-jsはJavaScript製のオープンソース・ソフトウェア。スマートフォンが隆盛だ。iPhoneはもとよりAndroid、Plam Pre、Windows Mobile、Blackberryと多彩なスマートフォンが登場している。多数のスマートフォンではWebKitをブラウザに使っている。 スマートフォン向けのJavaScriptフレームワーク WebKitであればHTML5にも対応し、JavaScriptも高いレベルで実行ができる。そんな中登場したJavaScriptフレームワークがxui-jsだ。多彩な表現を可能にしつつ、スマートフォンでしか実行できない機能もある。 イベントを取得してHTMLの内容を書き換えたり、アニメーションを実行する操作がコード数行で実現できる。Ajaxも利用でき、アクションによって外部からデータを取得して表示するのも簡単だ。CSSのクラスを追加したり、逆に
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
iPhone3.0の緯度経度APIを用いて移動履歴をマップに反映 - PHP,MySQL,Flex,JSな日々＋イラストとか
iPhone3.0の緯度経度APIを用いて移動履歴をマップに反映してみました。 こんな感じにマーカーとラインが描画されます。 #今日の勉強会が早稲田大学工学部なんだけど、総合のほうに行ってしまった（笑） 簡単なプログラムの作り方はこちら iPhoneで緯度経度情報を取得して、サーバーに送信 まずは、現在の位置をiPhone3.0の緯度経度ＡＰＩを使用してサーバーに記録させます。 データーはjQueryのajaxを使用して画面遷移のない送信を行います。 //緯度経度取得 function ShowTime() { navigator.geolocation.watchPosition(callback, handleError) } //緯度経度取得エラー function handleError(a) { alert("error"); } var wlat; var wlon; //緯度
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
