【Monaca】Riot.js + Onsen UI V2 ons-navigatorで画面遷移する


シンプル体重管理」や「ナンバーズサーチ」など、これまでAngularJSOnsen UIの組み合わせでアプリ開発を行ってきたが、ユーザー側から「重い」「遅い」などの声が上がってきており、以前から軽いと評判のRiot.jsというUIライブラリを使用してアプリ開発できないだろうか・・・と思いつつも時間だけが経過。
やっと重い腰を上げてみた。

今回は、Onsen UIの基本的な動きであるons-navigatorで画面遷移を試みる。

MonacaクラウドIDEで、「Onsen UI V2 JS Minimum」を作成し、最新版の「riot+compiler.min.js」を[/www/lib/liotjs/]フォルダにアップロードする。
このとき「+」がスペースに置き換わる場合があるので「名前を変更」でファイル名を修正する。
[/www/tag/]フォルダに各tagファイルを作成する。
Continue reading

シンプル体重管理 簡單體重管理 简单体重管理 Ver.1.8.0をリリースしました!

シンプル体重管理 Ver.1.8.0をリリースしました。
Playストアよりダウンロードできます。
※今夏、Amazon Fire版の対応を予定しております。
Google Play で手に入れよう

変更点は下記のとおりです。
Continue reading

【Monaca】Onsen UIでGoogleマップを表示する

iframeによる方法はこちらです。


Monacaで新規プロジェクト「Onsen UI V2 JS Minimum」を作成し、サンプルコードを貼り付けて実行したら、あっさり表示された。
Monacaデバッガーで動作確認済み。
※事前にMaps JavaScript APIのキーを取得すること。
※37行目のYOUR_API_KEYを取得したAPIキーに書き換えること。


Continue reading

【Monaca】Onsen UI V2でnendネイティブアド広告を一定の間隔で更新させる

※2018/06/10 実際の広告コードを記載してしまったので、その箇所を修正。
nendのネイティブアド広告を一定の間隔で更新させるサンプルコードを作成してみた。
nendの広告コードを実行した際に生成されたHTMLをすべて削除し、新たに広告コードを呼び出すことで新しい広告を取得することができる。
※削除しないと広告コードを呼び出した分だけscript・img・inputのタグが蓄積される。
あとはOnsen UI上に取得した広告HTMLを表示させるだけ。
これに少し手を加えて、アプリに実装する予定。


Continue reading

nend広告が低単価になる問題を考える

Monacaで開発したアプリに、JavaScriptの広告コードを記述するだけで手軽に広告配信できるnend。
興味のある方は、下記バナーをクリック!!

ギャンブル収支管理の履歴明細一覧画面にnendのネイティブアド広告を掲載しているが、5月以降は平均2~3円の低単価となり、報酬額もかなり伸び悩んでいる。

ネイティブアド広告は固定せず、一覧表示の邪魔にならないように、スクロール箇所の上部に配置している。
また、低単価の原因となる誤タップも防げると思い、このような広告の配置にしたが、以前掲載していたバナー広告と同様に低単価となってしまった。

Continue reading

シンプル体重管理 簡單體重管理 简单体重管理 Ver.1.7.5をリリースしました!

シンプル体重管理 Ver.1.7.5をリリースしました。
Playストアよりダウンロードできます。
※今夏、Amazon Fire版の対応を予定しております。
Google Play で手に入れよう

変更点は下記のとおりです。
Continue reading

シンプル体重管理 簡單體重管理 简单体重管理 Ver.1.7.4をリリースしました!

シンプル体重管理 Ver.1.7.4をリリースしました。
Playストアよりダウンロードできます。
※今夏、Amazon Fire版の対応を予定しております。
Google Play で手に入れよう

変更点は下記のとおりです。
Continue reading

【Monaca】スクロールごとにons-list-itemを追加する

Twitterのように、スクロールごとに新しいツイートを取得するような処理をOnsen UIで実現できないだろうか?

ons-pageng-infinite-scrollという属性を利用することで実現できる。
ng-infinite-scrollにデータを取得する関数を指定し、スクロールによってその関数が呼び出されると、引数としてコールバック関数が渡される。
引き続きデータを取得する場合、そのコールバック関数を実行する。
また、ある特定の範囲でスクロールさせ、データを取得してons-list-itemを追加する場合、その範囲にクラスcontentを追加することで実現できる。
Monacaで新規プロジェクト「Onsen UI V2 Angular 1 Minimum」を作成し、Monacaデバッガーで動作確認済み。
下記のサンプルコードでは、高さ200pxのdiv内でスクロールごとに10件ずつons-list-itemが追加され、最大200件まで追加される。

Continue reading

docomo Optimus G L-01Eの電源ボタンと音量ボタンを直す

docomo Optimus G L-01Eをroot化し、カスタムROMを導入してアプリ開発用として使用していたが、TWRPでのリカバリーに失敗してしまい、docomoロゴ表示後に再起動する状態となってしまった。
この場合、音量の上下ボタンを同時に押しながら、USBケーブルを差せばダウンロードモードに切り替わるが、所有しているL-01Eは音量ボタンが効かない。
また、電源ボタンも強く押さないと電源が入らないような状態なので、その修理を試みてみた。
※あらゆる問題が発生しても、すべて自己責任でお願いします。

必要な工具は、Y字ドライバー、金属製のヘラ、ギターのピックのようなプラスチック板。
Y字ドライバーは、Amazonにて日本製のサンフラッグ 特殊精密ドライバー Y型 No.17-Cを購入した。

サンフラッグ 特殊精密ドライバー Y型 No.17-C

新品価格
¥323から
(2018/5/7 15:30時点)


Continue reading