backend(mBaaS)。TipsPhoneGapをはじめとするハイブリッドアプリは人気があります。HTML5/JavaScriptでアプリが開発できるのは魅力的ですが、問題はUIではないでしょうか。HTMLのままではUI/UXが優れているとはとても言えません。そこでHTMLをネイティブアプリ並のUIにしてくれるフレームワークを使ってみましょう。これらを使えばまるでネイティブのUIと変わらないかのようなUI/UXが得られるようになるでしょう。TouchBootstrapさいごにIonicパフォーマンスを重視しています。画面遷移などはハードウェアアクセラレーションを使っており、スムーズな動きを実現しています。jQueryは使わず、AngularJSベースになっています。Mobileよりも圧倒的なパフォーマンス、スマートフォンとタブレットに対応、jQueryやAngularJSと組み合わせた利用が可能です。UIをベースにPhoneGapに最適化した機能を提供しています。ネイティブ並のUIを実現できます。Frameworkグレーを基調としたデザインになっており、ちょっと古い感じがするかも知れません。OSと幅広く想定されています。FrameworkAppGyverHTML5/JavaScriptながら一部の機能をネイティブコンポーネントで提供しています。そのため動作が高速です。PhoneGapプラグイン互換となっています。MobileWeb開発では有名なjQueryをモバイルに最適化したフレームワークです。UIも提供されていますので、基本的に組み合わせて使うことが想定されています。大型なフレームワークのため、若干動作が重いように感じます。スマートフォン、タブレットだけでなくデスクトップでも利用が出来ます。業務システムを開発するのに使えるくらい多機能です。4.3以上に対応しています。easyWebixJavaScriptでUIを生成するタイプのウィジェットフレームワークです。テーブル、ツリー、アコーディオン、カレンダー、メニュー、グラフなどのウィジェットが用意されています。Phoneに向けたUIが提供されています。7に対応したすっきりとしたデザインなのが特徴です。JavascriptTopcoatモバイルアプリだけでなく、Webアプリケーションにも使えるHTML5フレームワークです。カラーテーマも多数提供されています。FrameworkIntelの提供するWebアプリ開発フレームワークのコンポーネント集です。リストやボタン、フォームなど多数のUIコンポーネントが利用できます。Touch50を越えるウィジェット、各OSに対応したテーマ、MVCフレームワークが統合されています。エンタープライズ系での利用が想定されています。SenchaBootstrap主にWebサイト向けですが、スマートフォンにも対応していることもあってハイブリッドアプリでの利用も進んでいます。情報量は圧倒的に多いと思います。Bootstrapさいごにいかがでしたか。HTML5とネイティブを合わせたハイブリッドアプリを作る際には必ず必須になるであろうUIコンポーネントは覚えておいて損はないはずです。Service)とは、スマートフォンアプリでよく利用される汎用的な機能をSDKとクラウドから提供するサービスです。backendのちょっと便利な使いかた・非公式SDKやアプリ開発の関連情報などをお届けするブログです。※記事内には、サポート対象外の内容も含みます。本ブログではコメント機能を公開しておりません。アプリ開発を行う上での課題解決には、ユーザーコミュニティやもくもく会などもご活用ください。LIMITEDスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。