デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。
特にUI周りの取り回しであったり、タッチ/マルチタッチイベント、スマートフォン特有のAPIなどを適切に扱えなければなりません。何よりハードウェアの性能がデスクトップより低いので高速にストレスなく動作させるためには軽量でなければなりません。
そこで今回はスマートフォン、タブレット向けのWebサイトを構築したり、HTML5によるハイブリッドアプリを開発するのに使えるJavaScriptフレームワークを紹介します。ぜひ皆さんの開発に役立ててください。
- Mobile Angular UI
- Onsen UI
- Wink toolkit
- EmbedJS
- Moobile
- Junior
- wijmo
- DevExtreme Mobile
- Treesaver.js
- DHTMLX Touch
- Enyo
- Ionic
- Sencha Touch
- jQuery Mobile
- Kendo UI jQuery and HTML5 widgets
- React
- Jo
- The-M-Project
- Lungo
- App Framework
- jQT
- Zepto.js: the aerogel-weight jQuery-compatible JavaScript library
- ChocolateChip-UI - A Mobile Web Framework in HTML5, CSS & Javascript
- さいごに
Mobile Angular UI
Mobile Angular UI - Angular JS Mobile UI framework with Bootstrap 3 Css
Onsen UI
Onsen UI - A Custom Elements-Based HTML5 UI Framework | Onsen UI
Wink toolkit
Wink toolkit - A mobile JavaScript framework to build great webapps
EmbedJS
EmbedJS - Build Your Own Framework
Moobile
Junior
Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.
wijmo
UI for the Web powered by HTML5, jQuery & CSS3
DevExtreme Mobile
HTML5/JS Mobile Framework – DevExtreme Mobile | DevExpress
Treesaver.js
DHTMLX Touch
DHTMLX Touch - JavaScript Mobile Framework for Building HTML5 Web Apps
Enyo
Enyo JavaScript Application Framework
Ionic
Ionic: Advanced HTML5 Hybrid Mobile App Framework
Sencha Touch
jQuery Mobile
Kendo UI jQuery and HTML5 widgets
Kendo UI jQuery and HTML5 widgets
React
React | A JavaScript library for building user interfaces
Jo
The-M-Project
Lungo
App Framework
jQT
jQT (formerly jQTouch) — Zepto/jQuery plugin for mobile web development
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library
ChocolateChip-UI - A Mobile Web Framework in HTML5, CSS & Javascript
ChocolateChip-UI - A Mobile Web Framework in HTML5, CSS & Javascript
さいごに
いかがでしたか。これらのフレームワークを使うことで、スマートフォンやタブレットに対応するWebサイトはもちろんのこと、MonacaやCordova/PhoneGapを使ったハイブリッドアプリも簡単に作れるようになります。
ニフティクラウド mobile backendではJavaScript SDKも提供していますので、アプリのデータを保存する際にはぜひお使いください!