【Monaca】Onsen UIの画面内に外部Webページを表示する その2
「【Monaca】Onsen UIの画面内に外部Webページを表示する」の記事において、iOS版のスクロールがうまくいかないと問い合わせが多く、また某サイトでも何度か話題となっており、再度チャレンジしてみました。
Continue reading
【Monaca】Android版をビルドしてAndroid 9 で実行すると「Failed to load resource: net::ERR_CLEARTEXT_NOT_PERMITTED」と表示される

Monacaにおいて、「【Monaca】Onsen UI WordPressのWP REST APIを利用してons-carouselに記事を表示する」のAndroid版のデバッグビルドを行い、実際にau SHV40(Android 9)でアプリを実行したところ、「Failed to load resource: net::ERR_CLEARTEXT_NOT_PERMITTED」と表示され、まったく動作しませんでした。
今回は、このエラーを回避する方法について紹介します。
Continue reading
【Monaca】localStorageを使用してアプリの設定データを取得・保存する
【Monaca】Onsen UI v2.10.10 アップデートの注意点

7/29、Onsen UIがv2.10.10にアップデートされました。
v2.10.9より、各種アイコンのアップデートが行われ、Ioniconsの一部のアイコンが表示できなくなりました。
Upgrade Font Awesome to v5.8.1
Upgrade Ionicons to v4.5.5
Upgrade Material Design icons to v2.2.0
Stop fonts being included in onsenui-core.css
【Monaca】Onsen UIとWordPressのWP REST APIを利用してons-carouselに記事を表示する

今回は、Onsen UI + Angular JSを使用して、WordPressのWP REST APIを利用してons-carouselに記事を表示する方法を紹介します。
【Monaca】Onsen UI 選択したons-list-itemを削除する

今回は、Onsen UI + JavaScriptで、選択したons-list-itemを削除する方法を紹介したいと思います。
Continue reading
【Monaca】Onsen UI上にカレンダーを表示する
【Monaca】Onsen UI ons-carouselにドットナビゲーションを表示する
【Monaca】Onsen UI ons-splitterとons-navigatorを組み合わせる

Monacaの「Onsen UI V2 JS Splitter」のサンプルやOnsen UIのons-splitterの実例では、ons-splitter-contentのloadメソッドでページの切り替えを行っていますが、ons-navigatorを組み合わせてページ遷移を行うサンプルがないので、どのようにすればよいか悩む方も多いと思います。
ons-splitter-content内にons-navigatorを組み込み、メニューで項目を選択した場合、ons-splitter-contentではなく、ons-navigatorのページを切り替えることで実現できます。
Continue reading









