Onsen UI

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

RSS

  • 受付中

    回答
    0

    ons-navigator splitter 併用時 アニメーションが動かない。

    ons navigator と  slide menu の複合アプリを作成しているのですが、アニメーションが生じないトラブルが生じています。 ◆下記のようにページを設定しております。 まず、下記5つのページを準備がありそこからons-buttonでpage1,page2 に画面遷移を行います。 この時、Slide Menu もHome.html, pag

    • 0評価
    • 22PV
    teratailが9時間前に アップデート
  • 受付中

    回答
    0

    monacaのアプリ開発でtabbarとnavigatorを併用する際のファイル分けについて

    前提・実現したいこと MonacaでOnsenUI v2にて、ons-tabとons-navigatorを併用したページ遷移を、ファイル分けで実装したい。 こちらの記事(https://teratail.com/questions/74290)を参考に、「indexにons-navigatorを設定→ons-navigatorでons-tabのページを呼

    • 0評価
    • 20PV
    penmark penmark 20時間前に 質問を編集
  • 解決済

    回答
    1

    v-ons-list内でスクロールイベントと位置を取得する

    Vue.jsでOnsen UIを利用しています。 v-ons-list内でスクロールしたときに、イベントの発火とスクリーン内の位置を取得したいのですが、どうすればよいでしょうか。 実行したいのは、下記のイメージです。 <v-ons-page> <v-ons-list @onscroll="scrollFunction"> <v-ons-l

    • 0評価
    • 34PV
    i-terashima i-terashima 1日前に ベストアンサー
  • 受付中

    回答
    0

    monacaでAngular2 + onsenUI2 プロジェクトを作成後に、Angular 5に変...

    タイトルの通り、monacaでAngular2 + onsenUI2 プロジェクトを作成後に、Angular 5に変更したいのですが、 可能でしょうか?

    • 0評価
    • 35PV
    teratailが3日前に アップデート
  • 受付中

    回答
    0

    ons-iconをタップするとずれる

    発生している問題 タイトル通りなのですが、ツールバーにあるアイコンをタップすると下に少しズレます。 どうすればずれなくなりますか? 最初からcssは触っていないので、原因がわからず……。 CSS ons-toolbar-buttonのcssです。 .toolbar-button, .toolbar-button--outline, .toolbar

    • 0評価
    • 46PV
    hagana hagana 5日前に 質問を編集
  • 解決済

    回答
    2

    メニュー内項目のページ遷移時にアニメーションを付けたい

    前提・実現したいこと ons-splitter内にあるlist-itemの、特定の項目だけにアニメーションをつけてページ遷移させたいのですができません。 可能な方法を教えて頂きたいです。 発生している問題・エラーメッセージ 「トップページ」を押すと、エラーが出ます。 Uncaught TypeError: Cannot set property 'o

    • 0評価
    • 83PV
    hagana hagana 5日前に 質問を編集
  • 解決済

    回答
    1

    コントローラAで取得したデータを非同期的にコントローラBに表示したい

    前提・実現したいこと いつもお世話になっています。 angularjs+onsenuiでアプリの開発をしております。 コントローラAでローカルから取得したデータをコントローラBでlazy-repeatで非同期的に表示させたいと考えております。 コントローラ間でデータの共有はできるようになったのですが、コントローラAでデータの取得が完了する前に、コントロー

    • 0評価
    • 46PV
    shori0128 shori0128 5日前に ベストアンサー
  • 解決済

    回答
    1

    Reactのformが上手く動作しない

    OnsenUIとReactを使ってアプリ開発をしています。 この中でformのinputを実装しているのですが、上手く動作しません。 フレームワークにはreact-materializeのInputを使っていますが、 react-onsenuiのInputでも、デフォルトのinputでも同じような挙動になります。 いくつか試してみました。 cla

    • 0評価
    • 84PV
    masaya_ohashi masaya_ohashi 1週間前に ベストアンサー
  • 受付中

    回答
    0

    facebook認証からの本人画像データが表示できない

    サーバーサイドがrails、フロントサイドがvue.jsによりfacebook認証を行い、本人画像データを取得、プロフィール画面に表示させたいのですが、pngなどのタイプではなく、以下のように取得され表示できません。 http://graph.facebook.com/v2.6/0000000000000/picture こちら、どのようにすればよいでしょう

    • 0評価
    • 63PV
    teratailが1週間前に アップデート
  • 解決済

    回答
    1

    pushPageの動作について質問です

    前提・実現したいこと monacaでonsenui+angularjs1でスマホアプリを開発しております。 以下のソースコードについて2点質問があります。 ①pushPageを実行した時、レイヤーとしてgazoEdit画面の上にons-tabbarを表示させたいが、現状はons-tabbarの上に被ってしまう。 どのように書くのが適切でしょうか。 ②pu

    • 0評価
    • 76PV
    shori0128 shori0128 1週間前に コメント
  • 解決済

    回答
    1

    jsからons-templateへの画面遷移

    前提・実現したいこと monacaでonsenui+angularjs1で開発をしております。 ons-list-itemに表示されたアイテムをタップした時に、ng-clickイベントで別ファイルで管理しているons-templateを読み込みたいのですが、方法が分かりません。 参考となるサイトや、記述方法についてご教示いただけないでしょうか。 該当

    • 0評価
    • 244PV
    shori0128 shori0128 1週間前に コメント
  • 解決済

    回答
    1

    Onsenui + Angularで、文字のタップ時に別ページを表示しようとするとエラーになります。

    Onsenui + Angularでアプリ開発を行っている途中です。 10月中旬頃までは以下のソースで問題なく動作していたのですが、 本日起動したところ、初期ページの ng-click="tap('logintab.html')" が動作した際に、添付のエラーメッセージが表示されてしまいうまく動作しません。 変更した箇所に心当たりはまったくないのです

    • 0評価
    • 344PV
    motsu3DJ motsu3DJ 1週間前に ベストアンサー
  • 受付中

    回答
    0

    [vue.js+Onsen-ui]タブ移動先でのv-ons-lazy-repeatが動作しない

    v-ons-tabbarで4つタブを作成し、内2つがv-ons-lazy-repeatを使いリストを表示させようとしています。 HOME画面でのリストは表示されるのですが、タブ移動先での二つ目のリストが読み込まれず表示されません。 こちら、ページ読み込みなどしないといけないのでしょうか?

    • 0評価
    • 49PV
    teratailが1週間前に アップデート
  • 受付中

    回答
    0

    iframeを使って自分のホームページをmonacaに埋め込みたいのですが

    monaca初心者です。 現在、monacaにてiframeを使って自分の運営している ホームページを埋め込みたいと思っているのですが アプリデバッガーではページはちゃんと表示されています。 ですが、画面を下にスクロールしよう とすると画面のトップに 戻ってしまいます。 Androidではならないのですが、iphoneだとこの現象が起きてしまいます。 どのよ

    • 0評価
    • 71PV
    teratailが2週間前に アップデート
  • 解決済

    回答
    1

    [Onsen UI] pushPageを2連続で行いたい

    Monaca x Onsen UIでアプリを作っています。 特定の条件に該当した際に、自動でページ遷移をしたいと考えていますが、 連続したページ遷移がなぜか出来ないようなので困っています。 【ページ構成】 page1、page2、page3の3ページ校正 【期待する挙動】 1 アプリを起動させると、page1.htmlが読み込まれます。 2 イベント

    • 0評価
    • 39PV
    Clavat Clavat 2週間前に 回答を編集
  • 解決済

    回答
    1

    Monacaでアプリを作りたいのですが、戻るボタンの設置ができません。

    現在、monacaを使って簡単なアプリを作ろうとしています。 しかし、初心者のためいろいろ苦戦しているのですが、 その中で戻るボタンの設置です。 Androidはハード、ソフト面で戻るボタンが実装されているので いいのですが、iphoneの場合は戻るボタンがないので ツールバーに戻るボタンを付けたいと思っています。 <ons-back-button> 戻る

    • 0評価
    • 91PV
    akabee akabee 2週間前に コメント
  • 解決済

    回答
    1

    onsen UI のselectを設定をしたい

    ons-selectを使用して作成したselect boxに初期項目の設定をしたいのですが、方法がわかりません。 【html】 <ons-select id="cyueki-sel" ng-model="cyueki_sel" ng-change="page.editSelects()"> <option ng-repeat="item in items

    • 0評価
    • 46PV
    kumakake kumakake 2週間前に ベストアンサー
  • 解決済

    回答
    1

    スマホから取得した結果セットをons-razy-repeatを用いて表示する

    前提・実現したいこと monacaでonsen-ui+angularjsで開発をしています。 スマホに保存してある写真データを取得し、グローバル変数に格納したデータをons-lazy-repeatで表示したいのですが、実行順のせいか、グローバル変数に格納したデータを$scope.delegateでうまく表示させることができません。 どのように記述すると表

    • 0評価
    • 339PV
    shori0128 shori0128 2週間前に 回答
  • 解決済

    回答
    1

    OnsenUI+VueのNavigatorで次コンポーネントに値を渡す方法

    Navigatorで次のコンポーネントを表示するときに値を渡したいのですがどのようにやればいいでしょうか。 ons-navigator.pushPage()を使うときは第2引数で値を渡せるのは知っていますが v-ons-navigatorは:page-stackプロパティで指定した配列にpush()しているのでパラメータの渡し方がわかりません。 <tem

    • 0評価
    • 78PV
    kodai kodai 3週間前に コメント
  • 受付中

    回答
    1

    Monaca で poppageしたとき入力された内容を反映したい

    以下のような動作をしたいです。 一覧画面(page1.html) →[項目追加]画面表示(pushPage) →項目追加画面(page2.html) →一覧へ戻る(popPage) 【HTML】(画面ごとにhtmlファイルを分けています) <ons-page ng-controller="P1Controler" id="P1" var="P1">

    • 0評価
    • 65PV
    kumakake kumakake 3週間前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    85

  • 総質問数

    228

  • 今週の質問数

    5

関連するタグ

Onsen UIタグのよく見られている質問

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