ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch