Onsen UI

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

RSS

  • 受付中

    回答
    0

    ons-template (id = page2.html) must be located jus...

    前提・実現したいこと お世話になります。Monaca の無料プランで勉強をはじめたのですが、以下のような警告がでて困っています。 (Chrome のデベロッパーツールで console.log を出しながら確認しています。) 発生している問題・エラーメッセージ onsenui.min.js:2 ons-template (id = page2.html)

    • 0評価
    • 15PV
    teratailが3日前に アップデート
  • 解決済

    回答
    1

    React+Redux+OnsenUIでDialogが二重に表示される

    React+Redux+OnsenUIでモバイルアプリ開発をしています。 そこでOnsenUIのDialogを使おうとしているのですが、実装すると二重に表示されてしまいます。 二重にDialogが表示されているとCLOSEをクリックすると同時に消えるのですが、枠外をクリックしてDialogを消すとズレて消えるのでおかしな見た目になってしまいます。

    • 0評価
    • 20PV
    cloudspider cloudspider 5日前に 回答
  • 受付中

    回答
    2

    element.setAttributeによる属性の設定

    前提・実現したいこと 現在Monacaを用いてアプリ開発の勉強をしていたのですが、element.setAttributeを用いてエレメントの属性を設定する動作を実装した際に、別のページにあるエレメントの属性を設定することができませんでした。 勉強不足な点もあるのですが、仕様なのか実装方法が悪いのかわからない状況です。 該当のソースコード page2にあ

    • 0評価
    • 59PV
    tera_infinity tera_infinity 5日前に コメント
  • 解決済

    回答
    1

    [AngularJS]リストの並び替え後の$indexについて

    前提・実現したいこと Monacaでアプリ開発をしています。並び替えてリスト表示したテーブル内容をタップして、タップしたリストの詳細画面を表示しようとしていますが、インデックスの受け渡しがうまくいっておりません。 発生している問題・エラーメッセージ ng-repeatでテーブルの内容をリスト出力する際、orderByにて並び替えをしています。続いて並び替

    • 0評価
    • 60PV
    zhong_jian zhong_jian 1週間前に ベストアンサー
  • 解決済

    回答
    1

    Onsen UI 2 「pushPage」の引数の受け取り方

    Onsen UI 1.xのときは、pushPageメソッドの第2引数でパラメータを渡し、 getCurrentPageメソッドで受け取ることができていたと思います。 OnsenUI2.xでは、getCurrentPageメソッドが使用できなくなったようですが、 代わりにどのように1つ前のページのパラメータを受け取ればよいのでしょうか? 中央あたりで「

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

    回答
    0

    popPage使用時のTypeErrorについて

    popPage使用時のエラーについて popPageメソッド及びons-back-buttonコンポーネントの使用時に以下のようなエラーメッセージが出ます。 // www/lib/onsenui/js/angular-onsenui.min.js:2 TypeError: undefined is not an object (evaluating 'e

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

    回答
    2

    Onsen UI のons-tabとons-navigatorを組み合わせて使いたい

    以下のような画面遷移を実現したいと思っています。 タブで画面を大きくわけたい。 例えば、 タブ1(分類1)、タブ2(分類2)、タブ3(分類3) タブ1(分類1)の中で画面を遷移させたい。 新規作成 -> 確認 -> 登録 タブ2(分類2)の中で画面を遷移させたい。 検索 -> 明細表示 タブ2(分類2)の中で画面を遷移させたい。 一覧表示 この実

    • 0評価
    • 46PV
    asn asn 2週間前に 回答
  • 解決済

    回答
    1

    monaca Onsen UI V2 Vue Navigation(単一ファイルコンポーネント)にて...

    monaca Onsen UI V2 Vue Navigation (単一ファイルコンポーネント)でアプリを作成しております。 Monaca バックエンド用の JavaScript API にてログイン処理を行いたいのですが ログイン処理が正常に行えません。 以下記載の.done も .fail も通りません。 使用、記載方法に問題があるでしょうか?

    • 0評価
    • 85PV
    s-san.8 s-san.8 2週間前に ベストアンサー
  • 解決済

    回答
    2

    monacaとOnsenUIの関係性について

    monacaでスマホアプリの開発を始めました。初心者です。 monacaの「設定」から「JS/CSSコンポーネント」の「Onsen UI (Monaca Version)」を設定していないにも関わらず、<ons-***>で定義すると正常に表示されます。 monacaの中には、最初からOnsen UIが組み込まれているのでしょうか? 組み込まれてい

    • 0評価
    • 87PV
    a1-1969 a1-1969 3週間前に コメント
  • 解決済

    回答
    1

    Monacaで制作したアプリ内で文章を保存する方法

    前提・実現したいこと MonacaでHTML5とOnsenUIでスケジュール管理アプリを作っています 実装したいこと OnsenUIのツールバー上に”保存ボタン”を配置したいです。 具体的にはiPhoneのメモ帳の”完了ボタン”のようなものです。(画像1枚目) アプリ使用者が書いた文章をそのまま保存し、別ページに羅列するのが目標です。(画像2枚目)

    • 0評価
    • 75PV
    hain hain 4週間前に コメント
  • 解決済

    回答
    1

    Onsen UIでwordpressの記事のJSONデータを取得したい

    超初心者です。 Monacaを利用して、Wordpressの記事一覧を表示させるアプリを作ってみています。 下の記事を参考に、同じ手順で設置をしてみました。 https://www.slideshare.net/AsialCorp/ui-onsen-ui2wordpress 記事の例にあるように書くと、無事に記事一覧がMonacaのプレビューで表示された

    • 0評価
    • 142PV
    rururu3 rururu3 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    指定時刻に画面遷移をする方法が分からない

    前提・実現したいこと MonacaとOnsenUIを用いてアプリ開発を勉強しているのですが、ピッカーなどでユーザーに時間を入力してもらった後に、その時刻になったら画面遷移をする。という動作をしたいのですが、どのように実装していいのかが分かりません。 試しに下記のソースを実装してみたのですが、動作しませんでした。 該当のソースコード function

    • 0評価
    • 175PV
    tera_infinity tera_infinity 1ヶ月前に コメント
  • 解決済

    回答
    1

    Onsen UI + Vue.js]v-ons-checkboxのスタイルについて

    v-ons-checkboxで、Checkedの場合のバックグラウンドカラーはどのように設定すればよいでしょうか? 利用しているver.は下記です。 onsenui: 2.4.2 vue-onsenui: 2.0.0

    • 0評価
    • 68PV
    i-terashima i-terashima 1ヶ月前に コメント
  • 解決済

    回答
    1

    ピッカーで入力された時間を分解したい

    前提・実現したいこと Monacaでアプリの開発をしているのですが、jQueryのclockpickerによって入力された時間を「時間」「分」「秒」に分解し、全てを秒数に変換する方法が分かりません。 ver getupにはclockpickerによって入力された時間$(".form-control").val()が「7:00」といったように入ります。

    • 0評価
    • 289PV
    tera_infinity tera_infinity 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    Visual StudioでOnsenUIを使えない

    前提・実現したいこと 「Visual Studio Tools for Apache Cordova」を用いてAndroidのアプリケーションを開発しようと思っているのですが、OnsenUIを実装したい場合どのようにすれば良いのかが分かりません。 試したこと Apache Cordova×OnsenUI×Visual Studioでハイブリッドアプリを爆

    • 0評価
    • 112PV
    tera_infinity tera_infinity 1ヶ月前に ベストアンサー
  • 解決済

    回答
    3

    コールバック関数でステートが更新出来ない。

    前提・実現したいこと monaca+OnsenUI+Reactで検証作業を行なっています。 その作業の内、カメラ機能を検証しています。 発生している問題・エラーメッセージ Cordovaプラグインでカメラ起動は出来たのですが、 撮影したjpgファイルのデータをReactのstateへ更新するのに失敗します。 getPicture関数内でCordovaプラ

    • 0評価
    • 113PV
    toshi_7710 toshi_7710 1ヶ月前に コメント
  • 受付中

    回答
    1

    ons-lazy-repeatとCSSを使用して、画像を3列均等割り付けを行いたいのですが、できずに...

    Onsen UI(2.0.3) + AngularJS1 + Monacaで開発しております。 一覧を3列で均等割り付け、折り返して、次の行へを件数がある分繰り返したいと思っています。 また、件数が多くなるため、ons-lazy-repeatを使用して負荷を減らしたいと思っておりますが、 上手くいきません。 方法がありますでしょうか。 そもそも無理なので

    • 0評価
    • 378PV
    huckepain huckepain 1ヶ月前に コメント
  • 解決済

    回答
    1

    Monacaでiframeを使うとiPhoneでハングします

    Monacaでアプリの開発をしています。 アプリの一部にiframeを使ってウェブサイトの情報を表示させたいのですが、特定の条件下でこれが機能せず、Monacaロゴが出たままハングします。 条件 ・ons-templateタグの下 ・iPhoneデバッガ <ons-navigator page="index.html"></ons-navigat

    • 0評価
    • 109PV
    KumaChan KumaChan 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    monaca viewport.js使用時にページの拡大をさせない方法

    monacaのviewport.jsを使用していますが、画面でページ全体での「ピンチイン」「ピンチアウト」が出来てしまします。これを出来なくする方法はございますか。 検証端末:Android メタタグは次の様にしています。 <meta name="viewport" content="width=device-width, initial-scale

    • 0評価
    • 154PV
    zohnam zohnam 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    Monacaページ遷移後にイベント

    <head> <script src="lib/onsenui/js/onsenui.min.js"></script> <script src="components/loader.js"></script> <link rel="stylesheet" href="lib/onsenui/css/onsenui.css" /> <link rel="st

    • 0評価
    • 106PV
    namimon namimon 1ヶ月前に 回答
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    73

  • 総質問数

    183

  • 今週の質問数

    2

関連するタグ

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