titanium もくもく会第6回 kii cloud と tigpuimageview

Post on 05-Dec-2014

3.087 Views

Category:

Technology

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

Titanium もくもく会 第6回のLT資料 Kii Cloud の紹介と TiGPUImageView の紹介。

TRANSCRIPT

3分でわかる

&TiGPUImageView

2013/03/08MountPosition Inc.

@hamasyou

• 株式会社 マウントポジション

• スマホアプリ開発&Webサービス開発

• 主に Ruby、JavaScript を使います

2

Kii Cloud

3

4

5

• http://kii.com/

• モバイルアプリのためのクラウド

• コンセプトはACSと同じ

• 主な利用サービス

• ユーザ管理• データ保存(テキストもバイナリも)• 広告配信• 行動分析• プッシュ通知• etc...

6

できること

SDK

• iOS(4.3以降)

• Android(2.3.3以降)

• JavaScript(Firefox, Chrome, Safari)

• RESTful API

7

ACSとの違い

• アジア圏のモバイルコミュニティがバックエンドサポートについている

• つまり、もしかしたらそのうちガラケーにも対応しちゃったりするかも!?

8

大人の都合でご紹介させていただきましたm(_ _)m

9

これだけだと、ただの宣伝なので

10

ImageViewに画像フィルタをGPUを使って処理することができるモジュールを

ご紹介します。

11

ほんとうは、Ti3.1でリリース予定のLive Editingを先取りしようと思ったのですが探しても見つからなかったので。。。

12

TiGPUImageView

13

GitHubのhttps://github.com/bongole/TiGPUImageView

で公開されています

14

15

16

デモ

17

18

var GI = require('com.bongole.ti.gpuimage');var img = GI.createGPUImageView({ image: 'demo.jpg' });win.add(img);buttonbar.addEventListener('click', function(e) { switch (e.index) { case 0: img.filter = GI.SEPIA_FILTER; break; case 1: img.filter = GI.MONOCHROME_FILTER; break; case 2: img.filter = GI.GRAYSCALE_FILTER; break; default: img.filter = null; }});

19

TiGPUImageViewの紹介は終わりです。最後に Titanium のTIPS(?)を紹介します。

20

TIPS

21

モジュールで組み込みモジュールを拡張しているような場合、

実機転送時に次のエラーが出ることがある

22

[ERROR] : ** BUILD FAILED **[ERROR] : The following build commands failed:[ERROR] : Ld build/Debug-iphoneos/... normal armv7[ERROR] : (1 failure)

Undefined symbols for architecture armv7: "_OBJC_METACLASS_$_TiUIImageViewProxy", referenced from:

log

Xcode

23

Titaniumがリリースビルド時に参照されていない組み込みモジュールへのリンクを行わないという最適化を行っているため、今回のような組み込み元のTi.UI.ImageViewが直接でてこないような場合にエラーが起こる

原因

対応

24

ソース中で参照していることを明示してしまう

25

// 組み込みモジュールへのダミー参照を作るif (false) { Ti.UI.createImageView({ image: 'demo.jpg' });}

var GI = require('com.bongole.ti.gpuimage');var img = GI.createGPUImageView({ image: 'demo.jpg' });win.add(img);

// ...以下略...

ご清聴ありがとうございました!

よろしくお願いします

26

top related