キャンセルします！処理を / Cancels the process!

Slide 1

Slide 1 text

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

3つのhubシリーズ - 私たちの「⽣活」における全てに価値提供を「暮らし」は、もっと便利にできる働き⽅に、⾃由とパワーを⼈⽣は、感動的だ⼈⽣すべてのシーンで体験性を向上させることを⽬指し、⼈⽣における体験をHome（暮らし）、Workspace（働く）、Experience（⾮⽇常）と3つの領域に分けて設計。「⾮⽇常体験」⾃分の「好き」に没頭しようその体験は、もっと特別な時間に「仕事∕働く」あらゆる「働く空間」とそこで「働く⼈や業務」をつなぎ、仕事をもっと快適に「暮らし」あなたの暮らしは、テクノロジーで変わる住宅の⽇常は、より便利な体験へ

Slide 4

Slide 4 text

ソフトウェアの領域を超えてリアルとデジタルの「分断」を解消する「分断」は、リアルでもデジタル上でも存在します。だからこそ、私たちはソフトウェアの領域にはとまりません。ハードウェアも同時に開発‧共創することで、デジタルで解決されていないリアルの体験も含めて、シームレスな体験を実現します。

Slide 5

Slide 5 text

Copyright © Bitkey Inc. All rights reserved. 津島雅俊 Masatoshi Tsushima 2004 ソフトウェア開発との出会い Webサイトや携帯アプリを作って遊んでいました 2018秋 Bitkeyに参画当初はbitkey platformの開発を担当主にGoでサーバサイドを開発 2019秋ファームウェアチームを立ち上げ bitlock LITEのファームウェアを内製化現在に続く開発スタイルを構築 2020夏第二世代ロックデバイスの開発内製を前提としたファームウェア開発 2021春リリース 2022夏 Individual contributor (?) Android/iOS/Flutter、デバイスQA用アプリ、社内仕様の標準化、Makeﬁle職人、CIおじさん

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Copyright © Bitkey Inc. All rights reserved. 例1: Timer のキャンセル Callback を使う場合 void main() async { final t = Timer(Duration(seconds: 2), () { print("It's time!"); }); await Future.delayed(Duration(seconds: 1)); t.cancel(); }

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Copyright © Bitkey Inc. All rights reserved. 例2: async/await とキャンセル協調性のある delayed 関数を作る Future delayed(Completer cancel, Duration duration) async { final c = Completer(); final t = Timer(duration, c.complete); try { await Future.any([c.future, cancel.future]); } finally { t.cancel(); } } Timer と cancel の早い方

Slide 22

Slide 22 text

Copyright © Bitkey Inc. All rights reserved. 例2: async/await とキャンセル void main() async { final cancel = Completer(); printAfter2s(cancel); await Future.delayed( Duration(seconds: 1)); cancel.completeError( Exception('キャンセル')); } void printAfter2s(cancel) async { await delayed( cancel, Duration(seconds: 2)); print("It's time!"); } 協調性のある delayed を使う

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Copyright © Bitkey Inc. All rights reserved. Kotlin の　Job val job = launch { try { doSomething() } catch (e: Exception) { if (e !is CancellationException) throw e // TODO: Handle exception } } job.cancel()

Slide 29

Slide 29 text

Copyright © Bitkey Inc. All rights reserved. Swift vs Kotlin vs Dart 非同期処理の比較 Swift Kotlin Dart 関数のキーワード async suspend async 呼び出しのキーワード await （不要） await Callback からの移行 withChecked[Throwi ng]Continuation suspend[Cancellabl e]Coroutine Future 繰り返し AsyncIterator Flow Stream キャンセルの単位 Task Job CancelToken* * 自作 or Third-party を利用

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Copyright © Bitkey Inc. All rights reserved. MethodChannel のおさらい ● ネイティブの関数を呼び出す仕組み ● バイナリデータの送受信 ○ 基本は StandardMessageCodec で変換直接バイナリに（シリアライズ化）できないオブジェクトはどうする？ Future, CancelToken, Job (Kotlin), Task (Swift)

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Copyright © Bitkey Inc. All rights reserved. Await: ID に対応した Job を待つ Start Await Cancel val jobs: Map try { jobs[id].join() result.success() } catch (e: Exception) { result.error(e) } await awaitFoo(id);

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Copyright © Bitkey Inc. All rights reserved. 3 つの Platform Method を 1 つにして提供する Future foo(CancelToken token) async { final id = await startFoo(); await token.run( awaitFoo(id), onCancel: () => cancelFoo(id), ); } ● 開始 ● キャンセルを登録 ● 待つ

Slide 39

Slide 39 text

Slide 40

Slide 40 text

Copyright © Bitkey Inc. All rights reserved. StatefulWidget との組み合わせ final token = CancelToken(); void initState() { super.initState(); future = runSomething(); } void dispose() { token.cancel(); super.dispose(); } FutureBuilder( future: future, builder: (context, snapshot) { return ... }, ),

Slide 41

Slide 41 text

Copyright © Bitkey Inc. All rights reserved. Riverpod との組み合わせ final myProvider = FutureProvider.autoDispose((ref) async { final token = CancelToken(); ref.onDispose(() => token.cancel()); final response = await dio.get('path', cancelToken: token); // リクエストが成功したらステートを維持する ref.keepAlive(); return response; });

Slide 42

Slide 42 text

Copyright © Bitkey Inc. All rights reserved. ところで：レビューで確認したいポイント final myProvider = FutureProvider.autoDispose((ref) async { final token = CancelToken(); ref.onDispose(() => token.cancel()); final response = await dio.get('path', cancelToken: token); // リクエストが成功したらステートを維持する ref.keepAlive(); return response; }); ここでキャンセルが発動したら何が起こる…？

Slide 43

Slide 43 text

Slide 44

Slide 44 text

Copyright © Bitkey Inc. All rights reserved. トークンの受け渡しでインタフェースを変えたくない final token = CancelToken(); runZoned(() { runSomething(); }, zoneValues: { #cancelToken: token, }); Future runSomething() { final token = Zone.current[#cancelToken] as CancelToken; final response = await dio.get( 'path', cancelToken: token, ); }

Slide 45

Slide 45 text

Slide 46

Slide 46 text

Copyright © Bitkey Inc. All rights reserved. まとめ: 協調的キャンセル呼び出し側からのキャンセルに応じて、呼び出された側が処理を安全に切り上げるパターン ● Swift/Kotlin ↔ Flutter ○ Start/Wait/Cancel に分けて Method Channel にする ○ Dart では Cancel Token を作って管理しよう ● 「やっぱりやめる」選択肢 ○ 不要な処理を切り上げて、エコなモバイルアプリを

Slide 47

Slide 47 text