Apple の「AdLib」フレームワークが iPad の Web ページにネイティブのような機能をもたらす

Done21 は 、iPad で使用される新しい Web ベースのフレームワークの興味深い発見について報告しています 。このフレームワークにより、Web ページが以前に観察されたものよりもネイティブ アプリケーションに近い方法で動作できるようになります。このフレームワークは、コードを含むファイル名にちなんでレポート作成者によって「AdLib」と呼ばれており、iPadのモバイル版Safariを使用してAppleのiPadユーザーガイドに移動したときに動作していることに最初に気づいた。これにより、単なる Web ページであるユーザー ガイドを、スクロールバーを備えたネイティブ アプリのような感覚で分割ペイン ビューで提供できるようになります。

特に興味深いのは、Mobile Webkit では実際には不可能なことを実行していることです。これには、iPhone OS の特徴的な「スクロール バー」と伸縮性のあるトランジションを備えた 1 本の指で操作できるスクロール ペインが含まれています。 iPhone で Safari を使用したことがある場合は、コンテンツのボックスをスクロールすることはある程度可能ですが、スクロールするには 2 本の指による特別なジェスチャが必要であることをご存知でしょう。

好奇心に負けてラップトップの Safari にページをロードし (そして Safari のユーザー エージェントを iPad を模倣するように変更し)、開発者ツールを使用して作業を開始しました。 JavaScript を抽出して縮小化した後、私の疑いは裏付けられました。 Apple はタッチ イベントを手動で読み取り、スクロールの慣性を計算し、スクロール バーを手動で描画していました。ブラウザ上でこれほどスムーズに動作するのは信じられないほどでした。

このフレームワークは約 4,300 行のコードで構成されており、Mobile Safari では、iPhone と iPad でサポートされている基本的な Web テクノロジである HTML、CSS、JavaScript を使用するだけで、ネイティブのようなユーザー ガイドを表示できます。昨年 12 月に John Gruber によって説明された PastryKit フレームワーク といくつかの点で似ていますが、AdLib は iPad 固有の参照を組み込んだより高度なバージョンであるようです。

Appleがサード開発者が使用できるカスタムAPIをリリースするかどうかはまだ分からないが、ドキュメントが存在しないにもかかわらず、このフレームワークは「非常によく考えられており、完全」であり、開発者にとって非常に役立つ可能性があると報告書は指摘している。

更新 : 実際のコードに興味がある人のために、 コメント付きバージョンが Apple の開発者サイトで発見されました。