26
3分でわかる & TiGPUImageView 2013/03/08 MountPosition Inc.

Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

  • Upload
    -

  • View
    3.087

  • Download
    2

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

3分でわかる

&TiGPUImageView

2013/03/08MountPosition Inc.

Page 2: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

@hamasyou

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

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

• 主に Ruby、JavaScript を使います

2

Page 3: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

Kii Cloud

3

Page 4: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

4

Page 5: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

5

• http://kii.com/

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

• コンセプトはACSと同じ

• 主な利用サービス

Page 6: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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

6

できること

Page 7: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

SDK

• iOS(4.3以降)

• Android(2.3.3以降)

• JavaScript(Firefox, Chrome, Safari)

• RESTful API

7

Page 8: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

ACSとの違い

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

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

8

Page 9: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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

9

Page 10: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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

10

Page 11: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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

ご紹介します。

11

Page 12: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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

12

Page 13: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

TiGPUImageView

13

Page 14: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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

で公開されています

14

Page 15: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

15

Page 16: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

16

デモ

Page 17: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

17

Page 18: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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; }});

Page 19: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

19

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

Page 20: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

20

TIPS

Page 21: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

21

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

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

Page 22: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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

Page 23: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

23

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

原因

Page 24: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

対応

24

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

Page 25: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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);

// ...以下略...

Page 26: Titanium もくもく会第6回 Kii Cloud と TiGPUImageView

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

よろしくお願いします

26