JavaScript

シンプル利益計算は、仕入金額と利益を表示する場所を節約するため、ツールバーのスペースを利用し、2行で表示するように変更しています。今回は、ons-toolbarに2行の文字列を表示する方法を紹介します。

「カレンダーの日付を選択する方法がわからない」など問い合わせが多いので、そのヒントとして、数字をタップして選択する方法について説明します。数字をタップして選択する箇所は、HTML + CSSのみで実現できます。

teratailに質問しても回答が得られないまたは問題が解決されない質問を例に、Onsen UIの動きを理解するにはどうすればよいか、解説したいと思います。

バナー広告を表示した状態でキー入力を行うと、広告が邪魔になってしまいます。そこで、cordova-plugin-ionic-keyboardプラグインのキーボードの表示直前に発火するkeyboardWillShowイベ…

Onsen UI 最新版v2.10.10には、以下のアイコンが組み込まれています。 Material Design Iconic Font v2.2.0 Font Awesome Free 5.8.1 Ionicons,…

今回は、localStorageからニフクラ mobile backendのデータストアにデータを保存するように改造します。 ncmb.min.jsというファイルが必要ですので、githubからダウンロードしてください。

今回は、ons-splitterでメニューを表示し、初期化画面に切り替え、買い物リストを初期化する処理を追加します。 ※前回より少しずつコードが変わっていますので、ご注意ください。

前回の「【Monaca】Onsen UI + JavaScriptで買い物リストを作る」では、再起動するたびに買い物リストが消えてします。今回は、localStorageを使用し、買い物リストを読み込み・保存する処理を…

今回は、Onsen UI + JavaScriptのみで買い物リストを作ります。機能としては、買い物リストの新規登録・編集・削除、ons-list-itemの追加・編集・削除を重点においていますので、再起動すると買い物…

今回は、以前書いた記事「【Monaca】Onsen UI上にカレンダーを表示する」と「【Monaca】CSVデータを読み込む」を組み合わせて、Onsen UI上に表示したカレンダーに祝日を表示する方法を紹介します。

【Monaca】Onsen UIで数字をタップして選択する