Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Whats's new in Android Studio at Google I/O extended in Fukuoka

867 views

Published on

Whats's new in Android Studio at Google I/O extended in Fukuoka

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Whats's new in Android Studio at Google I/O extended in Fukuoka

  1. 1. What’s new in Android Studio @ Google I/O Extended in Fukuoka
  2. 2. Proprietary + Confidential Masahiro Hidaka @mhidaka Insert Photo Yuki Anzai @yanzm
  3. 3. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem Android Studio 2.2 最新は Preview 4
  4. 4. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem アプリ開発が複雑化、効率的な開発環境が必要
  5. 5. Android Studio 2.2 Constraint Layout
 柔軟なレイアウトが可能に Instant Run
 デバッグの効率化 Testing Framework
 テスト、Firebase連携の充実
  6. 6. Proprietary + Confidential Constraint Layout
  7. 7. Text Constraint Layout RelativeLayoutの上位セット Layoutの入れ子を減らし、効 率的に作れる ライブラリ非依存、Android StudioによるUI Builder
  8. 8. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem なぜ新しいLayoutが必要? 90のスクリーンサイズ、30言語、縦横の組み合わせでレイアウトを設計す る必要がある Simple Complex LinearLayout RelativeLayout FrameLayout GridLayout TableLayout
  9. 9. Layout 
 Problems Android Layouts シンプルなレイアウトはわか りやすいが入れ子で使う レイアウトの入れ子はパフォー マンスに影響 複雑なレイアウトはメンテナンス が困難。プロの技となりやすい
  10. 10. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem Android Stuido Supports Constraint Layout
  11. 11. Text より柔軟なLayout 既存のLayout XMLは変換可能
 UI BuilderではXMLは機械的に生成 Android Studio 2.2 Previewよりサ ポート API Level 9までバックポート
  12. 12. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem Constraint Layout Android StudioのGUIから
 位置合わせ、コンポーネント間の関係を 定義できる
  13. 13. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem DEMO https://youtu.be/csaXml4xtN8?t=852 
  14. 14. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ConstraintLayout に関連するクラス android.support.constraint.ConstraintLayout android.support.constraint.Guideline android.support.constraint.solver.widgets.ConstraintWidget android.support.constraint.solver.widgets.Guideline
  15. 15. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ConstraintLayout の属性 : Absolute app:layout_editor_absoluteX="100dp"
 app:layout_editor_absoluteY="100dp"
  16. 16. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ConstraintLayout の属性 : Center app:layout_constraintCenterX_toCenterX="@id/view1"
 app:layout_constraintCenterY_toCenterY="@id/view1"
  17. 17. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ConstraintLayout の属性 : Vertical Position app:layout_constraintTop_toTopOf="@+id/view1"
 app:layout_constraintTop_toBottomOf="@+id/view1"
 app:layout_constraintBottom_toTopOf="@+id/view1"
 app:layout_constraintBottom_toBottomOf="@+id/view1"
 app:layout_constraintBaseline_toBaselineOf="@+id/view1"
  18. 18. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ConstraintLayout の属性 : Horizontal Position app:layout_constraintLeft_toLeftOf="@+id/view1" 
 app:layout_constraintLeft_toRightOf="@+id/view1" 
 app:layout_constraintRight_toLeftOf="@+id/view1" 
 app:layout_constraintRight_toRightOf="@+id/view1"
  19. 19. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ConstraintLayout の属性 : Horizontal Position app:layout_constraintStart_toStartOf="@id/view1" 
 app:layout_constraintStart_toEndOf="@id/view1" 
 app:layout_constraintEnd_toStartOf="@id/view1" 
 app:layout_constraintEnd_toEndOf="@id/view1"
  20. 20. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ConstraintLayout の属性 for Guildeline android:orientation=“vertical" app:relativeBegin="20dp"
 app:relativeEnd="20dp"
 app:relativePercent="13"
  21. 21. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ConstraintLayout の属性 : Bias app:layout_constraintHorizontal_bias="0.1"
 app:layout_constraintVertical_bias="0.2"
  22. 22. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ConstraintLayout の属性 : dimentionRatio app:layout_constraintDimensionRatio="16:9" <TextView
 android:layout_width="100dp"
 android:layout_height="0dp"
 android:background="#3300ffff"
 android:text="DimensionRatio(16:9)"
 app:layout_constraintBottom_toBottomOf="@+id/activity_main"
 app:layout_constraintDimensionRatio="16:9"
 app:layout_constraintTop_toTopOf="@+id/activity_main"
 app:layout_constraintVertical_bias="0.0" />
  23. 23. Proprietary + Confidential Instant Run & APK Analyzer
  24. 24. Instant
 Run アプリ開発を便利に 実行ファイルの一部を動的に 入れ替え、ビルド待ちを軽減 アプリケーション内にサーバーを用意、ソ ケット通信でクラスファイルを入れ替え Hot Swap, Warm Swap, Cold Swapの3種類がある
  25. 25. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem Instant Runの動作原理 変更したコードによって
 ・アプリを再起動する ・アクティビティを再起動する
 ・そのまま差し替えて動作
 が自動的に行われる
  26. 26. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem ベンチマーク https://www.youtube.com/watch?v=csaXml4xtN8  リソース変更時のリナ ンバリングを改善 APKのdexファイルを 細かく分割、10~11 ファイルのうち必要 なファイルだけ更新 する
  27. 27. APK
 Analyzer APK Analyzer APKで最も気にすべき要素は 「サイズ」ダウンロードサイ ズが大きいとユーザーはアプ リを使ってくれない APK AnalyzerはAPKの中身を 解析、どの部分がダイエット のボトルネックか確認できる
  28. 28. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem APK Analyzer
 DEMO
  29. 29. Proprietary + Confidential Testing Framework
  30. 30. Espresso
 Test Recorder UI Test Framework EspressoはUIテストのためのフ レームワーク テスト自動化を支援してソフトウェ アの品質を維持
  31. 31. Test Recorder Viewの操作を記録、画面 に表示している内容をテス トできる
  32. 32. Firebase Firebaseとの連携 Android StudioにPluginを追加 Firebaseの各種機能が使いやすく ・Analytics
 ・Cloud Messaging
 ・Authentication
 ・Realtime Database
 ・Test Lab 
 etc
  33. 33. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem Firebase Test Lab
  34. 34. エミュレータ 実機よりも高速に ADBも10倍転送がはやく 新しいUIとセンサー制御
  35. 35. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem 画像出典および参考文献 • What's new in Android development tools - https://www.youtube.com/watch? v=csaXml4xtN8 • Android Layouts: a new world - https://www.youtube.com/watch?v=sO9aX87hq9c
 Lean and Fast: Putting Your App on a Diet - https://www.youtube.com/watch? v=xctGIB81D2w • Instant Run: An Android Tool Time Deep Drive - https://www.youtube.com/watch? v=StqAZ1OQbqA
 https://android-developers.blogspot.jp/2016/05/android-studio-22-preview-new-ui.html • https://developer.android.com/studio/features.html
 https://firebase.google.com/docs/test-lab/
  36. 36. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem 画像出典および参考文献 • Latest Android Studio Canary Build https://sites.google.com/a/android.com/tools/ download/studio/canary/latest • Using Multiple Android Studio Versions http://tools.android.com/tips/using-multiple- android-studio-versions
  37. 37. Proprietary + Confidential Masahiro Hidaka Yuki Anzai @yanzm@mhidaka End

×