Onsen UI

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

RSS

  • 受付中

    回答
    0

    Android7.1.1:Cameraプラグインを使ってカメラを起動したが設定アイコンが表示されない

    前提・実現したいこと Android 7.1.1でCameraプラグインを使い撮った写真に位置情報を付加したい。 発生している問題・エラーメッセージ Android7.1.1ではCameraプラグインでカメラが起動されたときに設定アイコンが表示されない。 そのため、位置情報をオンにする操作ができない状態です。 Android4.4.4では設定アイコンが表

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

    回答
    1

    Cordova「メディア操作 プラグイン」で端末のボリュームボタンを操作すると「着信/通知音量」の調...

    Monaca + OnsenUI で、Cordova「メディア操作 プラグイン」を使っています。端末はiPhone・Androidです。 iPhoneで例にだすと、「メディア操作 プラグイン」で音を再生している最中に、端末のボリュームボタンを操作すると、アプリの「音量」の操作が出来ております。 ですが、音の再生する前や、音の再生が終了した後に、端

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

    回答
    0

    *ハイブリッドアプリ*一番UIレスポンスの良いフレームワーク*探し中*

    *ハイブリッドアプリ*一番UIレスポンスの良いフレームワーク*探し中* SNSアプリを開発するにあたってハイブリッドアプリを検討しています。 cordovaを用いてのOnsen UI for Reactでの開発が一番 レスポンスが良いと聞きました。 高速で動作する作り方をご教授お願いします。 現在の技術はhtml5,css3,javascript,p

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

    回答
    2

    [Onsen UI + Vue.js]v-ons-tabbarでtabにpropsを通じてデータを渡...

    前提・実現したいこと 公式ページにあった下記コマンドで環境を構築し、"props"の部分だけ追加で記述しています。 ※見やすくするために一部のコードを削っています $ monaca create helloworld # Choose Vue 2 template 該当部分のコードは下記で、親ページの「data内tabのprops」で定義した

    • 0評価
    • 38PV
    i-terashima i-terashima 1週間前に コメント
  • 受付中

    回答
    0

    ons-bottom-toolbarの透明化

    前提・実現したいこと 掲題の件ですが、ons-bottom-toolbarに属性modifier=transparentを指定し、背景を透過しようとしていますが透過されません。 こちら対応方法をご存知の方、ご教示いただけますでしょうか。 試したこと ons-bottom-toolbarのcssを直接変更し、画面下部に固定されているバーのpositionを

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

    回答
    0

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

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

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

    回答
    0

    CreateJSでの画像の移動について

    Monacaで作成しております。 CreateJSで画像をタップした場所で基準点にして移動させたいのですが、 関数・プロパティで取得できるのか、どういう計算をしたらいいのかがわかりませんでした。 *画像の真ん中はわかりましたが、タップした場所の取得がわかりませんでした。拡大・縮小しても影響でないようにしたいです。 ご教授をお願い致します。 <!DOCTY

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

    回答
    1

    OnsenUIコンポーネントの値保持

    前提・実現したいこと navigatorでpopPage()した後も、遷移前のpageの<ons-input type="checkbox">の値を保存しておきたいのですが、何か良い方法はないでしょうか? Google先生で調べるのですが"localstrage"や"ng-controller"やら、どれが最も適した方法なのかはイマイチつかめず... 先生方

    • 0評価
    • 45PV
    Mori-Yukito Mori-Yukito 1週間前に ベストアンサー
  • 解決済

    回答
    2

    Onsen UI V2をAndroid4.4.4ではエラーが表示され動作しない

    新規プロジェクトの作成で「Onsen UI V2 JS Navigation」を選択してプロジェクトを作成しました。JS/CSSコンポーネントで「Onsen UI (Monaca Version) バージョン:2.3.2」を追加してデバッガーで確認したところ下記のエラーメッセージが表示され、ボタンをクリックしても動作しません。 このエラーの回避策は、ど

    • 0評価
    • 93PV
    taniboy taniboy 1週間前に コメント
  • 受付中

    回答
    0

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

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

    • 0評価
    • 257PV
    huckepain huckepain 1週間前に 質問を編集
  • 受付中

    回答
    0

    Monaca AngularJSでのons-navigatorの動作

    勉強のため、Monacaを使い、ハイブリッドアプリを作っています。 AngularJSでOnsenUIのons-navigatorを実装したのですが、 実機ではきちんと表示されるのですが、 Monacaクラウド上では{{・・・}}と表示されてしまいます。 どうすればどちらも正しく表示できるようになるでしょうか? page1はviewsフォルダのを参照していま

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

    回答
    0

    MonacaでNode.jsが使いたい

    MonacaでNode.jsが使いたい MonacaでMySQLサーバとの通信を行おうとしたところ、Node.jsが必要だということがわかりました。 しかし、現在の私のプロジェクト構成ではNode.jsは使えません。 どのような構成にすればNode.jsが使えるようになるのでしょうか。

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

    回答
    1

    ソフトウェアキーボード表示時、キーボード上部にボタンを表示する

    前提・実現したいこと 掲題の件となります。 LINEなどは上部チャット欄をスクロールしても、入力フォームがソフトウェアキーボードに固定されており、 キーボードを隠すと画面下に固定されます。 LINEのチャット画面のように「ソフトウェアキーボードが表示された場合にも入力フォームやボタンが隠れない」 ようにするには当該環境においてどのように実装すればよい

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

    回答
    1

    Monaca cloud IDE 新規プロジェクトのOnsen UI js Navigationが実...

    前提・実現したいこと Monaca cloud IDEで新規プロジェクトに「Onsen UI js Navigation」を使用、 一切の変更を加えることなく、実機デバッグをすると次のメッセージが出て稼働しない。 発生している問題・エラーメッセージ Uncaught ReferenceError: Set is not defined www/l

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

    回答
    1

    Monaca AngularJS ng-repeatの動作

    MonacaでAngularJS、OnsenUIを使いアプリを作っています <ons-list>でng-repeatを使用した際iosのみ{{}}とそのまま出力されてしまうのですが何故でしょうか 該当のソースコード **htmlコード** <ons-list ng-repeat="data in datas"> <ons-list-item

    • 0評価
    • 458PV
    AnMoreNight AnMoreNight 3週間前に 回答
  • 解決済

    回答
    2

    (ons-navigator) topPageの中身がJavaScript内で見えない

    前提・実現したいこと Monacaでアプリ作成の勉強をしております。一覧画面から詳細画面に移る際、一覧画面で選んだリストに応じて詳細画面上に表示する内容を変化させたいと考えております。(Onsen UI2を使用) 発生している問題・エラーメッセージ そこでpushPageメソッドで渡した内容を遷移先ページでtopPageにて受け取り、詳細画面に文言

    • 0評価
    • 596PV
    zhong_jian zhong_jian 3週間前に コメント
  • 解決済

    回答
    1

    ons-list-itemのtappable属性について

    下記のような記述でtappable属性をつけましたが、効果が表示されません。 クラウドIDEやMonacaデバッガーでは効果は表示されないものなのでしょうか。 <ons-page> <ons-toolbar> <div class="left"><ons-back-button>Back</ons-back-button></

    • 0評価
    • 75PV
    nomori7010 nomori7010 3週間前に ベストアンサー
  • 解決済

    回答
    1

    Tabbarでのelement[0].setTabbarVisibility is not a fu...

    毎度お世話になっております monaca+angularjsにてTwitterクライアントを開発中ですがonsenuiのパターンからTimelineのソースを利用してUIを作成しましたが、表題の通りons-tabbarでエラーが発生しているようでIDEのプレビュー画面ではTLがスライドで表示されるものの実機(android)ではTweetが1枚しか表示

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

    回答
    1

    ajaxで要素を動的に追加した際に、onsen UIのcssが効かない

    アプリ開発初心者です。 monaca, onsen UIを使用して開発をしております。 具体的には、ajaxを使ってデータベースにアクセスし、値の取り出しに成功した場合は指定したタグに要素を追加して表示させるといったプログラムを組もうとしております。 値の取り出しに成功して表示するまではうまくいくのですが、動的にタグに要素を追加した場合、onsen

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

    回答
    2

    angularjsのng-repeatが動作しない

    お疲れ様です 現在monaca+angularjsを利用してTwitterのuserTimelineを取得・表示したいと考えております REST Apiを利用してTweetを取得することは出来ましたが、取得したデータをng-repeatを利用して動的にリスト表示することが出来ず困っております。 ソースは以下の通りとなります <!DOC

    • 0評価
    • 404PV
    akabee akabee 1ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    63

  • 総質問数

    144

  • 今週の質問数

    1

関連するタグ

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