「マテリアルデザイン」に対応 Onsen UI 2.0 !!
Android向けのハイブリッドアプリを開発されている皆さんに嬉しいニュースがあります。なんとOnsenUI2.0では、マテリアルデザインを追加中です！ OnsenUIはiOSとAndroid両方のアプリ開発に使われるため、それらのプラットフォームに向けたネイティブ様のUIコンポーネントを提供することは理にかなっています。そのため現在のiOSベースのコンポーネントに加えて、マテリアルデザインを開発中というわけです。 これまでたくさんのユーザー様がマテリアルデザインをサポートするようリクエストされてきました。私たちはそういった声に耳を傾け、なるべく早くそれを利用できるように開発にいそしんできました。マテリアルデザインはOnsenUI2.0と並行して開発されており、次の大きなバージョンアップの時にネイティブ様のAndroidコンポーネントが利用できる様になります。 この度、α版は完成しました。
OnsenUI Navigatorのpushpage内をリロードさせたい
animation: 'none'を指定してreplacePage()でどうでしょうか。 修正 第2階層以下でanimation: none;のreplacePage()を呼んだ場合、popPage時のアニメーションまで消えてしまうので、リロード後にanimationをリセットする必要があります。 <ons-back-button>を使わない場合は、リセットしなくても下記のようにanimation: 'default'を指定してpopPage()でOKです。 $scope.nav.popPage({animation: 'default'}); ons.bootstrap() .controller('IndexController', function($scope){ function resetAnimation(){ var options = $scope.nav.getCurr
ElectronでOnsenUIを利用してみよう！
Electronはクロスプラットフォームで稼働するアプリをHTML5、CSS3、Javascriptで構築できるプラットフォームアプリケーションとなっています。しかし、まだデザインフレームワークが確立されておらず、その辺りはスクラッチで作成するか、既存のWEBテンプレートで対応するしかありません。そこで今回はOnsenUIを利用してElectron上で動かしてみたいと思います。 Electronのインストールとプロジェクトの起動方法 執筆時点でのElectronとOnsenUIのバージョンは下記の通りです。 Electron： v0.31.1 OnsenUI： 1.3.8 angular： 1.4.5 インストール まずはベースとなるElectronのインストールからです。Nodeを利用してインストールします。
Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI
ハイブリッドとモバイルWebアプリ開発の決定版 開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。 クラウド上にすべてのツールを 強力なCLI（コマンドラインツール）やデスクトップ向けアプリ（WindowsとmacOSに対応）を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。 美しいUIコンポーネントと自動スタイル モバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト
1.2リリース！新しく追加されたOnsen UIコンポーネントを紹介します
アラートダイアログ ons-alert-dialog アラートダイアログはJavaScript標準で用意されているalert/confirm/promptを置き換えるものです。よりネイティブアプリらしい、フラットなデザインのアラートが表示できます。 www/index.htmlを次のように編集します。 <ons-col width="60px"> <div class="item-thum"></div> </ons-col> <ons-col ng-click="showAlert(item)"> <!-- ここに追加 --> <header> <span class="item-title">{{item.title}}</span> <span class="item-label">{{item.label}}</span> :
Onsen UIでスマホサイトを作る その1 - footmark
先週末、左足をガラスで切ったり、右足を深爪にしたり、さらに偏頭痛がきたりと今月の不幸を使い切った感のあるユキミネです。 唐突ですが、スマホサイトを作ってみようと思います。 経緯 冬にソロで音楽活動をやりたいのでそのサイトを作ろう！ ↓ PCサイトならバンドで作ったやつ使い回せばいいけど、今時みんなスマホで見るよなあ ↓ スマホサイトの勉強すっか！ 下調べ 今時の（ミュージシャンの）スマホサイトってどんなの？ってことで下調べ。 （2014年10月20日現在） アーティスト名 カラム数 スライドメニュー タブバー 遅延読み込み 備考 チャットモンチー 1 なし なし あり ASIAN KUNG-FU GENERATION 1 なし あり なし ポルノグラフィティ 1 なし なし なし バナー多め RADWIMPS 1 なし なし なし 最小構成（？） ONE OK ROCK 1 あり なし な
Onsen UI v1.2がやってくる！ 新機能を紹介。
アラートダイアログを表示するためのons-alert-dialog要素が追加されました。ユーザーにちょっとした確認やYES/NOを問いかけることができます。アラートダイアログの中には、開発者は自由にHTMLを記述することもできます。また、JavaScriptで標準で用意されているalert(), confirm(), prompt() 関数を置き換えることができる ons.notifaction.alert(), ons.notification.confirm(), ons.notification.prompt() メソッドが追加されました。 ダイアログ ons-dialog要素 アラートダイアログに加えて、通常のコンテンツや画面を表示するダイアログコンポーネントを表現するons-dialog要素 も追加されました。ダイアログの中には、ons-navigatorやons-pageなどを
Onsen UI 1.1.2をリリースしました!
Ioniconsをサポート 評価の高いアイコンライブラリであるioniconsをサポートしました。 「ion-」というプレフィックスを付けた上で「ons-icon」ディレクティブを記述することでioniconsのアイコンを使うことができます。詳細はこちらのドキュメントをご覧ください。 複数のジェスチャーをサポート ジェスチャーを検知するための新しいコンポーネントを導入しました。新しく追加された「ons-gesture-detector」コンポーネントを使うことで、ピンチやドラッグ、スワイプなどのイベントを取得することができます。詳細に関してはこちらのドキュメントをご覧ください。 Androidの「戻るボタン」のイベントハンドリングがより柔軟に Androidの「戻るボタン」がタップされた際のイベントをより柔軟にカスタマイズ可能になりました。それぞれのページで「戻るボタン」に特定のイベントハ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://components.onsen.io/
Android Bazaar Conference講演資料「Onsen UIデビュー！」