Rab-Duck Software blog: 10月 2014

2014年10月21日火曜日

Life/Biorhythm Logger (LB Logger) の v1.4 をリリース

今回のバージョンアップで

ログ一覧をインクリメンタルサーチする機能を追加

バグ修正

という修正を行いました。

１点目について、このブログでより詳細を書きます。

次の画像のように、ログ一覧の上に検索文字列を指定する領域が追加され、そこに入力した文字列でログの絞り込みを出来るようになりました。

入力する文字列は任意の文字列で、日付・種類・メモ部分のどこでも良いので文字列が一致したもので絞り込むことが出来ます。
メモ部分に特定のキーワードを（タグ的に）入れるなどしておけば、後で一気に抽出することなども可能です。

このように新しい振り返り方ができるようになりましたので、ぜひ活用してみて下さい。

2014年10月15日水曜日

Life/Biorhythm Logger (LB Logger) の v1.3 をリリース

今回のバージョンアップで

メニュー → エクスポート（メール）、メニュー → 一括エクスポート (SD) コマンドの追加
ログデータを CSV 形式でエクスポートできます。
SD への出力のため、権限でストレージ書き込みが必要となりました。
グラフ描画の処理を最適化

という修正を行いました。

１点目について、このブログでより詳細を書きます。

次の画像のようにメニューに「エクスポート（メール）」「一括エクスポート (SD)」というコマンドを追加しました。

どちらのコマンドもログを CSV 形式でエクスポートすることが出来ます。

メールへの出力の場合、次の画像のように連携したメール送信画面からログを送信することができます。
この際、エクスポートされるのは現在開いているログ画面（生活／バイオリズムのどちらか）のものとなります。

SD への出力の場合、次の画像のようにファイルを出力したフォルダが表示されます。
このフォルダ配下に、生活・バイオリズムそれぞれの単位で一括してファイルに出力されます。

他のアプリ・パソコンなどでデータを参照する際などに利用して下さい。

2014年10月10日金曜日

Life/Biorhythm Logger (LB Logger) の v1.2 をリリース

今回のバージョンアップで

"メニュー → 過去ログ削除（指定日以前）" コマンドを追加：指定した日以前のログを一括削除する機能
画面デザインや語句の見直し

という修正を行いました。

１点目について、このブログでより詳細を書きます。

次の画像のようにメニューに「過去ログ削除（指定日以前）」というコマンドを追加しました。

このコマンドを実行すると次の画像のように

日付を指定する画面が出てきます。

「削除」ボタンを押すと、この画面で指定した日付以前のログを一気に削除することが出来ます
削除対象となるログは現在開いているログ（生活 or バイオリズム）だけとなります。
もう一方の方は削除されません

ログの量が増えてきて、以前のものが必要なくなった際などに利用して下さい。

2014年10月4日土曜日

Titanium Tips: Titanium で図形描画、WebView の利用

Titanium の開発で図形描画の解決方法として、デザインの統一性さえゆるせば WebView ＋Javascript の描画ライブラリを使うという方法があります。
実際、私のアプリケーションではグラフを描くのに、WebView と Flot: Attractive JavaScript plotting for jQuery を組み合わせて実現しました。

公式の Using Local Web Content with WebView にあるように WebView は local な HTML/javascript などを読み込み可能です。
例えば、Alloy の View 側で app/assets/etc/local.html を読み込むには次のように

<Window title="hogehoge">
<WebView id="webview" url="/etc/local.html"></WebView>
</Window>

という指定になります。

local.html 側では

<head>
<title>Local HTML</title>
<link rel="stylesheet" type="text/css" href="local.css"/>
<script src="local.js"></script>
</head>

と書くと local.html と同階層＝app/assets/etc 配下の local.css, local.js を読み込み、利用することが出来ます。

（もちろん、local.html 内でも Javascript を記述可能）

また、local な Javascript の利点として次の２点があります。

You can use Titanium.App.addEventListener and Titanium.App.fireEvent to receive and send application-level events.
Events can be logged using the Titanium.API logging methods.
（ Titanium.UI.WebView の Local Scripts より引用）

特に、Ti.App.fireEvent() と Ti.App.addEventListener() を使うことで、Titanium 側の通常の Javascript のコードと WebView内の Javascript とで相互に通信が出来るのは、必須とも言える機能です。詳しい説明やサンプルは公式の Communication Between WebViews and Titanium を参照してみて下さい。

注意点としては、javascript を script タグなどで静的に読み込みしてしていなくて、生成した HTML で読み込むようなケース。
そのような場合には

For local JavaScript files not referenced in static local HTML files, for example, a dynamically-genereated HTML file referencing a local JavaScript file, rename the file extension of the local JavaScript files to '.jslocal' instead of '.js'.

とあるように拡張子を .js → .jslocal に変える必要があるようです。

2014年10月3日金曜日

Titanium Tips: Alloy のモジュール間での汎用的なデータのやりとり方法

前回のTitanium Tips: Alloy での部品化でソースを分割する方法をまとめましたが、今回はそれぞれに依存しないようなパーツ間でのデータのやり取り方法の（自分用）まとめ。

選択方法としては

Alloy.Globalsなど
Ti.App によるユーザ定義のイベント通信

から選べそうです。

（他にもありそうですが、私自身は見つけられていない…）

ただ、どちらもグローバルにリソースを食うことになるので、使いすぎやメモリリークには注意しましょう。

1. Alloy.Globalsなど

公式の Alloy クラスをみれば分かりますが、次のような全 controller からアクセス可能なデータ格納用オブジェクトが用意されています。

（一部は controller 以外からのアクセス方法もあり）

Globals: 任意の変数・関数をプロパティとして格納可能
CFG: app/config.json で定義した Key/Value 値
Collections: Collection用
Models: Model用

Globals, CFG は特に使いやすいと思われます。

2. Ti.App によるユーザ定義のイベント通信

公式の Application-Level Events に

App-level events are global to your app. They are accessible in all contexts, functional scopes, CommonJS modules, and so forth.

とあるように Ti.App.addEventListener() で定義したカスタムイベントは Ti.App.fireEvent() でコンテキストを超えて呼び出し可能です。
WebView を扱う際には必須ともいえる方法です → Communication Between WebViews and Titanium

removeEventListener() で登録解除できますが、引数に add した際の関数を渡す必要があるので、無名関数の場合には関数の参照を保存しておく必要があるので注意して下さい。

登録時
var listener = function() { Ti.API.info("Event listener called."); }
window.addEventListener('click', listener);
↓
解除時
window.removeEventListener('click', listener);

また、上記の WebView での例ではイベント名に "app:fromTitanium" のように "app:" という prefix をつけて、名前衝突が起こるのを推奨しています（もちろん必須ではありません）。