こんにちは。開発担当の林です。 iPhone / iPad のウェブブラウザでページを見ているとき、けっこうな割合でピンチイン・ピンチアウトすると思いますが、それがどのくらい拡大されているのかを取得する方法を書きます。 また、応用でピンチイン・ピンチアウトされても、見た目のサイズを維持するにはどのくらい拡大すれば良いかということにも触れたいと思います。 広告バナーなんかでよく使われてるアレの仕組みです。何かのお役に立てれば幸いです。 ウェブページがどのくらい拡大されているのかを取得する // ページの幅 ÷ 表示されている幅（この行だけでいいかな） var zoomer = document.body.clientWidth / window.innerWidth; // 以下で拡大率を目視できるでしょう alert( zoomer ); // 小数点がたくさんつくので、第二位までに丸め込
Apple brought huge JavaScript performance improvements to Mobile Safari in March of this year, but those benefits didn’t extend to Web apps saved to a user’s home screen. iOS 5 will remedy that situation, however, finally putting home-screen Web apps on equal performance footing with those that run in the browser. Apple brought its Nitro JavaScript engine to Mobile Safari as part of iOS 4.3. Nitro
Love JavaScript? Can't get enough of it? Ever sit on the plane and wish you could just test a bit of code? JS Console of the iOS gives you just that. A JavaScript console to test and inspect the results of your JavaScript without the need to be online or in a browser. Run any JavaScript straight in the console Test mobile JavaScript features like geolocation Load any URL's DOM tree Load external
(note: this is based on the first iOS5 beta [9A5220p] and is subject to change on final release) It looks like there’s finally some major improvements in mobile Safari, some of which I’ve found below on my “first glance” after downloading the SDK. Chime in if you find anything yourself! Bad news firstMuch to my disappointment, browser-based file uploads are still not supported (input type=“file”),
Native scrolling for mobile web apps... or at least the closest thing to it! Scrollability is a single script, it's small, and it has no external dependencies. Drop it into your page, add a few CSS classes to scrollable elements, and scroll away. Scrollability is a work-in-progress and is not yet ready to be used. I will publish documentation when it's ready. Demos (Requires iOS, works best on iPh
After seeing Leah Culver’s blog post entitled “iPhone Pull to Refresh“, I was disappointed when I clicked through to find out that it was an ObjC library and not a javascript library. So I set out to see how hard it would be to replicate the UI pattern in javascript. DEMO | javascript source This is a prototype/proof of concept which gives a good idea of how to implement pull to refresh in javascr
Let me tell you what a crazy week it’s been regarding my iPad Simulator A little background I’ve thought about creating the iPad simulator shortly after I bought my iPad. I was fascinated by the UI and wanted to see if I can recreate it. This isn’t the first online simulator I’ve built, before this, was a Nokia n97 simulator, also built with JS + CSS (http://nokian97.co.il) I’ve uploaded the iPad
PeekはiPhone用のフリーウェア（ソースコードは公開されている）。iPhoneではWebKitをベースにしたMobile SafariがWebブラウザとして利用できる。Safariとはいえ、iPhone用とあって異なる動作をする部分も多い。CSSやメタも特別なものが追加されている。 アプリを立ち上げた所 そのような中でiPhone向けのWebアプリケーションを作っていても、実際にiPhoneで使ってみたら動作が異なるというケースは少なからず存在する。だがiPhoneの小さな、限られた機能ではデバッグもままならない。そこで使ってみたいのがPeekだ。 PeekはiPhoneアプリとして提供されるが、システム的にはほぼHTML/JavaScriptで作られてる。アプリを立ち上げたら、塔のマークのアイコンをタップする。すると専用のWebサーバが内部で立ち上がり、8080番ポートでアクセスで
基本 web のお仕事が多く C 言語？の状態から始めたので、わからないこと大杉、エラー出杉で開発が進まないので遅ればせながら、またまた流行に乗ります。 比較表 Corona Phonegap Titanium Mobile 費用 30 日無料試用版あり、年間$349.00 無料(MIT License) Community free, Professional $2,189/user/year, Enterprise $7,689/user/year 開発言語 Lua HTML, CSS, Javascript HTML, CSS, Javascript ※コメント頂き修正致しました。ありがとうございます。 対応プラットホーム iOS, Android iOS, Android, Blackberry, Symbian, Palm iOS, Android API Corona API
iPhone／iPadアプリ開発の規約が改訂！ 2010年9月9日、アップルは「iOS Developer Program License」を改訂しました。これにより、開発ツールに関するすべての制限が緩和されました（参考：Apple、iPhoneアプリ開発ツールの制限を緩和 アプリ審査基準も公開）。 相変わらず「コードのダウンロード（FlashやSilverlightなど、Webブラウザのプラグインで動かす）は禁止」ですが、あらかじめ内蔵されているコードであれば、中間レイヤを介して実行可能です。 Titaniumは、JavaScriptで書かれたコードをインタプリタを介して実行するため、この規約の制限を受ける可能性があり「グレー」な存在とされていました。しかし、今回の規約改定により、晴れてTitaniumがiPhone／iPadアプリケーションの開発に利用できることになったわけです。 同時
Supporting Mouse Events on Mobile Safari Thursday, April 8, 2010 Mobile Safari does a good job for making websites work seamlessly in a mouse-free environment. In general, it is pretty painless for both users and developers. For example, if you tap on something, the event would automatically be interpreted and handled as a mouse click. However, not everything is automatic; if the websites have any
iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」 iPhone/iPadでダブルタップをJavaScriptで実装するで紹介してたダブルタップの実装方法をjQueryプラグインにしてみました。 利用方法 jQuery本体とjquery.event.dblTap.jsをhead要素などで読み込みます。 <script src="jquery-.min.js"></script> <script src="jquery.event.dblTap.js"></script> 後は「dblTap」をbindするとdblTapイベントが実装できます(クリックにも反応するようにしています)。 $("button").bind("dblTap",function(){ alert("duble tap"); }) デモ 初期設定では5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: PhoneGap 入門ガイド (Smart Mobile Developer): アシアル: 本
