Onsen UI

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

RSS

  • 解決済

    回答
    1

    タイトルやメニューはそのままそれ以下の部分を変更したいです。

    前提・実現したいこと 現在、Onsen U1 V2 Angular1 Splitterを使って開発をしようとしているのですが、ページにボタンを作り、クリックすると画面の表示内容を変更したいです。その際メニューアイコンやタイトルはそのままにしたいです。例えば、メニューの画面で<a></a>タグをクリックしたときに</ons-toolbar>以下を変更したいで

    • 0評価
    • 34PV
    terry3 terry3 17時間前
  • 受付中

    回答
    2

    ons-tabの非表示

    前提・実現したいこと MonacaでOnsenUI v2を使ったアプリを製作していて、ons-tabを用いてページの切り替えを行っているのですが、ons-tab内のページでpush-pageを用いた画面遷移を実行した場合に、tabを非表示にする方法が分かりません。 良ければアドバイスをいただけると嬉しいです。 試したこと ons-tabbarリフ

    • 0評価
    • 25PV
    tera_infinity tera_infinity 1日前
  • 解決済

    回答
    1

    monacaとonsenUIを使った時のJavascriptの記述方法

    monacaとonsenUIを使って勉強しつつハイブリッドアプリを作ってます。 初歩的な質問かと思いますが、Javascriptの記述方法についてわからない部分がありますので、 質問させていただければと思います。 monacaの場合、メインであるindex.htmlの他に、ケースに応じていくつかのhtmlファイルを作成していくかと 思いますが、全

    • 0評価
    • 83PV
    kozy kozy 6日前
  • 解決済

    回答
    2

    push-pageの使い方が分からない

    前提・実現したいこと MonacaでOnsenui v2を用いてアプリ開発をしていて、<ons-button>の中にpush-pageを記述して画面遷移をしたいのですが、ボタンを押しても反応しません。 onclick=pushPage(pageUrl, [options])で画面遷移をする方法を教えていただけると嬉しいです。 該当のソースコード

    • 0評価
    • 229PV
    tera_infinity tera_infinity 1週間前
  • 解決済

    回答
    2

    ons-tabでpushPageが使えない

    前提・実現したいこと Monacaでアプリ開発をしていたのですが、<ons-tabbar>のページ内に、pushPageを実装すると画面遷移ができませんでした。 ons-tabbarの中にあるページの中で画面遷移をする方法のアドバイスをいただけると嬉しいです。 該当のソースコード テンプレートの内容を参考にしましたが、<ons-tabbar>を実

    • 0評価
    • 72PV
    tera_infinity tera_infinity 1週間前
  • 受付中

    回答
    1

    window.openの_systemで「既にログインされています。・・・」アラートが表示されます。

    前提・実現したいこと MonacaでOnsenUIを使ってアプリを開発しています。 発生している問題・エラーメッセージ iphoneのMonacaデバッガーをインストールし、その中で、 外部ブラウザで開きたいもの(GoogleMAPや外部のサイト)があります。 onclickの中に外部リンクを開くようのコードを書いて、実行すると 既にログ

    • 0評価
    • 363PV
    kuroneko334 kuroneko334 2週間前
  • 解決済

    回答
    2

    同一画面への遷移時のnavigater判断について

    前提・実現したいこと OnsenUIv2+AngularJSv1.5でハイブリッドアプリを開発しています。 作りはTabbar+Navigatorで複数タブを持ちながら、タブごとに画面遷移をしています。 (タブ数分、Navigatorを定義しています) ここで疑問なのですが、複数のタブから呼ばれる共通画面Zがあり、 画面Aからnavi1.pus

    • 0評価
    • 366PV
    skaska_man skaska_man 2週間前
  • 解決済

    回答
    1

    <ons-modal>のid指定時の挙動について

    分からないこと OnsenUI V2で提供される<ons-modal>にid属性を与えると、以下のコードのようにgetElementById()を使用せず、id名の指定だけでDOM操作が可能になったのだがこれが仕様なのかバグなのかが分からない。 コード <!DOCTYPE HTML> <html> <head> <meta charset="u

    • 0評価
    • 78PV
    larkpia larkpia 2週間前
  • 受付中

    回答
    0

    monaca Onsen UI V2 JS Tabbar で多言語化を実現したい

    前提・実現したいこと Onsen UI V2 JS Tabbarでスマホアプリを作っています。 多言語化を実装したいのですが、どのように実装したらいいのか分かりません。 実装している方がいたら、サンプルコードをお教えいただけませんでしょうか。 発生している問題・エラーメッセージ 言語切替が実現できない 試したこと onsen uiが

    • 0評価
    • 64PV
    IsaoWatanabe IsaoWatanabe 2週間前
  • 解決済

    回答
    2

    MonacaでpushPage()でページが読み込めない

    http://mb.cloud.nifty.com/doc/current/tutorial/exchange-user-management.html 上記サイトのチュートリアルを進めているのですが、myNavigator.pushPage('signUp.html');でページを遷移させることができません。 上記チュートリアルではmyNaviga

    • 0評価
    • 121PV
    odmdom odmdom 2週間前
  • 解決済

    回答
    1

    monacaとonsenUIを使ってのSPAの作り方について

    monacaとonsenUIを使って勉強しつつハイブリッドアプリの製作をしています。 実際にページを作り始めているのですが、onsenUIでページを作る場合、ページ分だけhtmlファイルをつくるやり方と、 <ons-template>コンポーネントを使って一枚のhtmlファイルで作っていくやり方がありますよね。 いわゆるSPAというと、後者のやり方を指

    • 0評価
    • 134PV
    kozy kozy 3週間前
  • 解決済

    回答
    2

    myNavigator is not definedというエラーについて

    初心者です。エラーが出て解決できないので、ご教授いただきたいです。 monaca/onsenUIの教本を使って勉強しており、サンプルコード通りにコーディングしているのですが、 以下のエラーが出てしまいます。 Uncaught ReferenceError: myNavigator is not defined at HTMLElement.onc

    • 0評価
    • 83PV
    kozy kozy 3週間前
  • 解決済

    回答
    1

    ons-lazy-repeatのタグ内でng-clickが使用できない。

    前提・実現したいこと monacaクラウドIDE、onsenUI2.2です。 質問は掲題の通りでons-lazy-repeatを使用するとng-clickが使用できません。 当初domを操作していることが問題なのかと考えましたが、直接ng-clickを書き込んでもNGでした。 ※使用できない=タップしても何も起きません。エラーもでません。

    • 0評価
    • 120PV
    lion_ lion_ 3週間前
  • 解決済

    回答
    2

    OnsenUIでjQueryが動作しない

    前提・実現したいこと Monacaでアプリケーションの開発をしているのですが、OnsenUIの<ons-page>の中にjQueryのソースを記述したところ、動作しませんでした。index.htmlにjsを外部ファイルから読み込みを行ってみたところ、ほかのjsの動作はしているのに、jQueryの動作だけ実行されませんでした。 jQueryとOnsenUI

    • 0評価
    • 98PV
    tera_infinity tera_infinity 3週間前
  • 解決済

    回答
    2

    ons-sliding-menuがある画面でのAndroid実機の戻るボタンを押下時で閉じたいのです...

    Onsen UI V2+AngularJS(V1) + cordovaでMonacaで開発しております。 aページからサイドメニューがあるbページへ移動し、bページ上でAndroid実機の戻るボタンをタップした際にアプリを閉じたいのですが、ng-device-backbuttonが効いていないためか閉じれませんでした。(on-device-backbutt

    • 0評価
    • 375PV
    huckepain huckepain 3週間前
  • 解決済

    回答
    1

    ons-tabbarのsetActiveTabの使用方法

    前提・実現したいこと monaca クラウドIDE、onsenui2.2で開発中になります。 掲題の件ですが、実現したいことはons-tabbarの無いページから ons-tabbarのあるページを表示する。その際にtabのindexを自由に選びたいというものです。 ons-tabbarにはsetActiveTabメソッドがあるのは htt

    • 0評価
    • 72PV
    lion_ lion_ 3週間前
  • 解決済

    回答
    1

    Onsen UI V2 でページの読み込みに失敗する

    前提・実現したいこと 初めて質問させていただきます。 現在MONACA(ONSENUI V2)を利用しスマートフォンアプリ制作の練習をしています。 "ons-dialog"でダイアログを表示させるためにコードを書いていると、ページが読み込まれない問題が発生し悩んでいます。 下記2のソースではうまくいくのですが、下記1のように"ons-template

    • 0評価
    • 67PV
    larkpia larkpia 3週間前
  • 受付中

    回答
    1

    onsenUIのons-navigatorコンポーネントを使って画面遷移がしたい

    前提・実現したいこと 初心者です。monacaを使ってハイブリッドアプリを製作しています。 onsenUIのons-navigatorコンポーネントを使って画面遷移をしたいのですが、 上手くいきません。 例えば、ons-list-itemからプライバシー設定のページに遷移させたいとすると、 以下のようにすれば良いかと思うのですが、タップ可能な状態に

    • 0評価
    • 71PV
    kozy kozy 3週間前
  • 受付中

    回答
    1

    ons-splitter-sideを使用した場合、背後の画面がswipeされてしまう。

    前提・実現したいこと 掲題の件となりますが、ons-splitter-sideでside画面をopenした際、side画面を上下にswipeすると 背後の画面がswipeされてしまいます。これを改善する方法はありますか? 補足1 side画面のコンテンツが長く下にスクロールする場合、上記は発生しません。 補足2 関連事象か不明ですが、pageAか

    • 0評価
    • 80PV
    lion_ lion_ 3週間前
  • 解決済

    回答
    1

    OnsenUIのons-splitterについて

    Monacaで開発をしているものです。 ons-splitter機能が搭載された初期サンプルを開くと、index.html内に前ページ内容が記載されていますが、個別のhtmlファイルに分けたいのですが index.html内からほかのページに飛ぶ際、同ページ内にons-template id=””と記載されていないファイルは、読み込んでくれずエラーと

    • 0評価
    • 94PV
    seri seri 4週間前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    56

  • 総質問数

    121

  • 今週の質問数

    3

関連するタグ

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