誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015
誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015 佐川 夫美雄（Ashiras, inc.） この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート（第2回目）です。 はじめに HTML5ハイブリッドアプリケーションとは、内部の実装にHTML5が利用されているモバイルアプリケーションです。アプリの内部実装にHTML5を使うことでクロスプラットフォーム対応が可能になりますが、その代わり問題となるのがUIとパフォーマンスです。このセッションでは、Angularの上に構築されたUIフレームワークであるOnsen UIを紹介しながら、Angularでどうすれば高速かつ快適なUIを持つモバイルアプリを作れるかについて話します。 AngularとOnsen UIで作る最高のHTML5ハイブリッドアプ
Onsen UIをWebサイトで使ってみよう
これでインストールは完了です。 作業用ディレクトリの作成 続いてWebサイトを作るディレクトリ（フォルダ）を作成します。今回は onsenui_for_website としています。そのディレクトリの中でbowerコマンドを実行します。 $ bower install onsenui bower cached git://github.com/OnsenUI/OnsenUI.git#1.2.2 bower validate 1.2.2 against git://github.com/OnsenUI/OnsenUI.git#* bower cached git://github.com/angular/bower-angular.git#1.3.15 bower validate 1.3.15 against git://github.com
Onsen UI を使用して、HTML5ハイブリッドアプリを作ってみよう
今回の記事は、Onsen UI blogで2月に公開した”Developing hybrid mobile applications with Onsen UI“の翻訳記事です。 ハイブリッドアプリ開発のお話を、最近はあちらこちらで耳にするようになりました。プログラム知識が乏しい初心者マークの方、手っ取り早くアプリを開発したい方には、ネイティブアプリ開発のハードルは、高いのが現状です。ネイティブアプリを開発するためには、各プラットフォーム専用のプログラム言語を学び、かつ、開発対象の端末側の機能も学ぶ必要があります。 もちろん、パフォーマンスが良い、端末側のリソースが利用できるなど、ネイティブアプリの開発にも、利点はたくさんあります。 一方、ハイブリッドアプリで使用するテクノロジーは、Web アプリで使用するもの ( HTML、CSS、JavaScript ) と同様であり、プラットフォーム
monacaでスマホアプリを作ろう #1 - Qiita
アカウントさえ取得すれば速攻で開発環境が手に入り、即実機でデバッグ可。 HTML+JavascriptでiPhone,Android,Chromeアプリが作れてしまう！ という恐るべき開発環境 MonacaCloudの紹介です。 へー、どんだけ簡単なんだよぉ、どうせアレやってコレ入れてってめんどい手順があるんだろ？ という前にぜひ以下のチュートリアルをお試しください。 Monaca プロジェクトの作成 Monaca デバッガー上でのプロジェクトの実行 どうですか？ アカウントさえ作れば、5分で実機デバッグまで辿り着く恐るべき手軽さ。 こんな素晴らしいものを作っちゃったAsialさんに感謝です。 目次 #0 ワイヤーフレームを作る #2 AngularJSの機能を試す,Controllerを使ってみる #3 デザインを変えてみる #4 動的にリストを生成する #5 Serviceを使ってみる
onsen ui（AngularJSベース）のアプリケーション開発環境を構築 - Qiita
前回の ionic の環境構築に続いて、今度は onsen ui の開発環境を構築したメモです。 onsen ui の公式ページ：http://onsenui.io GitHub：https://github.com/OnsenUI/OnsenUI 今回も、公式ページにあるような Monaca 等からの利用ではなく、単純にスマホWEBサイト（非ネィティブアプリ）でUIライブラリとして利用することを想定しています。 デモ 公式で提供のサンプルを参考に、さくっと作ってみました。手順とソースは後で説明しますが、どんなもんか参考にしてください。ちなみにこれぐらいであれば、JavaScriptを一行も書かずに出来ました^^ 今回も GitHub Pages に載せてます。 ファイルは minify していません onsen ui のモバイル対応ブラウザは『iOS 6+, Android2.3.4+』
モバイルファーストでOnsenUI風のECサイトレイアウトを作ってみる - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
今回は「OnsenUI」というフレームワークで用いられているデザインを、レスポンシブECサイト風に再現させてみました。 OnsenUIとは？ OnsenUIとは、HTML5を利用したモバイルアプリ向けのUIフレームワークです。 HTML5モバイルアプリをもっと速く、もっと美しく | Onsen UI Angular.js/jQueryを採用したWEBコンポーネント型のフレームワークで、日本語のドキュメントもとても豊富です。 今回はOnsen CSS Componentsから、「Grid Menu」というサンプルをベースに作ってみました。 Onsen UI – Grid Menu 3デバイス分のワイヤーフレームを作る 先ほどのサンプルをモバイルで実装させますので、続けてタブレット・PCのレイアウトを作成します。 フッターメニューがPC幅ではヘッダーメニューに移動するという形式にしてみました。
Onsen UIとjQueryを組み合わせてスマートフォンWebサイト/ハイブリッドアプリを作ろう
Onsen UIはHTML5モバイルアプリを高速化し、かつネイティブアプリのようなUIを提供するフレームワークになっています。技術的にはカスタムエレメントとAngularJSを使って作られていますが、その利用に際してAngularJSの習得が必須という訳ではありません。現在のOnsen UIはAngularJS以外の様々なJavaScriptフレームワークと組み合わせて使えるようになっています。 今回はWeb開発で最も使われているであろうjQueryを使ってOnsen UIの操作を説明したいと思います。 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-ap
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://components.onsen.io/
iBeacon - Monacaドキュメント