Onsen UI

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

RSS

  • 受付中

    回答
    0

    ons-listをons-carouselで表示

    ons-listの各リストアイテムをフルページで表示させ、スライドで次のリストアイテムを表示させたいです。 ons-carouselを使用してみましたが、ons-listと併用するとうまく表示されません。 ons-listをons-carouselで表示させることはできないでしょうか? ons-itemを動的に表示させて、フルページ、横画面遷移

    • 0評価
    • 11PV
    bees bees 1日前
  • 受付中

    回答
    0

    [angular1.6 OnsenUI2] ng-includeで読み込んだhtml内のons-bo...

    angular1.6、OnsenUI2.0 で開発しています。 いずれも初挑戦のため、うまくいかない理由が検討つかないためご助言お願い致します。 フッター用のhtmlを別ファイルにして、ng-includeで読み込もうとしています。 ですが、そのフッター用htmlの中身をそのまま読み込み元に書いてある場合は 期待通りに、画面最下部にフッター表

    • 0評価
    • 305PV
    yukidaruman yukidaruman 2日前
  • 解決済

    回答
    1

    ons-tab javascriptが動かない

    Onsen UI の<ons-tab>を使ってページを読み込んでいます。 読み込みページの中で、一つのページに関しては、<ons-page>は使わず一つのページとして独立したものとなっています。 ( <!DOCTYPE html><html>~</html> ) そのページの中でJavascriptを読み込んでいるのですが、<ons-tab>を

    • 0評価
    • 33PV
    bees bees 3日前
  • 解決済

    回答
    1

    mBaaS カレンダーとして表示したい

    Nifty mobilebackendとAngularJsでスケジューラーを実装したいです。 カレンダー表示、スケジュール一覧はそれぞれ実装したのですが、 連動の仕方が分からず試行錯誤しております。 カレンダーの日付とスケジュールの日付を紐づけて、 スケジュールがある日はクリックでスケジュール画面に遷移、といった形で実装したいです。 実

    • 0評価
    • 336PV
    bees bees 4日前
  • 受付中

    回答
    1

    MonacaでJavaScriptが実行されない

    MonacaでFlickityを読み込みたい Monaca内のページにスライダーを取り入れたいのですが、スクリプトが実行されず写真が並んで表示されているだけの状態になってしまいます。 普通のHTMLでは実行されたので、Monacaにおける書き方(呼び出す位置?)が間違っていると思われます。。 該当のソースコード index.html <!D

    • 0評価
    • 113PV
    sansai sansai 2週間前
  • 解決済

    回答
    1

    popPageで指定したoption.dataをpopされた画面で受け取りたい

    前提・実現したいこと OnsenUI2 + AngularJS + Monacaで開発を実施しています。 下記ドキュメントにありますように、popPageではoptions.dataの指定が可能となっています。 https://ja.onsen.io/v2/docs/angular1/ons-navigator.html インターネット上には

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

    回答
    1

    ons-modalをindex.htmlで読み込んだ際にsetAnimationOptionsプロパ...

    monaca + OnsenUI + AngularJSで開発を実施しています。 ons-modalをindex.htmlで読み込むと、TypeError:Cannnot read property 'setAnimmationOptions' of undefined というエラーになります。 angular-onsenui.jsのClass.in

    • 0評価
    • 68PV
    akabee akabee 3週間前
  • 解決済

    回答
    1

    ons-sliding-menuのmain-pageでons-modalを使いたい

    前提・実現したいこと onsen UI ver.2(v2.0.3)をMonacaで利用しています。 発生している問題・エラーメッセージ ons-sliding-menu の main-page で ons-modal のHTMLを記述するとエラーになってしまいます。 解決方法がありましたらご教示いただけないでしょうか。 <ons-modal

    • 0評価
    • 74PV
    hiroki0322 hiroki0322 2週間前
  • 解決済

    回答
    1

    【onsen ui Android】cssの--materialを無効にしたい・簡単に切り替えたい

    前提・実現したいこと onsen uiの2.0から、Androidの場合に「onsen-css-components.css」の"--material"のスタイルが適用されますが、これを無効に、かつ可能であれば簡単に切り替えたい。 該当のソースコード /* マテリアルデザインのcssのサンプルです。*/ .navigation-bar--mater

    • 0評価
    • 63PV
    justine justine 2週間前
  • 解決済

    回答
    1

    iOSのみ、checkboxのlabelが反応しません。

    前提・実現したいこと CSSコンポーネントにあるサンプル「Material List with Checkboxesコンポーネント」を使ってチェックボックスを作りたい。 http://components.onsen.io/ 発生している問題・エラーメッセージ サンプルコードをそのまま使っているのですが、labelがうまく反応しません。 iOS

    • 0評価
    • 122PV
    MiyakoChocho MiyakoChocho 3週間前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 166PV
    KoheiOkazaki KoheiOkazaki 1ヶ月前
  • 解決済

    回答
    1

    monacaのボタン文字を小文字にしたい

    monacaのサンプル「Onsen UI V2 Angular 1 Navigation」をクラウドIDEで開き、プレビューで確認した時 <ons-button ng-click="navi.pushPage('page.html')"> Push Page </ons-button> と書いているのにプレビュー設定をNexusにすると

    • 0評価
    • 76PV
    kuromeinfo kuromeinfo 3週間前
  • 解決済

    回答
    1

    Monacaのアプリ実行時にAndroid4.4でpage.matchesが効かない

    前提・実現したいこと monacaのチュートリアルのコードを改変し、ユーザー名とパスワードが登録されていない時にサインアップを行うようにしたいと思い、下記のようなコードを書きました。 これを手持ちのAndroid端末で実行したところ、バージョンによって動作する場合としない場合があり、対策が分からず困っております。 Android 7.0の端末で

    • 0評価
    • 260PV
    Sakaki333 Sakaki333 1ヶ月前
  • 解決済

    回答
    3

    【Angular2 OnsenUI2】ons−dialogで選択させた値をons-dialog元に送...

    こんにちは。Angular2とOnsenUI2を使って開発をしているものです。 ons-dialogを使って時間の選択をさせたいと思っています。 component内にあるformのデータを使ってons-dialogの呼び出し元に値を渡したいのですが、ベストプラクティスがわかっていません。 また、現在Injectionを使って受け渡ししようと思

    • 0評価
    • 183PV
    KoheiOkazaki KoheiOkazaki 1ヶ月前
  • 受付中

    回答
    1

    OnsenUI Ver.2の<Page />コンポーネント内でスクロール量を取得して、固定ヘッダを表...

    前提・実現したいこと OnsenUI Ver.2の<Page />コンポーネント内でスクロール量を取得して、固定ヘッダを表示したい 発生している問題・エラーメッセージ 要素のスクロールが検知できず、スクロール量を取得できない。 試したこと react-waypointというコンポーネントを使用して実装しようと思っておりましたが、 onEn

    • 0評価
    • 96PV
    chieeeeno chieeeeno 1ヶ月前
  • 受付中

    回答
    0

    riot.jsでons-navigator

    前提・実現したいこと riot.jsでWebアプリケーションを作っているのですが、riot.jsでonsen-uiのons-navigatorを使うやり方がわかりません。 補足情報(言語/FW/ツール等のバージョンなど) riot.js,html,jquery

    • 0評価
    • 107PV
    IsseiMorita IsseiMorita 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 119PV
    AndoSuguru AndoSuguru 1ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 130PV
    KoheiOkazaki KoheiOkazaki 1ヶ月前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 186PV
    KoheiOkazaki KoheiOkazaki 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 166PV
    chieeeeno chieeeeno 1ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    47

  • 総質問数

    73

  • 今週の質問数

    4

関連するタグ

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