Onsen UI

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

RSS

  • 解決済

    回答
    2

    ons-lazy-repeatのheightを意識しないバージョンを使用したい

    前提・実現したいこと 掲題の件ですが、現在monacaクラウドIDEで開発中です。 先日onsenui2.2がリリースされ、ons-lazy-repeatのheightを意識しなくてもよくなったようなので、こちらに乗り換えたいと思っております。 JS/CSSコンポーネントには現状 「Onsen UI (Monaca Version) バージョン:

    • 0評価
    • 37PV
    lion_ lion_ 2日前
  • 受付中

    回答
    0

    VsualStudioCommunity2015を用いたMonacaアプリの環境構築について

    VsualStudioCommunity2015を用いたMonacaアプリの環境構築について Microsoft Visual Studio Community 2015でMonacaアプリの開発を始めるのですが、下記の現象が発現しているため、 開発が行えない状況となっています。 使用環境 OS:Microsoft Windows10 Pro

    • 0評価
    • 42PV
    y_oota y_oota 3日前
  • 解決済

    回答
    2

    ons-navigatorの中でons-tabbarを使いたいが・・・

    前提・実現したいこと ここに質問したいことを詳細に書いてください (例)PHP(CakePHP)で●●なシステムを作っています。 ■■な機能を実装中に以下のエラーメッセージが発生しました。 発生している問題・エラーメッセージ onsenUI v2 の初心者です。 monacaにてOnsenUI V2 Tabbarを使用しコンテンツを作成中です。

    • 0評価
    • 112PV
    mariop mariop 1ヶ月前
  • 解決済

    回答
    1

    onsenui v2 ons-pageのdestroy

    現在、onsenuiのv2.0.5を使ってアプリを開発中です。 onsenuiのフレームワークはJavaScript Coreを利用していて、jQueryも使っています。 ons-navigatorでページ遷移をしていますが、既に開いているons-pageの破棄の仕方が分からないです。 やりたいことはこの質問にあるページ破棄のdestroy()なの

    • 0評価
    • 45PV
    mfe mfe 1週間前
  • 解決済

    回答
    1

    onsenuiを使ったアプリデザインについて教えてください

    ハイブリッドアプリの開発の基本的な質問になります。 現在、onsenuiを使ってネイティブぽい動きのハイブリッドアプリの実装を検討しています。 その場合、まずはデザイナー(コーダー)にHTML+CSSを作成してもらいたいのですが、onsenui等のcssフレームワークを読み込んだ上でオリジナルのcssを追加していく形になりますでしょうか?

    • 0評価
    • 55PV
    yoppy0066 yoppy0066 1週間前
  • 解決済

    回答
    1

    ons-tabbarとons-carouselの併用

    お世話になります。MonacaでOnsen UIおよびAngularJSを利用し、アプリを開発しています。 主に回答いただきたい内容 下記2点だけでも回答がいただけると幸いです。 ・エラーコードの意味 ・Android ver4.1.2では<ons-tabbar position="top">は無効か? (→Elementsで確認したところタブ

    • 0評価
    • 375PV
    degu degu 2週間前
  • 受付中

    回答
    1

    ons-tabbar内にons-sliding-menuを実装すると、AngularJSの$Scop...

    実現したいこと 開発環境はMonacaでAngularJS及びOnsenUI v2.0.5を利用し、スマートフォン向けアプリの開発を行なっております。 タブバー型のアプリに対して、タブ内にスライディングメニューを入れ込み、そのスライディングメニュー内のページにAngularJsのng-repeatを用いて動的なリストを作成したいと思っています。 発

    • 0評価
    • 354PV
    degu degu 2週間前
  • 解決済

    回答
    1

    OnsenUIとA-Frameの併用

    前提・実現したいこと Monacaでハイブリッドアプリの開発をしていて、WebVRに興味がありA-frameを使用してVRを勉強しているのですが、OnsenUIのpageの中にA-Frameの動作を入れ込み、普通のページとVRの画面を切り替える方法が分かりません。 試したこと main.htmlからng-clickでpage2.htmlへ飛び、pa

    • 0評価
    • 83PV
    tera_infinity tera_infinity 5日前
  • 解決済

    回答
    1

    OnsenUIのDOMイベントをAngular1.xの書き方で取得する方法

    OnsenUIのDOMイベント「destroy」「show」「hide」を Angular1.xの書き方で取得する方法を教えていただけると助かります。 https://ja.onsen.io/v2/docs/guide/angular1/#dom- initイベントは<onspage ng-init="init()">でいけそうでしたが、他が分から

    • 0評価
    • 35PV
    hiroki0322 hiroki0322 3週間前
  • 解決済

    回答
    2

    OnsenUIのpageの背景を画像にしたい

    前提・実現したいこと OnsenUIを使用してMonacaでアプリを開発しています。 ons-tabbar-itemでページを分けているのですが、navigator.html(最初に表示されるページ)だけ背景を画像にしたいのですが、やり方が分かりません。 試したこと onsen-css-components.cssに下のソースコードのように実装し

    • 0評価
    • 460PV
    tera_infinity tera_infinity 3週間前
  • 受付中

    回答
    1

    ons-dialog のshow()メソッドでUnhandled promise rejection...

    前提・実現したいこと Monaca クラウド IDEで 「Onsen UI V2 Angular 1 Splitter」のテンプレートをベースにアプリを作成しています。 アプリ起動時最初にログインダイアログを表示しようとしているのですが ダイアログの起動がデバッカー(Android)だととても不安定です。(プレビューでは問題なく出ます) ダイア

    • 0評価
    • 102PV
    ryu_ta ryu_ta 1ヶ月前
  • 受付中

    回答
    0

    Android7でLineのインテント起動ができなくて困っています。

    前提・実現したいこと Onsen UI + CordovaでAndroidアプリ開発しています。 以下ソース通りにインテントを起動させようとしていますが、 Android4、5では起動できるのですが、Android7からLINEの起動ができません。(Android6はないので試せていません。) Lineが起動できません。twitter、Faceboo

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

    回答
    2

    ons-page使用時のスクロール位置取得

    onsenUIのons-page使用時にスクロール位置を取得する方法が分からないため質問させていただきます。 $(window).scrollTop(); などで取得しようとしても必ず戻り値は0になってしまいます。 スクロール位置を取得したい理由は、ons.notification等を利用してポップアップ表示した際にページの先頭に戻ってしまう

    • 0評価
    • 182PV
    info_y.o info_y.o 1ヶ月前
  • 解決済

    回答
    1

    ons-navigatorのpage指定について

    ons-navigatorにぶら下がるhtmlをpage属性で指定すると上手く動かないのですがこちらは仕様になりますでしょうか? 具体的には以下のようなコードになります。 今後、navigatorにぶら下がるhtmlは別ページでも使い回したいために別ファイルで実装できるかの検証中にこの問題にぶつかりました。 index.html(ListCtr

    • 0評価
    • 373PV
    yoppy0066 yoppy0066 1ヶ月前
  • 解決済

    回答
    1

    ons-page内でのscrollイベントについて

    angularjs1.6 + onsenui2.1の環境で開発しています。 無限スクロールを実装するためにscrollイベントを取得したいのですが、ons-page内のscrollイベントが取得できません。こちらの取得方法がございましたら教えて頂けないでしょうか。また無限スクロールの実装でより良い実装方法がございましたら教えていただけないでしょうか。

    • 0評価
    • 366PV
    yoppy0066 yoppy0066 1ヶ月前
  • 解決済

    回答
    2

    ons-lazy-repeatのセルの高さについて

    ドキュメントより、calculateItemHeightメソッドでセルごとに高さを指定できるかと存じます。 その際に高さをピクセル(数字)で返すかと思いますが、セルにセットするデータによって高さがかわる場合にどのような実装とするのが良いでしょうか? 例えばiOSではセルの高さを行ごとに計算して返すような実装になるかと思いますが、Onsen Uiで

    • 0評価
    • 371PV
    yoppy0066 yoppy0066 1ヶ月前
  • 受付中

    回答
    0

    ngRouteで表示したページから遷移したページでAngularのコントローラに接続されない

    発生している問題・エラーメッセージ angular-onsenuiを使用しています。 iphoneで、ngRouteを使用してng-viewに表示したページからナビゲーションなどで表示したページで、指定したAngularのコントローラが動いていない感じがします。androidでは問題が起きません。また、以前は問題がなかったと思うのですが、onsenuiを

    • 0評価
    • 73PV
    nasu38yen nasu38yen 1ヶ月前
  • 受付中

    回答
    0

    Onsenuiでmodifierを使う

    自PC上のCordovaでOnsenUIを使用しています。 modifier="chevron"を使っても、レイアウトに反映されません。 monacaのブラウザ開発環境の時にはできていたのですが・・・。よろしくお願いします

    • 0評価
    • 91PV
    atemu atemu 1ヶ月前
  • 受付中

    回答
    1

    OnsenUIの使い方

    https://ja.onsen.io/v2/docs/guide/angular1/ 今、このサイトを参考に進めています。 npmでインストールしたのですが、ファイル構成がそもそもこのガイドと全く違うので、進め方が全く分かりません…。 例えばlib/onsen/js/angular/angular.jsといったファイルもありません。 どのよ

    • 0評価
    • 92PV
    atemu atemu 1ヶ月前
  • 解決済

    回答
    1

    Onsen UIのライブラリを追加するとVideoJSが動かなくなる

    環境・ライブラリなど package.jsonの依存関係 { "dependencies": { "basic-auth-connect": "1.0.0", "body-parser": "^1.15.2", "compression": "^1.6.2", "express": "^4.14.0",

    • 1評価
    • 229PV
    AndoSuguru AndoSuguru 2ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    55

  • 総質問数

    94

  • 今週の質問数

    2

関連するタグ

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