Day1 Keynote in DroidKaigi 2016

Transcript

1. OSSの動向を捉えた実装方針 wasabeef DroidKaigi 2016

2. About me Daichi Furiya wasabeef @wasabeef_jp CyberAgent, Inc.

3. OSSの動向を捉えた実装方針?

4. Research

5. GitHub/trending Android Weekly Android Arsenal Twitter Research

6. Introduction

7. Languages

8. Kotlin Java • RetroLambda • Lightweight-Stream-API • ThreeTen Android Languages

9. Kotlin by JetBrains

10. Kotlin 1.0 Java連携 …more Kotlin

11. RetroLambda by Esko Luontola

12. Lambda Method Reference RetroLambda view.setOnClickListener(v -> { finish(); }); view.setOnClickListener(this::something);

13. Lightweight-Stream-API by Victor Melnik

14. Stream API Lightweight-Stream-API Stream.of(lines) .map(str -> str.split(t)) .filter(arr -> arr.length

    == 2) .map(arr -> new Word(arr[0], arr[1])) .collect(Collectors.toList());

15. Optional Lightweight-Stream-API Optional.ofNullable(getSupportActionBar()) .ifPresent(ab -> { ab.setDisplayHomeAsUpEnabled(true); ab.setHomeButtonEnabled(true); }); Optional.ofNullable(i.getStringExtra(EXTRA_URI))

    .map(Uri::parse) .orElse(null);

16. ThreeTen Android by Jake Wharton

17. JSR-310 ThreeTen Android // Now LocalDateTime.now(); // 2016.2.18 10:30:40 LocalDateTime.of(2016,

    2, 18, 10, 30, 40); // +1 truncated second LocalDateTime.now() .plusHours(1).truncatedTo(ChronoUnit.HOURS); // Epoch LocalDateTime.now() .toInstant(ZoneOffset.UTC).toEpochMilli();

18. Views

19. Support Library Android-ObservableScrollView Calligraphy florent37/ViewAnimator View

20. Support Library by Google

21. View (RecyclerView...etc ) RenderScript MultiDex Annotations Support Library

22. Sample... Support Library compile 'com.android.support:support-v4:+' compile 'com.android.support:appcompat-v7:+' compile 'com.android.support:design:+' compile

    'com.android.support:recyclerview-v7:+' compile 'com.android.support:cardview-v7:+' compile 'com.android.support:support-annotations:+' compile ‘com.android.support:percent:+'

23. Android ObservableScrollView by ksoichiro

24. ScrollView , ListView, RecyclerViewなどのスクロー ル制御を監視 Android-ObservableScrollView https://github.com/ksoichiro/Android-ObservableScrollView

25. Calligraphy by Christopher Jenkins

26. Calligraphy アプリ全体にFont適用 xmlでもjavaでも可 簡単 https://github.com/chrisjenx/Calligraphy

27. CalligraphyConfig Calligraphy CalligraphyConfig.initDefault(new CalligraphyConfig.Builder() .setDefaultFontPath("fonts/mplus-2p-regular.ttf") .setFontAttrId(R.attr.fontPath) .build();

28. ViewAnimator by Florent CHAMPIGNY

29. ViewAnimator AnimatorSet animSet = new AnimatorSet(); animSet.playTogether( ObjectAnimator.ofFloat(image, View.TRANSLATION_Y, -1000,0),

    ObjectAnimator.ofFloat(image, View.ALPHA, 0,1), ObjectAnimator.ofFloat(text, View.TRANSLATION_X, -200,0) ); animSet.setInterpolator(new DescelerateInterpolator()); animSet.setDuration(2000); animSet.addListener(new AnimatorListenerAdapter() { @Override public void onAnimationEnd(Animator animation) { AnimatorSet anim = new AnimatorSet(); anim.playTogether( ObjectAnimator.ofFloat(image, View.SCALE_X, 1f, 0.5f, 1f), ObjectAnimator.ofFloat(image, View.SCALE_Y, 1f, 0.5f, 1f) ); anim.setInterpolator(new AccelerateInterpolator()); anim.setDuration(1000); anim.start(); } }); animSet.start();

30. ViewAnimator ViewAnimator .animate(image) .translationY(-1000, 0) .alpha(0, 1) .andAnimate(text) .dp().translationX(-200, 0)

    .descelerate() .duration(2000) .thenAnimate(image) .scale(1f, 0.5f, 1f) .accelerate() .duration(1000) .start();

31. DataBinding

32. Android Data Binding by Google

33. xmlとjavaのBinding Annotation Processing たまにビルドエラーが出る.. Android Data Binding

34. Android Data Binding <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id=“@+id/user_name“

    android:layout_width="wrap_content" android:layout_height="wrap_content"/> <ImageView android:id=“@+id/user_thumbnail“ android:layout_width="160dp" android:layout_height="120dp"/> </LinearLayout>

35. Android Data Binding <layout xmlns:android="http://schemas.android.com/apk/res/android"> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView

    android:id=“@+id/user_name“ android:layout_width="wrap_content" android:layout_height="wrap_content"/> <ImageView android:id=“@+id/user_thumbnail“ android:layout_width="160dp" android:layout_height="120dp"/> </LinearLayout> </layout>

36. Android Data Binding <layout xmlns:android="http://schemas.android.com/apk/res/android"> <data name="MainBinding"> <variable name="user" type="com.example.User"/>

    </data> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id=“@+id/user_name“ android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{user.name}" android:textColor="@{user.isWomen? @color/pink : @color:blue}"/> <ImageView android:id=“@+id/user_thumbnail“ android:layout_width="160dp" android:layout_height="120dp" bind:imageUrl="@{user.thumbnail}"/> </LinearLayout> </layout>

37. Custom Setters Android Data Binding public final class ImageBindingAdapters {

    @BindingAdapter({ "bind:image" }) public static void loadImage(ImageView view, String url) { Glide.with(view.getContext().getApplicationContext()) .load(url) .into(view); } } <ImageView android:layout_width="160dp" android:layout_height="120dp" bind:imageUrl="@{user.thumbnail}"/>

38. DataBindingUtil Android Data Binding @Override protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState); MainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); binding.userName.setOnClickListener(v -> ...); } <layout xmlns:android="http://schemas.android.com/apk/res/android"> <data name="MainBinding"> <variable name="user" type="com.example.User"/> </data> <!-- ... -- </layout>

39. Networking

40. (Volley) Retrofit + OkHttp Networking

41. Retrofit+OkHttp by Square

42. REST RxJava support Pluggable client Converters(Gson, Wire...) Retrofit+OkHttp

43. Retrofit Retrofit retrofit = new Retrofit.Builder() .client(okHttpClient) .baseUrl("https://api.github.com") .addConverterFactory(GsonConverterFactory.create()) .addCallAdapterFactory(RxJavaCallAdapterFactory.create())

    .build(); GitHubService service = retrofit.create(GitHubService.class); service.repos("wasabeef") .subscribe(repo -> { // ... }, e -> { Timber.w(e); }); public interface GitHubService { @GET(/users/{user}/repos) Observable<List<Repo>> repos(@Path(user) String user); }

44. JSON & ProtoBuf

45. (Gson) (Jackson) (Moshi) Wire Serialisations

46. Wire by Square

47. Protocol Buffers okioを利用 Server/Clientで定義を共通化 Webからは扱いづらい Wire

48. Wire syntax = "proto3"; package helloworld; message HelloRequest { string

    name = 1; } message HelloReply { string message = 1; } hello.proto

49. Wire Build # java -jar wire-compiler-2.0.1-jar-with-dependencies.jar \ —proto_path=. \ —java_out=.

    hello.proto Writing helloworld.HelloRequest to . Writing helloworld.HelloReply to .

50. Parcelables

51. (android-parcelable-intellij-plugin) Parceler (Auto-Value-Parcel) Icepick Parcelables

52. Parceler by John Ericksen

53. Annotation Processing AutoValue Parceler

54. Parceler @Parcel public class User { public String name; public

    String thumbnail; User() { } } // Wrap Bundle bundle = new Bundle(); bundle.putParcelable("user", Parcels.wrap(user)); // Unwrap User user = Parcels.unwrap(getIntent().getParcelableExtra("user"));

55. Icepick by Frankie Sardo

56. Simple Icepick public class MainActivity extends Activity { @State String

    name; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Icepick.restoreInstanceState(this, savedInstanceState); } @Override public void onSaveInstanceState(Bundle outState) { super.onSaveInstanceState(outState); Icepick.saveInstanceState(this, outState); } }

57. Image Loaders

58. (Universal Image Loader) Picasso Glide Fresco Image Loaders

59. Picasso by Square

60. Simple Cache Transformations Debug Picasso

61. Simple Picasso Picasso.with(context) .load(“http://i.imgur.com/DvpvklR.png”) .setIndicatorsEnabled(true) .into(imageView);

62. Glide by Google (unofficial)

63. Glide Bitmap Pool Gif support Thumbnail Animation support Transformations

64. Simple Glide Glide.with(context) .load(“http://i.imgur.com/DvpvklR.png”) .crossFade() .thumbnail(.1f) .into(imageView);

65. Picasso? Glide?

66. Picasso? Glide? http://inthecheesefactory.com/blog/get-to-know-glide-recommended-by-google/en

67. Picasso? Glide? http://inthecheesefactory.com/blog/get-to-know-glide-recommended-by-google/en

68. Picasso? Glide? http://inthecheesefactory.com/blog/get-to-know-glide-recommended-by-google/en Library's size

69. Picasso? Glide? http://inthecheesefactory.com/blog/get-to-know-glide-recommended-by-google/en Method Count

70. Fresco by Facebook

71. Fresco Ashmem heap View Gif support Animation

72. Fresco

73. Fresco <com.facebook.drawee.view.SimpleDraweeView android:id="@+id/my_image_view" android:layout_width="20dp" android:layout_height="20dp" fresco:fadeDuration="300" fresco:actualImageScaleType="focusCrop" fresco:placeholderImage="@color/wait_color" fresco:placeholderImageScaleType="fitCenter" fresco:failureImage="@drawable/error"

    fresco:failureImageScaleType="centerInside" fresco:retryImage="@drawable/retrying" fresco:retryImageScaleType="centerCrop" fresco:progressBarImage="@drawable/progress_bar" fresco:progressBarImageScaleType="centerInside" fresco:progressBarAutoRotateInterval="1000" fresco:backgroundImage="@color/blue" fresco:overlayImage="@drawable/watermark" fresco:pressedStateOverlayImage="@color/red" fresco:roundAsCircle="false" fresco:roundedCornerRadius="1dp" fresco:roundTopLeft="true" fresco:roundTopRight="false" fresco:roundBottomLeft="false" fresco:roundBottomRight="true" fresco:roundWithOverlayColor="@color/corner_color" fresco:roundingBorderWidth="2dp" fresco:roundingBorderColor="@color/border_color" />

74. Effects

75. Blurry Android StackBlur GPUImage for Android Picasso/Glide Transformations Effects

76. Blurry by Wasabeef

77. Blurry Blur RenderScript DownSampling

78. Android StackBlur by Enrique López Mañas

79. Blur RenderScript NDK Android StackBlur

80. Android StackBlur https://github.com/kikoso/android-stackblur

81. Android StackBlur https://github.com/kikoso/android-stackblur

82. GPUImage for Android by CyberAgent

83. GPUImage OpenGL ES 70 Filters Tone Curve

84. Picasso/Glide Transformations by Wasabeef

85. Transformations Picasso, Glide, Fresco Crop Blur Color Filter GPU Filter

86. DI

87. (AndroidAnnotations) (Square/Dagger) Google/Dagger Butter Knife DI

88. Dagger2 by Google

89. Annotation Processing テスト・メンテナンス Dagger2

90. Butter Knife by Jake Wharton

91. View Injection Butter Knife public class MainActivity extends Activity {

    @Bind(R.id.user_name) TextView userName; @Bind(R.id.user_thumbnail) ImageView thumbnail; @BindString(R.string.title) String title; @BindDrawable(R.drawable.graphic) Drawable graphic; @BindColor(R.color.red) int red; @BindDimen(R.dimen.spacer) float spacer; }

92. OnClick, OnTextChange, OnFocusChange...etc Butter Knife @OnClick(R.id.user_name) public void click(View view)

    { // ... } @OnClick({ R.id.user_name, R.id.user_thumbnail }) public void click(View door) { // ... }

93. FRP

94. RxJava RxAndroid (RxBinding) (RxLifecycle) FRP

95. RxJava by Netflix

96. 非同期、リスト操作が簡単 Retrolambdaがあると良い　 Leakが怖い Retrofitと併用 RxJava

97. Sample RxJava Observable.just("Google", "Apple", "MicroSoft") .map(String::toUpperCase) .subscribe(name -> { Timber.d("OnNext

    " + name); }, throwable -> { Timber.d("OnError"); });

98. Sample RxJava Observable.just("Google", "Apple", "MicroSoft") .map(String::toUpperCase) .subscribe(name -> { Timber.d("OnNext

    " + name); }, throwable -> { Timber.d("OnError"); });

99. lift compose rxjava-extras (by Dave Moten) RxJava

100. RxAndroid by RxAndroid authors

101. Scheduler RxAndroid

102. Main Thread RxAndroid Observable.just("one", "two", "three", "four", "five") .subscribeOn(Schedulers.newThread()) .observeOn(AndroidSchedulers.mainThread())

     .subscribe(/* an Observer */); final Handler handler = new Handler(); Observable.just("one", "two", "three", "four", "five") .subscribeOn(Schedulers.newThread()) .observeOn(HandlerScheduler.from(handler)) .subscribe(/* an Observer */) Arbitrary Thread

103. DB/ORM

104. (ActiveAndroid) Realm (SQLBrite) Android Orma DB/ORM

105. Realm by Realm

106. Not SQLite RxJava? Thread間の制約 Realm

107. Android Orma by gfx

108. SQLite Annotation Processing RxJava Semi-automatic migration Android Orma

109. Event Buses

110. Otto EventBus (RxJava) Event Buses

111. Otto by Square

112. Deprecated! Square @Produceが少し便利 Otto

113. EventBus by greenrobot

114. EventBus EventBus3 Threading Support Annotation Processing

115. Debugging

116. Timber Hugo Debugging Stetho Leak Canary Takt Crashlytics

117. Timber by Jake Wharton

118. Logger Timber.Treeを継承して追加する ことで、出力先を自由に変えれる Timber if (BuildConfig.DEBUG) { Timber.plant(new Timber.DebugTree()); }

     else { Timber.plant(new CrashReportingTree()); }

119. Hugo by Jake Wharton

120. AnnotationでMethod Callsを Loggingできる Hugo @DebugLog public String getName(String first, String

     last) { return first + " " + last; } V/Example: ⇢ getName(first="Daichi", last="Furiya") V/Example: ⇠ getName [0ms] = “Daichi Furiya"

121. Stetho by Facebook

122. Chrome Developer Toolsを利 用して、Network、Dataの状 況の把握 Stetho-Realm (by uPhyca) Stetho

123. Stetho

124. Stetho

125. Stetho

126. Leak Canary by Square

127. メモリリークを検出 Leak Canary

128. Takt by Wasabeef

129. FPSを表示 Takt

130. Crashlytics by Twitter

131. クラッシュの検出 リアルタイム分析 NDKサポート Crashlytics

132. Crashlytics

133. Others

134. Multi-Dex ProGuard Others

135. MultiDex by Google

136. メソッド数の65k制限 最近は安定してきた MultiDex

137. Android Methods Count MultiDex https://plugins.jetbrains.com/plugin/8076

138. ProGuard by GuardSquare

139. ソースコードの難読化 未使用なリソースの削除 難しい ProGuard

140. ProGuard 15M sample-production.apk Total methods count: 99,280 (multidex enabled) 13M

     sample-production-proguard.apk Total methods count: 54,977 Proguard あり Proguard なし

141. Conclusion

142. Thank you. twitter.com/wasabeef_jp wasabeef.jp github.com/wasabeef