月: 2018年7月

Panasonic メンズシェーバーラムダッシュ ES-LA54のバッテリーを交換する

長年愛用してきたラムダッシュES-LA54のバッテリーを交換してみた。
※あらゆる問題が発生しても、すべて自己責任でお願いします。

ラムダッシュ ES-LA54 商品概要 | メンズシェーバー（電動・電気シェーバー） | Pa...

https://panasonic.jp/shaver/p-db/ES-LA54.html

ラムダッシュ:ES-LA54●深剃りにこだわる、ラムダッシュテクノロジー。●ヒゲを鋭く剃る、パナソニック独自の「30°鋭角ナノエッジ刃」●世界最高速で刃をリニアモーター駆動●ヒゲを根元からとらえる「フィニッシュ刃」●アゴ下のヒゲまでしっかりとらえる「密着トレースヘッド」●肌に潜んだヒゲまで剃る「絞り出しソニック」

まず、品番：ESLA50L2507NまたはESLV9ZL2507というリチウムイオンバッテリーをAmazonまたは楽天などで入手する。
Continue reading

シンプル検品 Ver.1.0.0をリリースしました。

本日、シンプル検品 Ver.1.0.0をリリースしました。
Playストアよりダウンロードできます。

Continue reading

Bluetooth シンプル検品バーコード入荷出荷棚卸

【Monaca】JavaScript + Onsen UI V2 選択したデータを前画面に渡す

約2年前に書いた【Monaca】Onsen UI 選択したデータを前画面に渡す記事のJavaScript + Onsen UI V2版。(AngularJS未使用版)

otak-lab

2016.08.06

【Monaca】Onsen UI 選択したデータを前画面に渡す

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

JavaScript + Onsen UI V2版はこちら。※Onsen UI + AngularJSを使用。ons-navigatorのpushPage()、popPage()を利用すれば、次画面に進み、前画面に戻ることが実現できる。しかし、次画面で選択したデータを前画面に渡す方法は記載がない。$rootScope.$broadcast()を利用して親コントローラ(page1Controller)にデータを渡し、$scope.$on()で受け取ればよい。Page1で「ここをタップ」をタップし、Page2で「1000」をタップすると、Page1に戻り「1000」と表示される。 <!DOCTYPE HTML><html><head> <meta charset...

Page1で「ここをタップ」をタップし、Page2で「100000」をタップすると、Page1に戻り「100000」と表示される。

問題は選択したデータを前画面に渡す方法。
やり方はいろいろあるが、もっとも簡単な方法はグローバル変数に選択したデータを保存する方法。
下記コードでは、独自のsetParamメソッドでグローバル変数に選択したデータを保存し、popPageメソッドで前画面に戻り、その途中で発生するons-navigatorのprepopイベントで選択したデータに書き換えている。
Continue reading

Cordova JavaScript Monaca Onsen UI

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

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

riot.js.org

Riot.js — シンプルでエレガントなコンポーネントベースの UI ライブラリ · Riot.j...

https://riot.js.org/ja/

Riot.jsでは、簡単で楽しい構文を使ってカスタムタグを使ったユーザーインターフェイスを構築できます。

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

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

AngularJS Cordova Monaca Onsen UI Riot.js