次世代UIフレームワークとしてOnsen UI 2を考える――UIフレームワークの変遷とOnsen UI 2のこれから – Tech Tech Kansai｜テクテク関西
こんにちは、榊原@rdlaboです。 先日、東京にいったついでに五反田で「フロントエンド 日本酒フェス＠五反田」を開催しました。フロントエンドを嗜んでいるメンバーでただ飲むだけのつもりだったのですが、私がCTOをしている会社のオフィスが近くにあったので二次会はなぜかLT+「OnsenUI2とは？」という議論に（参加者にOnsenUI2の開発者もいたので）。 そこで見えてきたOnsenUI2の役割は思った以上に夢があるものでしたのでちゃんとまとめておきます。 この記事はOnsen UI Advent Calendar 2016の25日目の記事です。 本稿の概要 UIフレームワークはWebデザインを変えた UIフレームワークは、CSSフレームワークからはじまりデザインの幅を広げていってる WebComponentsを利用したフレームワークであるOnsenUI2は、UIフレームワークの最先端 だ
phiary
最近 WebView で包んだ iPhone/Android アプリってのを 仕事, プライベート問わずよく作ってたりします. 色々触った結果, 一旦 Onsen UI ってのに落ち着いたので, 備忘録がてら簡単に紹介したいと思います. Onsen UI とは？ OnsenUI とは, Web 上でアプリっぽい UI を表現できる JavaScript/CSS(主にCSS)フレームワークです. 驚くほど簡単にネイティブと見分けの付かない UI を Web 上で構築することができます. また, AngularJS をベースとしてるので, MVほにゃららな開発も手軽にできます. (個人的には AngularJS はあまり好みではないので無理やり Riot.js と組み合わせて開発してますがw) ちなみに名前の由来は, Onsen UI => 温泉 => SPA => Single Page A
phiary
Introduction Onsen UI Tips です. 今回は, ユーティリティ系のネイティブアプリでよく見るタブバー. これを Web で実現する方法について紹介します. ons-tabbar ってやつを使えば簡単です♪ Runstant Demo とりあえずデモです. フッター部分にタブバーが表示されています. また, localStorage を使っているので画面を更新しても前回選択していたタブの位置が保持されているのがわかるかとおもいます. タブバーがあるだけで俄然アプリっぽくなりますね. Code html <body> <ons-page> <ons-tabbar> <ons-tab page='home.html' label='home' icon='ion-home' active='true'></ons-tab> <ons-tab page='comment.h
誰でもハイパフォーマンス！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ハイブリッドアプ
HTML5モバイルアプリUIフレームワーク「Onsen UI」、アシアルがOSSとして公開
アシアルは2013年9月12日、HTML5ベースのモバイルアプリ用UIフレームワーク「Onsen UI」をオープンソースソフトウエア（OSS）として公開した。Onsen UIは、Angular.jsとTopcoatの2つのオープンソースソフトウエアをベースに、モバイルアプリ開発に特化したナビゲーション機能とUIコンポーネントを追加したフレームワーク。 Onsen UIは、画面遷移や画面遷移時のアニメーションの設定ができる「ナビゲーション機能」を備える。また画面のUIコンポーネントを用意する。CSSを使ってデザインをカスタマイズすることも可能。 Apacheライセンスで配布する。ソースコードはGitHubから入手できる。
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+』
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
