今回はOnsen UIのCSSを動的に切り替える方法を紹介する。
Continue reading
【Monaca】動的にOnsen UIのCSSを切り替える
【Monaca】checkbox「パスワードを表示する」を実装する
ユーザー名とパスワードを入力する画面で、「パスワードを表示する」チェックボックスを実装するには、チェックが入ったときにinputタグのtype属性を「password」から「text」に変更することにより実現できる。
今回は、JavaScriptとAngular JSの2パターンについてコードを記載する。
Continue reading
【Monaca】リバースエンジニアリング対策「cordova-plugin-crypt-file」注意点
MonacaやCordovaで開発したアプリの最大のデメリットは、apkファイルを抽出してZIPで解凍すると、HTMLやCSS、JavaScriptなどのコード、ファイル構成が丸見えとなってしまう点である。
つまり、時間をかけて必死に開発を行っても、ZIPで解凍すれば簡単にコピーされてしまうし、コードに記載したクライアントキーやAPIキーなどの情報も知られてしまう。
Continue reading
【Visual Studio Tools for Apache Cordova】ビルド時に発生する「MSB6001」エラーの回避方法
2017年11月に更新した「ナンバーズサーチ」のビルドを実行したところ、下記メッセージが表示され、ビルドが失敗する現象が発生した。
[コード] MSB6001
[説明] ”tsc.exe”のコマンドラインスイッチが無効です。値をNullにすることはできません。パラメータ名:path1
【Monaca】WebSQLを利用したアプリは注意が必要！！
先日、「AndroidシステムのWebView」のアップデートを行ったところ、Chromeデベロッパーツールでアプリのデバッグできなくなり、「AndroidシステムのWebView」のアンインストールを行った。
その後、デバッグできるようになったので作業を進めたが、途中でおかしいことに気がついた。
「AndroidシステムのWebView」をアンインストールすると、WebSQLを利用したアプリのデータがすべて削除されるようだ。
ユーザーのデータを守るためには、バックアップの仕組みを充実させるか、WebSQLから「Cordova-sqlite-storage」プラグインを利用した仕組みに変更するしか方法がない。
なお、Monacaの場合、Cordovaプラグインの使用は有料Proプラン(21,600 円/年)以降となるので、無料Freeプランの方は注意が必要。
【Monaca】Onsen UI V2 + Angular JS V1 最新バージョンのプロジェクト作成方法
Monacaの「Onsen UI and Angular 1」のテンプレートは、Onsen UI V2のバージョンが古いため、Onsen UIの不具合と気がつかずに開発・検証を進め、必要以上の時間がかかる場合がある。
今回は、テンプレートを使用せずに、Onsen UI V2 + Angular JS V1 最新バージョンのプロジェクト作成方法を紹介する。
Continue reading
【Monaca】LINE・Twitterにメッセージを送信する
※Onsen UI V2.8.3 + Angular JS V1.6.6
[onsenui]・[js]フォルダにそれぞれ必要ファイルを配置すること。
事前にLINE・Twitterのアプリをインストールすること。
otak-lab
otak-lab
🕒️
I am developing an app.
Amazon Fire7(2017,第7世代) apkファイルのインストールボタンを有効にする方法 – How to fix – Install button not working
まずapkファイルをタップする。
Continue reading
Amazon Fire7(2017,第7世代)にGoogle Playストアを導入する方法
2020年版はこちら。
※2018/05/30 Fire OS 5.6.1.0 確認済み。
5,200円OFFのクーポンで購入したAmazon Fire7(2017)
をアプリ開発に使用するため、Google Playストアを導入した。その方法を紹介する。
※あらゆる問題が発生しても、すべて自己責任でお願いします。
 |
新品価格 |
【Monaca】ons-splitterのスワイプを制御する(Onsen UI v2)
※Onsen UI v2
ons-splitter-sideに設定したidを取得し、swipeableを取ったり付けたりして制御する。
|
1 2 3 4 5 6 |
var elem = document.getElementById("menu"); if (isSwipe) { elem.setAttribute("swipeable", ""); } else { elem.removeAttribute("swipeable"); } |