モバイルサイトを構築するときに役立つフレームワーク5選

five-mobile-frameworks

スマートフォンやタブレットなどのモバイル端末の普及に合わせて、モバイル端末によるWEBサイトへのアクセスやモバイルアプリケーションの需要が多くなってきていることを感じます。

今回はモバイル端末に最適化されたWEBサイトやアプリケーションを制作するときに役立つフレームワークを5つご紹介します。

jQuery Mobile

「jQueryMobile」はjQueryとHTML5、CSSをベースに構築されたフレームワークです。ライセンスは「MIT license」にて、配布されています。スマートフォンやタブレットだけでなく、デスクトップにも対応するレスポンシブ対応のWEBサイトを構築することができます。レイアウトをはじめ、各種ボタン、ナビゲーション、フォームデザインなど一般的なユーザーインターフェースが揃っています。

jQuery-Mobile-Demos

Apache Cordova

「Apache Cordova」はモバイル向けのアプリケーション開発用に構築されたフレームワークです。ライセンスは「Apache License v2.0」にて配布されています。「Apache Cordova」はアプリケーションをJavaやObjective-Cなどのプログラミングコードを使わずに、HTML、CSS、そしてJavaScriptを用いてアプリケーションを構築するコンセプトで作られており、iOSアプリとAndroidアプリ間でシームレスな開発を行うことができるなどのメリットがあります。

「Apache Cordova」HTML、CSS、JavaScriptなどのファイル群で、開発するためには各プラットフォームのSDKやコマンドラインからビルドする必要があります。

Apache-Cordova

Lungo

「Lungo」はHTML5、CSS、JavaScriptをベースにスマートフォンやタブレット向けのシンプルなモバイルインターフェースを構築することができるフレームワークです。ライセンスは「GPLv3」にて配布されています。手軽にモバイル向けのWEBサイトを構築したい場合などに向いてそうです。

Lungo

jQT

「jQT」はHTML5、CSS、JavaScriptをベースにスマートフォン向けのシンプルなモバイルインターフェースを構築することができるフレームワークです。ライセンスは「MIT license」にて、配布されています。レイアウトやボタンなどもシンプルなので、カスタマイズしやすそうです。時計表示などのオブジェクトがあるのも特徴的です。

jqtjs

Junior

「Junior」はHTML5、CSS、JavaScriptをベースにスマートフォン向けのモバイルインターフェースを構築することができるフレームワークです。画像スライドなどWEBサイト向けのインターフェースがあるのが特徴的です。

justspamjustin

以上、5つをご紹介いたしました。モバイル向けのフレームワークはこれら以外にもありますので今後も注目してみたいと思います。

関連記事

【フォト】世界で美しい星空保護区の星空

みなさんは「星空保護区」というのをご存知ですか?その名前の通り、保護すべき美しい星空が見える地域として認定しようという取り組みです。 国際ダークスカイ協会(IDA)によって世界中の暗い夜空の保護・保存を目指し、保護区を認定する活動が行われています。 UNESCO(ユネスコ)で...続きを読む

2016.07.13フォトギャラリー

【JavaScript】各種ユーザーインターフェイスを実装するライブラリ『jQuery UI』

『jQuery UI 』は一般的なメニュー、アコーディオン、タブなどの多岐にわたるユーザーインターフェイスを実装することができるjQuery対応のJavaScriptライブラリです。 jQuery UI 『jQuery UI 』を用いることで「Interactions...続きを読む

2015.02.10HTMLコーディング

【WP】WordPressの本文抜粋・本文の一部を取得する

WordPressで投稿された記事の本文の一部「抜粋」を取得するために、テンプレートタグthe_excerpt()とget_the_excerpt()があります。the_excerpt()とget_the_excerpt()は、投稿時に抜粋欄へ入力があればその内容が表示され、抜粋...続きを読む

2018.12.04HTMLコーディングWordPress

【WP】ログインページをカスタマイズする方法

WordPressのログインページはプラグインなどを利用してカスタマイズすることができます。 今回は、プラグインを使わずにアクションフックを利用してWordPressのログインページで利用されるCSSをカスタマイズしてオリジナルのデザインに変更する方法をご紹介します。 ...続きを読む

2015.02.25WordPress

【Bootstrap】テンプレートを使い作成するレスポンシブサイト

Twitterのデザイナーや開発者が作成した『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応...続きを読む

2015.02.06BootstrapHTMLコーディング