WebブラウザでネイティブライクなUIを作成するフレームワークはデザインのトレンドに合わせて年々変わってきています。テーマで最新のUIに対応できる場合もありますが、HTML5/JavaScript/CSS3の進化も考えると、常にトレンドに乗っておくのが良さそうです。 TouchstoneJSは最新のUIフレームワークで、ハイブリッドアプリを作るのに最適なフレームワークとなっています。ハイブリッドアプリ開発にぜひ使ってください。

TouchstoneJSの使い方

TouchstoneJSはまだベータ版で全機能は提供されていません。なので執筆時点での機能を紹介します。

一覧。グループリストです。

ヘッダーバーの色変更。

検索付きのリスト。

アラートバー。

フッターバー。

シンプルリスト。

詳細表示。

サムネイル付きリスト。

トグル。

フォーム。

パスコード入力。

入力したパスコードが表示できます。

フェードや左右からの表示などエフェクトも用意されています。

TouchstoneJSはこの他にもスクロールポジションの再現、Pull to reload、ネストビュー、クロスプラットフォームのテーマ、横向きモードなどの実装が予定されています。動作はかなり高速なので、ハイブリッドアプリ開発に良さそうです。なおJavaScriptはReactJSを使っています。

TouchstoneJSはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

TouchstoneJS • ReactJS powered UI framework for developing beautiful hybrid mobile apps JedWatson/touchstonejs