Clever Geek Handbook

Moobile-MooToolsベースのモバイルフレームワーク



長い間、JSフレームワークMooToolsに関するHabrのニュースで何も聞いていませんでした。 その間、開発を続けています。 現時点では、最新のカーネルバージョンは1.4.5です。



しかし、今私たちは何か他のものについて話している。 早くも4月20日、開発者は 、ライブラリコアを使用して、モバイルデバイス用のフレームワークの開発が始まったとツイートしました。

Upd.1 -MooToolsの作成者が開発していない、 magmoroが不正確に気づいたおかげで。



だからmoobilejs.com 。



著者によると、開発はまだかなり粗雑なバージョン0.1.1 *です。 ただし、デモはここで、または次のように表示できます：goo.gl/dWreE

テストされたiPhone 3gでは、ほぼすべてが機能します。 美しい遷移、アラート、イベントへのスナップタップ（タップスタート、タップムーブ、タペンド）、タッチムーブ、ピンチ、スワイプなど 。

唯一のBUT 、デモページは、実際のデバイスで実行されていることを検出することを望まず、デスクトップと同じモードで動作しました。 エミュレータがページに表示されました（ただし、これは機能のようです）。



現在、WebKitベースのブラウザーのみがサポートされています。



次のパッケージは、開発者の配布キットに含まれています。



コントローラーとビューを使用したMVCアプローチが使用されます。

たとえば、コントローラーからビューをロードします。 



this.view = Moobile.View.at('templates/views/hello-world-view.html');


クラスを記述する場合、MooToolsの利点が使用されます。たとえば、コントローラーの説明の一部を次に示します。 



 var HelloWorldViewController = new Class({ Extends: Moobile.ViewController, ... });


HTMLのすべての場所で、データは一般的なHTML5属性data- *に保存されます 



 <div data-role="button" data-name="hello-world-button">Hello World</div>


MooToolsの長所は、常にオブジェクトのスタイルプロパティを変更するアニメーションです。 したがって、このタイプの良い機会はムービルでも利用可能です。

現在、使用されている主なアプローチは遷移であり、多くのデモ例でページ間を移動するために使用されています。



使用可能なコントロールのうち、現在次のものがあります。



これまでのダイアログのうち、

対話



みんなが成功し、ネットワークが速くて簡単で強力なエンジンで豊かになることを願っています。



Upd.2-尊敬されているtorkveから帽子が飛び出さないように名前を変更しました 。 初期バージョンは次のとおりでした：「MooToolsの使用、モバイルフレームワークの開発-Moobileが開始されました。」


More articles:


All Articles