We’re getting things ready Loading your experience… This won’t take long.
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
Mobile Safariのクリックイベントを高速化·fastClick.js MOONGIFT
fastClick.jsはMobile Safariのクリックイベントにおける遅延を改善するソフトウェアです。 iPhoneのMobile Safariにおいてリンクをタップした時の動作が重たい（遅い）感じがしたことはないでしょうか。実際、300msくらいの遅延が発生しているようで、Webブラウザゲームなどではもっさりした動作に感じてしまいます。そこで使ってみたいのがfastClick.jsです。 テスト画面です。上が高速処理を施したもの。下は施していないものになります。 実際に押した感じとしてレスポンスは上のが速いです。 クリックする度にカウントされますが、キャッシュが使われていると思われてもやはり上のが速いです。 具体的な処理についてはソースを見ていただくとして、体感として速くなっているのが分かるかと思います。touchendなどのイベントでは遅くならないらしいですが、clickイベン
スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
PhoneGap、Titanium、Sencha--それぞれ異なるモバイルアプリ開発のアプローチ - builder by ZDNet Japan
単一のコードベースから複数のプラットフォームへ展開する 通常スマートフォン向けのアプリケーションは、そのプラットフォームごとに特定の言語で開発する必要がある。iPhoneやiPadであればObjective-C、AndroidやBlackBerryであればJava、Windows PhoneであればC#やVisual Basicといった具合だ。 しかし、複数のプラットフォーム向けに同じアプリケーションを提供したい場合、それぞれの言語で個別に開発を行うのは非効率的であり、開発者の負担も大きい。 そこで近年では、単一のコードで開発し、それをベースとして各プラットフォームで実行できる形式に変換するというアプローチが一般的になってきている。この方法であれば、1度の開発で複数のプラットフォームをターゲットにすることができるため、開発の手間は大幅に削減される。言語の習得にかかる開発者の負担も軽減できる
より高度なGUI部品を使おう！(4/5):jQuery Mobileによるスマートフォン用Webサイト作成入門 - libro
jQuery Mobileは、jQueryのプラグインです。ということは、jQueryの機能も基本的には使えることになります。jQuery Mobileに用意されているGUI部品だけじゃたりないな……と思うなら、jQueryから借りてくればいいのです。 jQueryには、リッチなGUIを提供する「jQuery UI」という拡張ライブラリが用意されています。これを利用することで、jQuery用のGUIを使えるようになります。jQuery UIの中のGUI部品ですから、モバイル用に作られているわけではないので、ものによってはスマートフォンでは使いにくかったりするものもありますが、使い方によってはずいぶんとGUIのバリエーションが広がります。 jQuery UIを使うためには、jQuery UIのライブラリと、そのためのスタイルシートを読み込ませる必要があります。2011年８月現在、最新のSta
jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうですね。 なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 HTML5で作る電子書籍用のフレームワークです。jQueryやiPadのようなタッチデバイス向けのフレームワークとなっています。 複数フレームワークを併用 Lakerには定番のjQueryや、iPhone、iPadで黄金比を保つcssフレームワークのLess Framework、HTML5+jQ
iPhoneのようにフリック操作でスクロールできるjQueryプラグインつくった - テクメモ
iPhoneやAndroid風にマウスでフリックスクロールできるようにするjQueryプラグインつくりました。 ページ末端を過ぎると戻るような動作を再現しています。ページ区切りを設定するとiPhoneのホーム画面のようなUIも実現できます。 現在はアルファ版として公開中。 デモ デモ（ページ全体） ダウンロード コードサンプル ページ一部をフリックできるようにする場合。 $('.selector').flickable(); ページ全体をフリックできるようにする場合。 $(window).flickable(); ページ区切りを作る場合。sectionオプションでセレクタか要素を指定します。 $('.selector').flickable({ section: '.content' }); オプションの取り方などを含め、jQuery UIと同じような実装にしています。 詳しくは、http
HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)-
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは、EveryWhere開発部の久下孝順、高橋淳史と申します。 先日リリースされました、iPad用Webアプリ「えほんのじかん」（iPad版）の紹介をさせていただきます。 このサービスの内容はごく単純で、たくさん並んだサムネイルから気に入ったものを選択すると、アニメーションと朗読によって構成された絵本風の動画が流れる、というものです。 もともとこの「えほんのじかん」の元祖は、「テレビ版」でした。 インターネット対応テレビ向けに提供しているテレビ版Yahoo! JAPANやYahoo! JAPAN for AQUOSなどからみることができます。 iPad版より作品収録数は多く、30作品以上を掲載しています。 テレビ
jQueryモバイル用のコードをPHPで簡単ジェネレートできる「jqmPhp」:phpspot開発日誌
jqmPhp | HTML Code Generator for jQuery Mobile Framework | jqmPhp jQueryモバイル用のコードをPHPで簡単ジェネレートできる「jqmPhp」。 次のようなコードにより、簡単にjQueryモバイルのページを作れます。 <?php include 'lib/jqmPhp.php'; $j = new jqmPhp(); $j->addBasicPage('', 'Hello World', 'It's works!'); echo $j; ?> addBasicPageメソッドによって、jQueryモバイルでのページを簡単作成可能。 単にページの追加だけではなく、ボタンを追加したり、各種コントロールの追加がPHPで出来るところが特徴です。 以下、jqmPhpで作ったページデモ。実際に動作するデモページはこちら このスマートフ
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
[iphone/safari] JavascriptとCSSアニメーションでフリック操作を実装してみる : nogunogu
とあるWebアプリをiPhone対応させようと思っています。 iPhone対応なんて、レイアウトをちょっといじる程度かと思って調べていたら、 なんとiPhone搭載のモバイルSafariはタッチ関連のイベントをJavascriptで扱えるというじゃないですか。 “iPhone Human Interface Guidelines for Web Applications” を見てみると、 ユーザーの操作として上げられている中に「Flick」があります。 ということは、フリックイベントを設定できて、ページをめくる的な操作がササッと作れるはず。 などと思って調べたところ、どうやらタッチ・ジェスチャー関連のイベントは下記の7つみたいです。 touchstart touchmove touchend touchcancel gesturestart gesturechange gesturee
iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript:phpspot開発日誌
PADILICIOUS: How to Add Finger-Swipe Support to Your Webpage iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript。 左から右、右から左、上から下、下から上といった指でのスライドアクションをiPadのブラウザ上で検知して好きなJavaScriptコードを実行するようにできます。 これで、本当にブラウザ上で電子書籍を読むようなインタフェースを実現できます。単純なクリックよりもよりアプリ寄りのUIがブラウザ上で実現できますね。 デモページをiPadで見てみると、それぞれ指でスライドするとページの背景色が変わるはずです。 関連エントリ iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」 iPadのサイト開発、アプリ紹介等のエントリ色々 iPad用のサイト作成に覚えておくこと色々
Android携帯でブラウザから緯度経度情報を取得 - PHP,MySQL,Flex,JSな日々＋イラストとか
Android携帯でブラウザから緯度経度情報を取得する方法です。 以前紹介したiPhone3.0のときと結構似ているので簡単にできます。 ページはこちら http://moeten.info/flex/20090713_androidGPS/test.php AndroidかiPhoneからアクセスしてね！ こんな感じにブラウザのJavaScriptから簡単に取得できますよー。 簡単な説明 Androidではgearsを使用することによってGPS情報が扱えるようになります。 まずは、 gears_init.js をインクルード <script type="text/javascript" src="gears_init.js"></script> javascript部分 //緯度経度取得 function getGPS(){ var gps = google.gears.factory.
ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript（マルチタッチ編）
90秒で理解するiPhone JavaScript（マルチタッチ編） Tweet 2008/7/28 月曜日 matsui Posted in iPhone | 10 Comments » 仕事でiPhone向けサイトを作ることになるかもしれず、色々と調査中です。 まずはiPhoneならではの機能ということで、マルチタッチについて調べてみました。 ここまでわかったことをメモ代わりに記載したいと思います。 今回はひとまず座標の取得までです。 ゆくゆくは、こちらのムービーのように凝ったギミックを作りこみたいと思っています。 マルチタッチの座標を取得するのは思ったより簡単で、抑えるポイントは4つだけです。 Safari自体のスクロールや拡大・縮小は動作しないようにした方が無難 タッチのイベントは、リスナーまたは「onTouchXXX」から取得 タッチ数は「event.touches.length
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Titanium でつくろう！ iPhone/Android 両対応アプリ
Engadget | Technology News & Reviews