Onsen UI

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

RSS
  • 受付中

    回答
    1

    アプリボタン内の文章が省略されてしまう。

    前提・実現したいこと アプリ開発時、ボタン内の文章が省略されてしまうので、文章が全て改行されてでるようにしたい。 発生している問題・エラーメッセージ 開発デバッグ時に以下のように文章が改行されずに省略されてしまう。 該当のソースコード githubリンク内容 <div class="choices">

    • 0評価
    • 31PV
    yhg yhg 12分前に 回答
  • 解決済

    回答
    1

    $httpサービスを使用してPOSTできない

    前提・実現したいこと monacaでログイン時の情報をPOSTして取得する箇所を制作しているのですが、 自分で書いたAngularJSでの記述ではうまく取得することができませんでした。 XMLHttpRequestを使用してPOSTするとちゃんと返ってくるのですが、 AngularJSでの記述方法がいまいち調べてもわからなかったので質問させていただいており

    • 0評価
    • 49PV
    bit_komatsu bit_komatsu 8時間前に コメント
  • 受付中

    回答
    0

    OnsenUI + Angularでコントロールにセットした値が引数として認識されない

    発生している現象 MonacaによるOnsenUI+Angularで一覧画面にあるリストを選択するとその内容が詳細画面に表示されるような画面を実装しています。 詳細画面の初回起動時はすべてのコントロールが空の状態なので、各コントロールに値をセットし、追加ボタンを押下すると、一覧画面にセットした値が登録されることを確認しました。 先程登録した情報を一

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

    回答
    1

    monacaでの画面遷移方法

    前提・実現したいこと 今Monacaという開発環境でiOS、androidの開発をしています。 Onsen UI V2 Angular 1 TabbarというMonacaのテンプレートを使用して開発を始めたばかりなのですが、タブでの遷移ではなく、何行もあるテキストを押すとその記事全文が表示されるような画面遷移を作りたいのですがどのようにすればよろしいでしょ

    • 0評価
    • 28PV
    Daiki1108 Daiki1108 3日前に 回答
  • 解決済

    回答
    1

    OnsenUI(Vue)の画面遷移の方法がわからない

    OnsenUI(Vue)の画面遷移の方法がわからない OnsenUIの画面遷移方法に悩んでいます。 質問者のレベルは OnsenUIは初めて Vueは試してみた程度に触っている Javascriptは1年以上 となります。 現在の仕様として下図の様に、初期情報入力画面として、P1とP2を設置しており、 それが済み次第、メインページで

    • 0評価
    • 273PV
    Sho_m Sho_m 6日前に 回答
  • 受付中

    回答
    0

    ons-input type="number"でフォーカスが抜けてしまいます。

    いつもお世話になっております。 Monacaを使って開発をしています。 入力した数値を削除して、再度入力しようとするとiPhoeではフォーカスが抜ける現象が出て困っています。 数値入力を下記のようにコーディングしています。 <ons-input type="number" id="aa" name="aa"></ons-input> 操作例) 1

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

    回答
    2

    Uncaught ReferenceError: ons is not defined のエラーが出...

    HTML, javascript 初心者です。 Monacaをフリープランでテストしています。 OnsenUIのテンプレートを選択し、OnsenUI V2 JS Minimum で作成。 <script src="lib/onsen/js/onsenui.js"></script> <script> ons.ready(function() {

    • 0評価
    • 118PV
    TnTech TnTech 2週間前に コメント
  • 受付中

    回答
    0

    onsenui2のコンポーネントがAndroid実機でずれる

    前提・実現したいこと Cordovaでアプリを作成しています。 onsenui - v2.9.2 AngularJS v1.6.9 Androidの実機で動かすと、line-heightがおかしいような状態に ボタンやtoolbarの文字がずれてしまいます。 Cordovaのwwwディレクトリを直接ブラウザで確認すると AndroidでもiOSで

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

    回答
    1

    <ons-input type="number" onChange="funt()">で値を消去した...

    <ons-input type="number" onChange="funt()">で値を消去した時、表示には0が表示されます。 例)123 -> 123を消去 -> 0 このとき、AndroidではonChangeイベントが発生し、0が取得できるのですが、 iPhoneではonChangeイベントが発生しません。 ※0まで消去して未入力にするとイ

    • 0評価
    • 71PV
    kumakake kumakake 2週間前に 回答
  • 受付中

    回答
    1

    onsenUIを使った スライダーから値を取得したい

    前提・実現したいこと Monaca上でアプリを作ろうとしています。 Onsen UIの機能の一つである ons-range を使って、 スライダーを操作したときの、スライダーの値を取得したいと考えています。 Arduino と通信させて、LEDの調光操作をできればと考えています。 Lチカまでは出来ました 発生している問題・エラーメッセージ スライダー

    • 0評価
    • 58PV
    fuji0130 fuji0130 2週間前に コメント
  • 受付中

    回答
    2

    【monaca/Onsen UI】タブバーを常に表示したWeb閲覧アプリを作成したい

    前提・実現したいこと monacaを使用して、Onsen UIを利用した次のようなアプリを開発しています。 (画面例) (1)画面上下に「ヘッダー」「タブバー」「フッター」が常に表示されます。 (2)タブバーをタッチして画面を切り替えることができます。 (3)1,2番目のタブ(画像のtab 1,tab 2)をタッチすると、HTMLで作成したアプリ内ページ

    • 0評価
    • 123PV
    hydroxy hydroxy 2週間前に 回答
  • 受付中

    回答
    0

    Monaca(Angular+OnsenUI)で作成したアプリから指定したファイルを他のアプリで参照...

    前提・実現したいこと Onsen UI + angular4を使ってAndroidアプリを作成しております。 端末内のファイルリストを表示して、ファイルリストをタッチすると タッチされたファイルを他のアプリ(例:AcrobatReaderやブラウザ)で 参照するようにしたいのですが、指定するパスが誤っているためか、アプリが立ち上がらず無反応の状態です。

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

    回答
    0

    ons-page上にopenlayers3で地図を表示したい!

    前提・実現したいこと アプリ開発歴11日目の者です。 現在、OnsenUIで地図アプリを作成しております。 openlayers3を使用して地図をページ上に表示させたいと考えております。 発生している問題・エラーメッセージ ![イメージ説明](e072a11711ab3029a2ef4e0dcb391c27.png) ページに地図が表示されません。

    • 0評価
    • 47PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    1

    Onsen UI : ons.compile メソッドについて

    Onsen UI : ons.compile メソッドについて Monaca、OnsenUI V2を使用しております。(フレームワークは未使用) 動的にリストなどの要素を追加したくいろいろ調べた結果DOMを作成し、 掲題のcompileメソッドを用いる流れは理解しました。 しかし、V2のドキュメントリファレンスを確認すると、compileメソッドは存

    • 0評価
    • 69PV
    haru1124 haru1124 1ヶ月前に 質問を編集
  • 解決済

    回答
    1

    onsen-UIの中でJavaScriptが動かない

    onsen-UIのスライドのメニューは動くのですが、onclickイベントや、センサーのイベントが起きないので、困っています。 onclickと書いた場合のイベントは起きるのですが、(click)で書くと反応が無いのです。 document.addEventListener("deviceready", onDeviceReady, false);

    • 0評価
    • 298PV
    MasaruKumazaki MasaruKumazaki 1ヶ月前に 回答
  • 受付中

    回答
    0

    monacaでOnsenUI利用時のiframe内のスクロール挙動がおかしい

    前提・実現したいこと MonacaでWebサービスをiframeにてそのまま表示するアプリを作成中です。 固定のヘッダー・ナビゲーションはMonaca内にてOnsenUIを利用しておこない、コンテンツ部分はiframeで表示する仕様です。 発生事象 Androidでは問題なく表示されますが、iPhoneでは、iframe内をスクロールしていくと、かな

    • 0評価
    • 112PV
    teratailが1ヶ月前に アップデート
  • 解決済

    回答
    1

    アイコンが無いとエラー

    Visualstudioで、CordovaとonsenUIで、アプリを作っています。 Failed to load resource: the server responded with a status of 404 (Not Found) favicon.ico というエラーが出ます。 デフォルトで、アイコン画像が入っていることを確認しました。

    • 0評価
    • 84PV
    MasaruKumazaki MasaruKumazaki 1ヶ月前に 回答
  • 解決済

    回答
    1

    CSPからみのエラー

    VisualstudioでCordovaとonsen=UIを使って、アプリを作っています。 このエラーが出て、困っています。 Refused to apply style from 'http://localhost:4400/css/ionicons/css/ionicons.min.css' because its MIME type ('tex

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

    回答
    1

    onsenUIのテンプレートをダウンロードできない

    こちらの記事を読んで、onzenUIのテンプレートをダウンロードしたいと思いました。 https://techblog.gmo-ap.jp/2016/05/30/apache-cordovaxonsenuixvisual-studio%E3%81%A7%E3%83%8F%E3%82%A4%E3%83%96%E3%83%AA%E3%83%83%E3%83%89

    • 0評価
    • 45PV
    MasaruKumazaki MasaruKumazaki 1ヶ月前に 回答
  • 解決済

    回答
    1

    <ons-tab>内でのi18nextを使ってのlabelタグの翻訳方法を教えて頂きたいです。

    前提・実現したいこと ど素人で申し訳ありません。 Monaca ONSEN UI2.0にて簡単なレシピアプリを作っています。 こちらのサイトの皆さんの質問&回答などを参考にタブ&ナビゲーションを実装し、 i18nextにて翻訳できる様にしたんですが、他の箇所は翻訳も問題なく出来ているんですが、 <ons-tabbar>の<ons-tab>でアイコンの下に表

    • 0評価
    • 109PV
    Suhina Suhina 1ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    95

  • 総質問数

    280

  • 今週の質問数

    4

関連するタグ

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

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