投稿者: 管理人

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

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

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

Android BMI ウエストシンプル体重管理バストヒップリマインダー体年齢体脂肪率体重健康管理内臓脂肪レベル基礎代謝皮下脂肪率筋肉量简单体重管理簡單體重管理

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

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

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

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

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

ons-pageのng-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

Cordova Monaca ng-infinite-scroll ons-list ons-list-item ons-page Onsen UI スクロール

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時点)

Android docomo L-01E LG LGL21 Optimus G Y字ドライバー電源ボタン音量ボタン

【Monaca】Onsen UIの画面内に外部Webページを表示する

2019/10/18現在、iOS上で正常に動作しません。
急遽、新しい記事を書きましたので、そちらをご覧ください。

otak-lab

2019.10.22

【Monaca】Onsen UIの画面内に外部Webページを表示するその2

https://otak-lab.com/archives/2621

「【Monaca】Onsen UIの画面内に外部Webページを表示する」の記事において、iOS版のスクロールがうまくいかないと問い合わせが多く、また某サイトでも何度か話題となっており、再度チャレンジしてみました。今回、Android版・iOS版に関係なく、iframeのscrollingをyesにしました。iOS版で表示すると、縦スクロールはできますが、下記のように画面の横幅をはみ出してしまいます。そこで、iframe内に表示されたhtmlのbodyのmax-widthを画面の横幅に設定し直します。一瞬ちらつく場合がありますが、横幅に収まって表示されます。ただし、M...

既存のWebアプリをネイティブアプリに切り替えたい。しかし、時間も費用も厳しい。
その場合、iframeを使用することで、Webアプリをネイティブアプリ風に見せることができる。
Monacaで新規プロジェクト「Onsen UI V2 Angular 1 Tabbar」を作成し、Monacaデバッガーで動作確認済み。
今回、iframeのサイズ設定にDirectiveを使用したが、クラスpage__contentのサイズが画面の有効サイズ（toolbarとtabbarを引いた値）となるため、スクロール範囲の設定にも流用できる。
また、Webアプリに限らず、ホームページやブログなども表示できる。
~~※iOSの場合、横スクロールが発生してしまうので要注意。短時間では解決できず・・・~~
※Onsen UI V2の場合、アプリ起動時にtabbarで設定したページの処理が同時に実行されるため、動作が遅くなる場合がある。