Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

RSS

  • 受付中

    回答
    0

    【Angular2 Firebase】ngForでストレージにある画像を取得したい

    現在Angular2とFirebaseを使ったアプリ開発を行っています。 ユーザー一覧の画面があるのですが、そこをngForを使って取得しています。 <ons-list-item class="list__item list__item--chevron" tappable *ngFor="let request of requests

    • 0評価
    • 40PV
    KoheiOkazaki KoheiOkazaki 9時間前
  • 解決済

    回答
    1

    React + OnsenUI on IE11 SwitchコンポーネントのonChangeイベント...

    環境・ライブラリなど onsenui: 2.0.3 react-onsenui: 1.0.0 現象 Switch コンポーネントをクリックして状態を変更した際、IE11で下記のようなエラーが表示され、onChangeイベントが実行されません。 ※Chrome, Firefoxなど、その他のブラウザでは正常に動作します。 ど

    • 0評価
    • 24PV
    AndoSuguru AndoSuguru 2日前
  • 受付中

    回答
    0

    【Angular2 and OnsenUI2】チャット画面表示時に最下部に自動でスクロールさせたい

    Angular2とonsenUI2を使ってチャット機能を実装中です。 大方実装は完了しているのですが、ページを表示されたタイミングでscrollさせたいと考えています。 いろいろ調べてみたところ、 こういった記事があったので、それを元に実装してみたのですがうまくいきません・・・。 コンポーネント // Chat component

    • 0評価
    • 28PV
    KoheiOkazaki KoheiOkazaki 4日前
  • 受付中

    回答
    1

    onsenUI2 & angularjs2 - popPageでdataの受け渡しをしたい

    onsenUIとAngularjs2を使用しています。 popPageでdataの受け渡しをしたいと考えていますが、popPageにすると、constructerが呼び出されない関係でdataの受け渡しができていません。 this._navigator.element.popPage({ animation: 'slide',

    • 0評価
    • 82PV
    KoheiOkazaki KoheiOkazaki 1週間前
  • 解決済

    回答
    1

    OnsenUI ver.2(React版)でのマテリアルデザインの無効化

    OnsenUI ver.2 + Reactでサイトの制作を行っております。 Ver.2から端末のユーザーエージェントで判断して、iOSとAndroidで異なるデザインとなって表示されますが、 これを無効にする方法はあるんでしょうか? 前提・実現したいこと OnsenUI ver.2 + ReactでAndroid端末でもiOS版と同じUIを使

    • 0評価
    • 86PV
    chieeeeno chieeeeno 1週間前
  • 受付中

    回答
    0

    【onsenUI】ons-carousel-itemの中にons-bottom-toolbarをいれ...

    Angularjs2とonsenUI2を使ってアプリを開発しています。 ons-carousel-item(縦スクロールも横スクロールもします)の下部に置きたいhtmlファイルがあって、ons-bottom-toolbarを使って置きたいのですが、下部に留まってくれません。

    • 0評価
    • 33PV
    KoheiOkazaki KoheiOkazaki 1週間前
  • 解決済

    回答
    1

    JavaScriptからOnsenUI(HTML)を操作できていますが、何故操作できているかが分かり...

    質問内容 monacaを用いて、OnsenUI + AngularJSでモバイルアプリの開発を行っています。 動いてはいるのですが、疑問点があり質問させて頂きます。 下記コードのJavaScriptの5行目、「splitter.left.toggle();」が正常に動いている理由が分かりません。 「splitter」は一番上のHTMLのons

    • 0評価
    • 371PV
    akabee akabee 2週間前
  • 解決済

    回答
    3

    ons-switchの使い方

    前提・実現したいこと Monaca Cloud IDEにてプログラミングの勉強をしています。 本題ですが、ons-switchがonの時画面上にて"オン"と表示させ、offの時は"オフ"と表示させたいです。 ons-switchのメソッド isCheckedを使ってPタグの内容を変更しようと”monaca公式ガイドブック HTML5ハイブリッドアプ

    • 0評価
    • 204PV
    AquAW AquAW 2週間前
  • 受付中

    回答
    0

    【Monaca】previewで出る画像がdebugで出てこない

    こんにちは。現在monacaクラウドIDEでハイブリッドアプリを作成しています。 AngularJs2(Rc6)とOnsenUI2を使用しています。 今回の質問はmonaca previewで出てくる画像がmonacaデバッガーで出てこないという問題です。コードはこのようになります。 <div class="content"> <div

    • 0評価
    • 125PV
    KoheiOkazaki KoheiOkazaki 3週間前
  • 解決済

    回答
    1

    ES2015でのOnsen UI2 + Reactの導入方法

    ReactでOnsenUI2.0を使ってモバイルサイトを構築しようと思っておりますが、 ES2015形式でOnsen UI2 + Reactを導入することはできるんでしょうか? 公式サイトのチュートリアル(https://ja.onsen.io/tutorial/)では全てES5形式のサンプルコードだったので、 どこか参考になるサイトがあればお教え

    • 0評価
    • 49PV
    chieeeeno chieeeeno 3週間前
  • 解決済

    回答
    1

    Onsen UI のpushpage遷移先のページでCSSの書き換えができない。

    前提・実現したいこと Onsen UI V2 でピンチイン/ピンチアウトによる画像の拡大/縮小する機能を作成中です。 pushpageで遷移した先で、画像の拡大/縮小を行いたいのですがうまく動作しません。 遷移前のページでは拡大/縮小が動作しています。 動作するのであればAngularJSでも構いません。 解決方法がわかる方がおりましたらアドバイス

    • 0評価
    • 119PV
    t0kura-5 t0kura-5 4週間前
  • 解決済

    回答
    1

    Monaca + Onsen UIでマルチスクリーン対応アプリの開発はできますか?

    現在、iPadにLightning-Digital AVアダプタ+HDMIケーブル経由で外部モニタを接続して、iPadの画面にボタン等のコントローラUIのみを配置し、外部モニタに映像やテキスト等を表示させる2画面対応アプリの開発を検討しています。 できればMonaca + Onsen UIで開発を行いたいのですが、標準で用意されているタグやプラグインのみで

    • 0評価
    • 50PV
    toshi210 toshi210 1ヶ月前
  • 受付中

    回答
    0

    ONSEN-UI、URLスキームで飛んで戻ってきたときの挙動について困っています。

    前提・実現したいこと ONSEN-UI V1+Angular.js+CordovaでAndroidアプリを作成しています。 以下の通りの実装でしていますが、 URLスキームで別のアプリに飛んで、 実機の戻るボタンをタップした際に、B画面までの戻りだと思っていましたが、 なぜか、B画面を表示後すぐに、A画面まで戻ってしまいました。 原因、もしくはヒ

    • 0評価
    • 61PV
    huckepain huckepain 1ヶ月前
  • 解決済

    回答
    1

    onsenUIの「popover」について

    【質問内容】 「popover」を使用して、数種類あるポップアップ(新着通知、フォルダを作成、編集)から押されたポップアップに応じて処理を変更したいのですが、個別に判定するにはどのようにすればよいのか分からなかった為ご質問致しました。 何卒よろしくお願い致します。 index.html <ons-toolbar> <di

    • 0評価
    • 79PV
    t33 t33 1ヶ月前
  • 受付中

    回答
    1

    VisualStudio+Cordova+Onsen UI+React.jsを利用したアプリ開発環境...

    前提・実現したいこと VisualStudio+Cordova+Onsen UI+React.jsでアプリ開発を行いたいです。 ひとまずVisualStudio Community 2015をインストール、「Onsen UI Templates for Visual Studio 2015」をインストールし、VisualStudio+Cordova+On

    • 0評価
    • 66PV
    anporon anporon 1ヶ月前
  • 受付中

    回答
    0

    angular2 onsenui 利用時のデータバインディング

    前提・実現したいこと Angular2,Onsen UIの環境でサンプルを書いています。アプリの情報は別途storeで管理するという構造です。 Onsen UIのons-navigatorオブジェクトを利用、アプリ起動時にstoreがHttpにて情報を取得、取得したデータをangular2のNgForでループして描画するということを行いたい。 発生

    • 0評価
    • 146PV
    dasakai dasakai 1ヶ月前
  • 解決済

    回答
    1

    sliding-menuとnavigatorを使用すると画面制御が失われる

    実現したいこと monacaで<ons-sliding-menu>と<ons-navigator>と<ons-tabbar>を組み合わせてアプリケーションを作成したいです。 発生している問題 sliding-menuのmenuボタンを押下すると指定したmenu.htmlが表示されますが、下に表示されているmain.htmlの部分がグレーアウトされず

    • 0評価
    • 413PV
    nomorin nomorin 1ヶ月前
  • 解決済

    回答
    1

    monaca Onsen UI 初心者です。<ons-scroller>が機能しません

    こんにちは。monaca Onsen UI 初心者です。 <ons-scroller>を試してみようとして、 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-s

    • 0評価
    • 132PV
    hakase hakase 2ヶ月前
  • 解決済

    回答
    1

    ons-navigator後のExpressionが表示されない

    monacaでindex.htmlからng-navigatorで別画面を呼び出し コントローラで設定した値をExpressionで表示しようとしています。 しかし、実際に動作させると以下のようにExpressionがそのまま表示されてしまいます。 monacaではこのような実装は可能でしょうか? また、解決方法をご存知の方がいらしたら教えていただける

    • 0評価
    • 85PV
    nomorin nomorin 2ヶ月前
  • 解決済

    回答
    1

    OnsenUIを使っています。Cannot read property '0' of nullという...

    OnsenUIを使いスマホアプリ開発を行っています。 <ons-pull-hook>のタグを使うようになってから、Cannot read property '0' of null ~ というエラーがどうしても出てしまい、原因をつきとめることができておりません。 出るのはページ遷移時で、必ず出るといったわけでも、決まったページで出るといったわけでもなく

    • 0評価
    • 160PV
    poooooo poooooo 2ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    38

  • 総質問数

    58

  • 今週の質問数

    3

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る