Wink toolkitはスマートフォン向けWebサイトを構築するためのJavaScriptフレームワーク。

Wink toolkitはJavaScript製のオープンソース・ソフトウェア。スマートフォンではこれまでのデスクトップ向けの開発手法とは大きく異なる部分がある。まず画面サイズの制限が大きく、マウスのようなデバイスではなく直接タッチする。さらに独自の拡張もある。


デザインも上品で見やすい画面

そんな状況下ではライブラリも独自のものが求められるようになる。Wink toolkitはスマートフォン向けのWebアプリケーション開発用JavaScriptライブラリだ。

Wink toolkitの機能は実に多い。あまりに多くて語りきれないほどだ。まずスマートフォンに最適な表示が容易に実現できる。テーマに対応しているので色合いを変えることも可能だ。続いてあげるとページフリップでページ送り機能のついた電子書籍風表示、3Dの表示きりかえ、モーダルウィンドウ、ページ内スクロールコンテンツ、ヘッダー/フッターを残したスムーズなスクロール、タブ、フォーム、オブジェクトの3D表示、アイコン、ジェスチャーやドローなどだ。


3Dの表示切り替え

さらに傾きを検知して表示を変えたり、キャッシュ機能、タッチイベント、ドラッグアンドドロップ等スマートフォン/HTML5に最適化された機能が詰め込まれている。この手のライブラリは各種があるが、その選択肢の一つとして十分考えられるライブラリと言えるだろう。

[s2If current_user_can(access_s2member_level1)]


テーマ変更（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


ページ切り替え（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


アコーディオン（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


モーダルウィンドウ（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


ページ内スクロール（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


タブ（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


フォーム（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


3Dオブジェクト（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


アイコン（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


タグクラウド（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


絵を描くサンプル（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


アニメーション（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


加速度センサー（プレミアム限定）

[/s2If]
[s2If current_user_can(access_s2member_level1)]


ジェスチャー（プレミアム限定）

[/s2If]

MOONGIFTはこう見る

スマートフォン向けの最適化Webサイトを作る上で最も面倒なのが、独自のUIによるWebデザインの設定だ。Wink toolkitを使えば一定の手順に沿って進めるだけで最適化サイトが構築できる。この点が最大のメリットと言えるだろう。

jQuery Mobileも有力だが、縛りが強いライブラリなのが難点に感じていた。Wink toolkitも同様に縛りはあるもののテーマに対応することでデザイン上の柔軟性は高いと言えそうだ。何より機能が豊富で多様なニーズに応えられるのが強みだろう。

via スマートフォン向けのJSフレームワーク・Wink Toolkitがバージョンアップしてより素敵になったよ - かちびと.net

Wink toolkit - A mobile JavaScript framework to build great webapps