What's new in Android Development ToolsYouTube↗  IA↗(long shot)
Science & Technology  22.1K views 500 likes 7 dislikes   10 Jun 2020
Android Developers 1.4M subscribers N/A YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
hi thanks for tuning into what's new and Android development tools at home
こんにちは Android開発ツール ホームエディションの最新情報を
edition I'm Jamal a product manager on the Android studio team and also joining
ご覧いただきありがとうございます Android Studioチームの プロダクトマネージャーのジャマルです
me today is tor together will walk you
今日はトーも参加してくれます
through a few updates on Android
一緒に Android開発ツールの
development tools first up I'll cover a quick update on the product roadmap and
アップデートについて ご説明します まず最初に私が製品ロードマップの 簡単なアップデートを説明し
then tour ago is a demo of some of the latest features in action and lastly
続いてトーが 最新の機能をデモでご紹介します
I'll wrap up with some additional feature updates ok let's take a look at
最後に追加機能の アップデートで締めくくります ではロードマップを見てみましょう
the roadmap at Google i/o last year we
昨年のGoogle I/Oでは
chatted with you about our deep investment into product quality in an
Project Marbleと呼ばれるイニシアチブで 製品品質にかなりの投資を
initiative we called Project Marble I am
行っているとお話しました
excited to say we still spend a
開発時間の かなりの部分を費やし
significant amount of our development time tracking and improving key quality
メモリ使用量 フリーズ タイピング遅延などの
metrics such as memory usage freezes and
主要な品質指標を追い
type in latency each week we compare the
改善を図っています
quality of each build using quality
毎週 品質ダッシュボードを使って 各ビルドの品質を比較し
dashboards and then further diagnose problems based on the data in addition
データを元に さらに問題点を診断しています
to quality metrics we have also ramped
品質メトリクスに加え
our bug triaging process in the past we
バグトリアージプロセスも強化しました
have not been as diligent in triaging all the incoming issues as quickly as we
以前は生じる問題すべてを 迅速にトリアージすることに
should have to this end we have a team
あまり熱心ではありませんでした
wide effort in recharging over 1,500 old
それでチーム全体で 1,500以上の古いバグを再調査し
bugs and now have a better filling process for new books all right
新しいバグの フィルタリングプロセスを改善しました
since Google i/o we released Android studio 3.6 during the android dev summit
Google I/O以来 Android Dev Summitのイベント中に
event this release included support for
Android Studio 3.6をリリースしました
view binding integrated Google Maps UI
このリリースでは ビューバインディングをサポートし
instead of the Android emulator a new
Androidエミュレータ内に Google Maps UIを統合し
leak detection tool and an update to the
新しいリーク検出ツールを追加し ユーザーエクスペリエンスをDesign Toolsに
user experience to the design tools and
アップデートしました
then today the beta launch show for
今日 Android 11用ベータのローンチショーで
Android 11 we are excited that we just launched Android studio 4.0 into the
数日前にAndroid Studio 4.0を 安定版リリースチャンネルにて
stable release channel just a couple
ローンチできたことを 嬉しく思います
days ago which features a new motion editor for creating animations a live
アニメーションを作成する 新しいモーションエディタ
layout inspector to aid in debugging your app you why they build analyzer
アプリのUIをデバッグする ライブレイアウトインスペクタ
which suggests Pro tips to improve build
ビルド速度を向上させる プロのヒントを提案するビルドアナライザ
speed and includes a big updates to the CPU profiler this
CPUプロファイラの 大幅なアップデートが含まれています
to appear these in action today
今日はそのうちの いくつかを紹介します
additionally we are excited to show you what we just made available in Android
さらに Android Studio 4.1のベータ版と
studio 4.1 and the beta release channel
Android Studio 4.2の
today and will be released in the early
アーリープレビューで公開したものを
preview of Android studio 4.2 in the canary channel with all these features
Canaryチャンネルで ご覧いただきます
that you will see today I'd like to
本日ご紹介する機能は すべて質の高い投資と
emphasize that we are striking a balance of quality investment with creating a
生産性を向上させる 豊富な機能セットの作成の
rich set of features to boost your
バランスが取れていることを
productivity we know that you rely on
強調したいと思います
Android studio day in and day out to
高品質なアプリを作るため
make hike all day ups and we want to
Android Studioを 日々利用されている方も多いと思いますが
strive to continue to make an der studio the best
今後もAndroid Studioが アプリ開発に最適なIDEになるよう
IDE for app development so to those who
努力していきます
send us feedback and opt in to share
フィードバックをお寄せいただいたり
quality metrics with us thanks it helps
品質指標を 共有してくださった方々に感謝します
us make the right product changes that matter to you the most okay before
皆さんにとって最も重要な 製品の変更を行うのに役立ちます
jumping into the demo I want to
さてデモの前に強調したい点として
highlight we also made update to our
当社ブランドの更新も行いました
brand the brand update is a visual cue
ブランドの更新は Android Studioが
that Android studio is a part of the opinionated suite of tools and ap is the
現代の相互開発を構成するツールや APIの意見のあるスイートの一部であることを
makeup modern Android development so
視覚的に示す 手掛かりとなっています
don't be surprised when your icons get this visual refresh all right on the
アイコンのビジュアルが 新しくなっても驚かないでください
demos I like to introduce tor to showcase some of the latest features in
ではデモに移ります Android Studioの 最新機能を紹介してくれる
Android studio hi everyone let's take a
トーをご紹介します
look at what we've been working on
(トー) 皆さん こんにちは 最近の取り組みをご紹介します
recently so let's start by looking at
まずSystraceから見ていきます
systrace this is a profiler which lets you analyze your app at the system level
これはシステムレベルで アプリを分析できるプロファイラです
for example to figure out why your UI is
例えばUIが 遅れている理由を把握できます
lagging so here I actually had two swipes I swipe here and I swipe here and
ここでは実際に2回スワイプしました こことここでスワイプしたのですが
the UI was stuttering in between so I
その間 UIが停滞していました
can swipe out a selection here to see a bit more about what's going on so you
ここでスワイプして選択範囲から外すと 生じていることをさらに見ることができます
can see here that we're actually displaying the vsync pulses that's when
ここでVSYNCの処理が 表示されているのがわかります
the system is basically refreshing the
これはシステムが 表示を更新しているときです
display and we're showing you the frame activity and there was nothing happening
フレームアクティビティを表示していますが ここでは何も起きていません
here we're actually highlighting that in red to show you that you're dropping frames
赤で強調表示しているのは フレームが落ちて
so your UI is no longer updating
UIの更新がスムーズに 行われていないことを示しています
smoothly so if we want we can actually take a look at what the CPUs are doing
CPUの動きを見たい場合 そうする事も可能ですが
but right now I'm interested in the
今は スレッドを見てみたいと思います
threads so we can see the render thread
レンダリングスレッドが表示され
and below that is our application main
その下にアプリケーションの メインスレッドが表示されています
thread and I'm going to swipe out a selection for the time period when the
UIが遅れた時間帯の選択を
UI was lagging when I've done that I can
スワイプアウトしてみます
press em to zoom in on just that area and now
これが終わったらMキーを押して その部分だけを拡大します
you can start to see the individual
これで個々の TraceEventの名前が表示されます
trace event names and when I click on for example this long inflate event you
例えばこの長い inflateイベントをクリックすると
can learn more details over in the summary panel on the right we list all
右側のサマリーパネルで 詳細を知ることができます
the events of that main sorted by
その名前のすべてのイベントを 期間でソートしてリストアップし
duration and you can also view the top-down/bottom-up or flame chart listing of the stack
イベントのスタックトレースの トップダウン ボトムアップまたは
trace for the event the system
フレームチャートの リストが表示されます
automatically traces a lot for us
システムは何もしなくても自動的に 多くのトレースをしてくれますが
without any work but we can also go in and add these trace tags ourselves so
自分でトレースタグを 追加することもできます
here you can see that I've added an
ここではフリーズが 発生しているフラグメントに
additional trace section in my fragment where the freeze is happening after
トレースセクションを 追加したことがわかります
recording another system trace I can
別のシステムトレースを記録した後 ドリルインして
drill in and confirm that that particular code section is the code that
その特定のコードセクションが フレームをドロップした際に
is running when we're dropping frames
実行されるコードだと 確認できます
and now if we look at the same region
もう一度 同じ領域を見てみると
again we can confirm that that particular code section is the code that
その特定のコードセクションが フレームをドロップする際に
is running when we're dropping frames
実行されている コードだと確認できます
and from there we can continue the
そこから 他のプロファイラーを使って
analysis with the other profilers and
分析を続けることができます
speaking of other profilers I want to quickly also show you that in studio 4.1
他のプロファイラについては Studio 4.1では
we've revamped our memory profiler so
メモリプロファイラが刷新されました
the UI should be clearer and easier to
UIがよりクリアで 使いやすくなり
work with now and we've added support for native memory profiling as well all
ネイティブメモリプロファイラーの サポートも追加しました
right so let's close the profilers and
プロファイラを閉じて
next let's take a look at our support for jetpack compose here's a composable
次はJetpack Composeの サポートを見てみましょう
which is the compose equivalent of a
これはビューや ウィジェットに相当する
view or widget this one is for a
コンポーズ可能なものです
calculator button when you make
電卓ボタンのものです
Impossibles you'll often also create
コンポーザブルを使う際
previews for your widget where you show
ウィジェットのプレビューを作成して
your widget with some sample data for
いくつかのサンプルデータを使って ウィジェットを表示します
example we have different colors for different types of calculator buttons so
例えば異なるタイプの電卓ボタンに 異なる色があるので
we can create another composable which
別のコンポーザブルを作成して
populates our widget with sample data
ウィジェットに サンプルデータを入力し
and if we annotate it with that preview
@Previewで アノテーションすると
then it shows up as a preview on the
右側にプレビューとして 表示されます
right this makes it easier to visually tweak your composable
コンポーザブルを視覚的に 調整するのが簡単になります
not only is it faster than running but you can show multiple previews to test
実行よりも速いだけでなく 複数のプレビューを表示して
your composer balls under different conditions so now we can take our
異なる条件で コンポーザブルをテストできます
calculator button and compose them into
電卓のボタンを 数字のパッドに
a digit pad and here we have a preview
合成できるようになりました
for that and then we can create another
これはそのプレビューです
composable for the calculators LCD screen and finally we can assemble this
電卓の液晶画面用に 別のコンポーザブルを作成できます
into a calculator as you can see we put
最後にこれを 電卓に組み立てられます
the LCD panel and digit pad into a
ご覧のようにLCDパネルと 数字パッドを1列にまとめて
column and turn that into a calculator composable right now we're seeing a
電卓用の コンポーザブルにしました
single preview for this calculator
今のところ この電卓のプレビューは1つですが
but note that I can also repeat the preview annotation multiple times and
プレビューのアノテーションを 複数回繰り返して
override various aspects of the
幅広い画面や大きなフォントなどの 外観のさまざまな要素の
appearance such as wide display or large
上書きもできます
fonts in here I can then see those previews and if I want to override
ここでそうしたプレビューを 見ることができます
something like the theme I can just add
テーマなどを上書きする場合
another preview composable so here I'm
コンポーザブルな プレビューを追加できます
showing a preview of the calculator
ここでは デフォルトとは異なるテーマで
under a different theme than the default
電卓のプレビューを表示しています
one this is material theme let's jump
マテリアルテーマです
into a different part of the app and
アプリの別の部分に移ります
here we're building a shopping cart for
ここでは店舗用の ショッピングカートを作っています
a store let's say I'm trying to use this shopping cart item composable and I'm a
このショッピングカートのアイテムを コンポーザブルで使いたいのですが
little unsure how to configure it look
設定方法が少しわかりません
what happens if I pull up the docks for this widget by ctrl J not only do I get
このウィジェットのコメントを CTRL+Jで開くとどうなるでしょう
documentation but a whole example of how
ドキュメントだけでなく 使い方の全体的な例
to use it and a rendering of what that
どう見えるかのレンダリングです
looks like so let me show you how easy that was to hook up if we go into that
いかに簡単に接続できたかを お見せします
composable you can see that all we had to do was use scotland's Kay duck tag at
コンポーザブルの中に入り KotlinのKDocタグをsampleを使って
sample and then point to the preview
プレビューのコンポーザブルを ポイントするだけでできました
composable that composable is yet another preview like you've already seen
このコンポーザブルも 既に見たようなプレビューです
and the code here and the preview render
ここのコードと プレビューの結果を組み合わせて
results are both combined to create the docs automatically sometimes code
自動的に ドキュメントを作成します
snippets and documentation are not
ドキュメントのコードスニペットが 最新の状態に保たれていないため
correct because they're not kept up to
正しくない場合もありますが
date but that won't be the case here since your sample code is compiled at
サンプルコードはアプリのコンパイルと 同時にコンパイルされ
the same time as your app is and if you
APIを変更した場合は
change your FB i--'s you've got to
サンプルコードを 更新しなければならないため
update your sample code to match another
ここでは 問題ありません
useful purpose for the previews to quickly navigate to the right code if I
プレビューのもう一つの便利な目的は 正しいコードに素早く移動することです
want to look at the code for this plus
このプラスボタンのコードを見たい場合
button I can just click on the button here in the preview and once I do that
プレビューで ボタンをクリックするだけです
the editor selects the corresponding
エディタは同じファイル内の
composable in the same file as you can
対応するコンポーザブルを選択します
see it's just selected a shopping cart
ご覧のようにショッピングカートの アイテムの行が選択されていますが
item role but if I double click I can
ダブルクリックすると
dive all the way into the compose
コンポーズ階層に移動でき
hierarchy and now we can see the compose code which handles the graphics for the
個々のボタンのグラフィックを処理する コンポーズコードを
individual button so single click
見ることができます
selects the closest composable in the
シングルクリックで同じファイル中の 最も近いコンポーザブルを選択し
same file and double-click jumps to the exact composable that you clicked on for
ダブルクリックでクリックした コンポーザブルにジャンプします
previews you can make a lot of copies of
プレビューについては プレビューの設定を何度もコピーして
your preview setup to show the data in a number of ways but that can be pretty
データを表示できますが 繰り返しになります
repetitive so we're also adding support
そこでプレビューに サンプルデータを入力できる
for data sources where you can feed sample data into the preview so take a
データソースの サポートも追加しています
look at this example here our preview
この例を見ましょう
takes a parameter in this case a color
ここではプレビューのパラメータとして 色を指定しています
and we marked it with a special
このサンプルデータプロバイダを指す
annotation which points to this sample data provider where we simply return a bunch of strings if you look at the
特別なアノテーションを付け 文字列が返ってきます
previews you can see that that's all we
プレビューから必要なのは これだけだと分かります
had to do it iterates through all the data and adds a preview for each item
すべてのデータを反復し 各項目のプレビューを追加します
and we're going to provide a bunch of
これを簡単にするために
built-in sample data to make this simple
組み込みサンプルデータを提供します
so for example this is a sample text
例えばこれは コンポーズツーリングライブラリの
generator in the compose tooling library which returns lorem ipsum sample text
サンプルテキストジェネレータで リプサムのサンプルテキストを返します
let's jump back to our calculator for a
電卓に戻ります
second in some cases you can even make
プレビューを視覚的だけでなく
your preview functional not just visual
機能的にもできます
notice that little finger icon above our
プレビューの上にある 小さな指のアイコンに注目してください
preview if I click on it that will turn on live preview mode now we try to run
クリックすると ライブプレビューモードになります
parts of your app on the fly within the
IDE内でアプリの一部を オンザフライで実行してみます
IDE let's see what happens with our
電卓がどうなるか見てみましょう
calculator so if I run some basic arithmetic like 3 times 8 it computes 24
3×8のような基本的な計算を実行すると 24と出ます
which means that we've correctly hooked up our calculator compose code and when
計算機に正しく接続した コードを作成したことをわかります
I'm done I'll press stop
終わったら ストップボタンを押します
so the preview is great for looking at
プレビューは様々な状況で ウィジェットを確認したり
your widgets under a number of scenarios and to even tweak some of the behavior
動作を微調整するのに最適です
but of course you'll want to really run
しかしアプリケーションを 実行したいでしょう
your application as well so let's do that I'm gonna hit run so this will run
では試しに 実行を押してみましょう
our app on the emulator as you can see
エミュレータ上で アプリが実行されます
now in studio 4.1 we have the emulator
ご覧のようにStudio 4.1では
embedded within the IDE and that makes
IDEにエミュレータが組み込まれています
it really easy to work with I don't have
これで作業がとても楽になりました
to juggle application windows to find it
見つけるのにアプリケーションウィンドウの 操作は不要です
and I can assign a keyboard shortcut to hide and show it so now it's installing
キーボードショートカットを割り当て 隠したり表示したりできます
the app notice by the way how quickly
今はアプリをインストールしています
the emulator booted that's because I'm
エミュレータの 起動の速さに注目してください
using emulator snapshots and we made
エミュレータの スナップショットを使っているからです
this much easier to access now so once I
アクセスしやすくなりました
have the emulator in the state that I
エミュレータが望む状態になったら
like it I click on the save snapshot
スナップショットを保存の ボタンをクリックし
button here I can name it and notice how
名前を付けます
I can also designate this as a snapshot
次回この仮想デバイスを再起動する際
that I'll boot from next time I restart this virtual device we've also added
起動時のスナップショットとして 指定できます
some basic options here for changing your boot options later and I'll just go
ここには後でブートオプションを変更する 基本的なオプションもいくつか追加したので
back to the one I configured before a
先ほど設定したものに 戻しておきます
couple more tips for the emulator first
エミュレータのヒントが いくつかあります
when you resize this window we scale the
まずこのウィンドウのサイズを変更すると エミュレータを調整しますが
emulator to fill it but if you want to zoom in further we have zooming controls
さらに拡大したい場合は 表面に
right here on the surface and if you
ズームコントロールがあります
don't need this or if it blocks your
不要だったり エミュレータをブロックしている場合は
emulator note that there's actually an option panel up here where you can hide
ここにオプションパネルがあるので
zoom controls and you can also go ahead
ズームコントロールを隠せます
and crop the device frames if you want
またできるだけ 画面の場所を取得したい場合は
to get as much screen real estate as
先に進んで デバイスのフレームをトリミングできます
possible but I happen to like the way
でもデバイスの フレームが気に入り
the device frames look and I have a large monitor so I'll put that back all
持っているモニターが大きいので 元に戻します
right so our app is up and running and we have a simple store up here backed by
アプリが稼働しています データベースにバックアップされた
a database and the next feature I want to show you is our new database inspector all I have to do is open it
シンプルなストアアプリがあります 次の機能は 新しいDatabase Inspectorです
from the bottom left corner and wait a
左下から開いて
couple of seconds studio will start
数秒待つだけです
talking to the app process and discover
Studioはアプリプロセスとの対話を開始し
the databases so this is an app which is
データベースを検出します
using the Android X room library so we
AndroidxのRoomライブラリを 使ったアプリなので
can see our room database tables here
ここにRoomのデータベーステーブルが 表示されています
and I can double click on the shopping cart table to open it up as you can see
ショッピングカートのテーブルを ダブルクリックして開きます
we have one item in there with quantity
数量2のアイテムが 1つあるのが見えます
two let's take a look at what happens when I go over in my app and increase
アプリから 量を3と4に増やすと
the quantity to three and four
どうなるか見てみましょう
nothing happens immediately but I can now click refresh on the table and now
すぐには何も起こりませんが 表の更新をクリックすると
you can see the correctly updated quantity value I don't even need to do
更新した数量の値が表示されます
this manually let's turn on live updates
手動で行う必要はなく ライブアップデートをオンにして
and when I've done that you can see that
行うと
when I interact with app the table
アプリと対話すると 表がすぐに
responds pretty much immediately we can
反応することがわかります
also push data in the other direction so
逆方向にデータをプッシュもできます
let me turn off live updates and now I'm
ライブアップデートをオフにして
going to go in and edit the color value
色の値を編集してみます
so I'll change it to also orange and look what happens once I change it the
"Oh So Orange "に変えたら どうなるか見てみます
product rendering in the shopping cart updates to match so we can push data
プロダクトレンダリングとそれに合わせて ショッピングカートが更新されます
back into the apps as well on the fly
その場でアプリに データを押し戻すこともできます
this is the corresponding source code so you can see that it's using room and we
これが対応するソースコードなので Roomを使用しており
have some sequel code here annotated on some data classes I can actually go
いくつかのデータクラスにアノテーションされた SQLコードがここにあります
ahead and run these sequel credits
これらのSQLクエリを エディタのガッターから
directly from the editor gutter so now I
直接実行できます
basically ran the query to empty out the
ショッピングカートを空にする クエリを実行したので
shopping cart and so it emptied out I
空になりました
can also run any sequel query that I
任意のSQLクエリも実行できます
want so I can go and type in or copy paste in my sequel query and when I run
このようにSQLクエリを入力したり コピー＆ペーストしたりして
the statement you can see that it
実行すると
inserts the data back into the database
データベースにデータが 挿入されているのがわかります
if I run it again we get the expected
もう一度実行すると IDがユニークではないので
error because the ID is not unique but
予想通りエラーが出ますが ユニークなIDを作成すれば
if I create a unique ID I can add multiple items into the database here so
ここで複数の項目を データベースに追加できます
that's the database inspector which is available in studio for point
Studio 4.1で使える Database Inspectorは以上です
another feature we've added recently is
最近追加したもう一つの機能は
improved support for machine learning
TensorFlow Liteでの機械学習モデルの バインディングのサポートの
model binding with tensorflow lite
改善です
so here's an app which performs object
ここにオブジェクト認識を行う アプリがありますが
recognition we made it really simple to wire up tensorflow models first you get
TensorFlowモデルのワイヤーアップが 非常に簡単になりました
your tensor flow lights model file for
まず例えば TensorFlow Liteのモデルファイルを
example from tensorflow org and then in
tensorflow.orgから入手します
studio you go and open up new other tensorflow light model in this panel you
スタジオで New > Other > TensorFlow Liteモデルで開きます
point to your downloaded file now I've
このパネルでは ダウンロードしたファイルを選びます
already done that in my project with a downloaded object detection model what
ダウンロードしたオブジェクト検出モデルで 私のプロジェクトで行いました
studio does is turn on model binding in your build.gradle file you can see that
Studioでbuild.gradleファイルの モデルバインディングを有効にします
here note by the way that this is a new
ここに表示されています
thing we've added in 4.0 we now have a
これは 4.0 で追加された新しい機能で
build features block where you can turn
今はbuildFeatures ブロックがあり
various features on or off if you don't
必要のない機能をオン
need them so for example if you don't
またはオフにできます
use buildconfig fields you can turn that
例えば buildConfig フィールドを 使わない場合
off there's no need to generate built-in
オフにできます
fit class when you're building the
ビルド時に buildConfigクラスの生成は不要です
second important thing the import wizard
インポートウィザードが行う 2つ目の重要な点は
does is create a new source set called
mlという 新しいソースセットの作成です
ml and it places a copy of your imported
インポートした TensorFlow Liteファイルのコピーを
tensorflow Lite file in that source set
そのソースセットに置きます
so if I click on this file to open even
バイナリデータですが
though it's binary data we have a
このファイルをクリックして開くと
special editor which shows the known
このモデルに関する既知のメタデータを 表示する特別なエディタがあります
metadata about this model and it also shows you the code that you should write
モデルの処理に書くコードも
to process the model so this is a
表示されます
running app over in the emulator we're
エミュレータで実行中のアプリです
using camera X and tensorflow to run
CameraXとTensorFlowを使って
live detection of objects in the camera
カメラのファインダー内の オブジェクトのライブ検出を
viewfinder and while the emulator has a
実行しています エミュレータは カメラにシーンを提示しますが
scene it presents to the camera it's hard to get a feel for how that
その検出の動作の仕方を 実感するのは難しいです
detection works I want to aim my camera around in my
部屋の中でカメラを向けたいので
room so for that we'll deploy to a real
実在のデバイスに展開します
device and a new feature we've added is
追加した新機能がwi-fiペアリングです
Wi-Fi pairing this is a new feature in Android 11 and we're still working on
Android 11の新機能で まだAndroid Studiosでのサポートに
support for it in Android studio so this is a bit of a sneak peak in our device
取り組んでいるところなので プレビューです
juicer where I normally select my
エミュレータの仮想デバイスを選択する デバイスユーザーには
emulator virtual devices there's a pair
"pair with Wi-Fi "という
with Wi-Fi option so I invoke that and
オプションがあります
there are a couple of options here and
これを起動すると いくつかのオプションがあります
one of them is to pair with a QR code so
その1つはQRコードと ペアリングできます
now I'll show you what I do on my phone
私の携帯電話で どうするかお見せします
I open up developer options I turn on Wi-Fi debugging and there's an option to
開発者オプションを開き Wi-Fiデバッグをオンにします
pair by QR code so then I just aim the
QRコードで ペアリングするオプションがあります
phone at Studio and after a few seconds
電話をスタジオに向けて 数秒後にペアリングして
it should pair and establish a
接続を確立します
connection and then now I can use it as
これでつながずに デバイスとして使えます
a device without a wire so I'm going
実行を押します
it just run here's the app it deploys
これがアプリで Wi-Fiですぐに展開します
quickly over Wi-Fi though if you have a good USB 3 cable that's still gonna be
優れたUSB3ケーブルがあれば その方がまだ早いです
faster but this is pretty convenient
でもとても便利です
especially because it doesn't take up
特にコンピュータの ポートを占有しないので
any ports on my computer and I've used all my ports to plug in some older
すべてのポートに 古い携帯電話を何台か接続し
phones to run tests on and that's
テストを実行しました
another feature I want to show you now
それがご覧いただく もう一つの機能の
parallel device testing so here's an app
パラレルデバイステストです
which has some instrumentation tests
いくつかの計測器テストを行うアプリです
once again we go to the device menu but this time we're gonna choose modify
再度Deviceメニューから 今回はModifiy Device Setを選択します
device segments so here I'm offered all
スタジオが知っているすべてのデバイス
the devices that Studios about my
接続されているデバイス
connected devices and available emulator virtual devices what happens next is
利用可能な エミュレータ仮想デバイスがあります
that once the binary is built we push it
次はどうなりますか？ バイナリがビルドされたら
to all the devices in parallel and as
それをすべてのデバイスに 並行してプッシュします
soon as the app is installed on a given
アプリが特定のデバイスに インストールされると
device the test starts running there and
すぐにテストが 実行を開始します
now you can see the results start to
結果が出てくるのがわかります
stream in we display these results in a
これらの結果は マトリックスで表示され
matrix such that it's easy to see what's going on and to drill into any failures
起きていることを簡単に確認でき 失敗を掘り下げられます
so here we have a test which is failing
このテストでは 一部のデバイスで失敗がありますが
on some but not all devices so I can
すべてでそうではありません
click and examine the test results for each failure ok let's cut that short and
クリックして各障害の テスト結果を調べます さてここまでにして
take a look at the visual design tools
ビジュアルデザインツールを 見てみましょう
so here I'm running last year's Google
昨年の Google I/Oアプリを実行していて
i/o app and I'll open up the layout
Lauout Inspectorを開きます
inspector so just like with a database inspector it'll automatically connect to
Database Inspectorと同じように
the app and pull down the view hierarchy after a few seconds so here you can see
アプリに自動的に接続し 数秒後にビュー階層をプルダウンします
the whole view hierarchy and this is
ここでは ビュー階層全体が見え
updated live like the database inspector
Database Inspectorと同様 エミュレータでアプリを使用する際
as I use the app in the emulator I can
ライブで更新されます
also turn on a 3d view of my view
ビュー階層の 3Dビューをオンにし
hierarchy and drag the display around to
ディスプレイをドラッグして ビューがどう結合されるか
get a sense of how the views all come
わかります
together and this also helps me be bug
オーバードローの デバッグにも役立ちます
overdraw so here I can see that I have
この緑のビューのように
some views that are completely hidden by views on top such as this green one and
上のビューで 完全に隠されているビューがありますが
that's unnecessary and we should get rid
不要なので除きます
of it next we can click on individual
次に個別のビューをクリックすると
views and when I do that I can see it selected in the outline where it sits in
アウトラインで選択され ビュー階層の中で
the view hierarchy with parents and children and so on and in the rendering
親子などと一緒にあるのがわかります
I can see the type of view I've selected
レンダリングでは選択したビューの 種類が表示されます
so let's say I wonder why this text is
試作したこのテキストが 黒ではなく
blue instead of black which I attempted to make it
青な理由を 考えましょう
for that we'll use the property sheet on
右のプロパティシートを使います
the right by the way we've recently
最近は ピクセルではなくdpsで
added the ability to show you the dimensions in dips and set of pixels but
寸法を表示する機能が 追加されましたが
you can switch back to pixels if that's
ウィンドウの設定で
what you prefer in the Windows settings
ピクセルに戻せます
so now I'm looking for a color instead of scrolling through all these I can
色を探す際 スクロールして探すのではなく
just search and then I quickly see it
検索するだけで 色が見えます
here's the great part I can see that the
優れた点として
color is blue and I can see my attempt
色が青で 黒にしようとしたことが
to make the color black we're showing
わかります
here that there was a better match in
スタイルの ルックアップの優先順位で
style lookup priority order and I can
より良い一致があったことが 示されています
drill into the exact resource resolution
正確なリソース解像度チェーンを ドリルで掘り下げて
chain to see exactly where the color is
色がどこから来ているかを 正確に確認できます
coming from so this brings some of the functionality of the chrome dev tools to
Chrome Dev Tools の機能の一部が Androidのビュー階層で
the Android view hierarchy next let's
利用できるようになりました
take a look at the layout editor one of
次はレイアウトエディタを見てみます
the really nice things we have in the
レイアウトエディタの 優れた点として
ladder is support for tools attributes
デザイナーにいる間に 任意の属性を上書きできる
which lets you override certain attributes while you're in the designer
ツール属性をサポートしていることです
so here for example in this layout we're showing the navigation menu but that
例えばこのレイアウトでは ナビゲーションメニューを表示しています
means I can't see the content area below
しかしその下の コンテンツエリアは見えません
it we've recently added this little button a wrench icon for temporarily
最近ツールの属性を 一時的にオフにする
turning off all the tools attributes
小さなボタンレンチの アイコンを追加しました
when I do that here I can see the content pane below it that works because
それを行うと その下のコンテンツペインが表示されます
we're turning off the tools attribute
ツール属性をオフにしているので
which switches to drawer on the second
ドロワーをオンにできます
thing we've added is an ability to hide
2番目に アウトラインから便利なように
and show views conveniently right from
ビューの非表示/表示の機能を 追加しました
the outline like layers in graphics
グラフィックプログラムの レイヤーなどです
programs that's what the second column
2列目はそうした機能です
is for so for example for this app bar I can decide to hide it until run time
例えばこのアプリバーで 実行時まで非表示にするか
either as invisible where it takes up
スペースを取る非表示にするか スペースを取らないようにするか
space or gone where it doesn't I can
決められます
also just do this for tools attributes
ツール属性でもできます
the third thing I want to show you is
3つ目は
our support for accessibility validation
アクセシビリティの 検証サポートです
and this feature is still in development
開発中の機能です
so here's a layout where I've made a number of mistakes on purpose for
これはアクセシビリティで 意図的に何度も間違えている
accessibility in the past we've flagged
レイアウトです
some warnings we could tell by just
過去にはXMLを見ただけでわかる警告
looking at the XML for example failing to set a description on image tags but
例えば画像タグの説明文の設定で 失敗した際などフラグを立てていました
now we're running the Android
しかし今は レンダリングされたビュー階層上で
accessibility scanner on the rendered
Androidアクセシビリティスキャナを 実行しています
view hierarchy that makes it possible to flag things that we can't determine just
これにより静的解析だけでは 判断できないものに
by static analysis for example it can
フラグを立てられます
flag whether there isn't enough contrast
例えばテキストと その上の背景との間に
between the text and the background that it's painted on top of here's another
十分なコントラストがないかどうかを フラグを立てられます
app I'm working on I'm gonna build a
これは私が取り組んでいる 別のアプリです
photo carousel where I can drag through
画像をドラッグして移動できる
a number of images we've recently added
フォトカルーセルを作っています
this transforms panel on the right which
最近右側に このトランスフォームパネルを追加したので
makes it easy to visualize what's happening with
トランスフォームで何が起こっているかを 簡単に可視化できます
transforms so for example image on the
例えば右の画像と左の画像は
right and image on the left are rotated
少し回転しています
slightly and I can of course go and make some crazy edits myself by the way pro
もちろん自分で編集も可能です
tip if you double click on the slider
ここでプロのヒント： このスライダーをダブルクリックすると
you can quickly reset it to zero the
すぐにゼロに戻せます
next thing I'll do is migrate this
次にこのレイアウトを アニメーション化するため
layout from a constraint layout to emotionally out in order to animate it
ストレートレイアウトから モーョンレイアウトに移行します
so I'll just right click and invoke
右クリックして convert to motion layoutを実行すると
convert to motion layout and this also creates a scene file with two states start and end all I need to do now is to
開始と終了の2つの状態を持つ シーンファイルが作成されます
choose an image and the end state and
あとは画像と終了状態を選択し
change my seam to the way I want them to
シーンを 見たいように変更するだけです
look so I can for example go and add
これで例えば 回転を追加できます
some rotation and then I can play this transition you can see it's now playing
この移行を再生できます
through the animation by rotating the
画像を回転させて アニメーションを
image we've also recently added this
再生しています
transition editor so you can tweak the
最近この トランジションエディタも追加し
curve servi interpolators there's a lot
インターポレータのカーブを 微調整できます
more functionality here and just to show
他にも多くの機能があり 何が可能かを示すため
what's possible let me jump to the completed state of this layout so here
このレイアウトの 完成した状態に移ります
you can see that we have created a
ここでは異なる状態を作成し
number of different states and we've defined the transitions between them and
遷移を定義したことがわかります
I can hit play in the design surface to
デザインサーフェスで 再生を押して表示し
view them and I can go in and change the constraints the transformations and
中に入って制約 変換
transitions and if we run the app in the
遷移を変更できます
emulator we can then verify that the
エミュレータでアプリを実行すると タッチハンドラが予測通り
touch handlers are working as expected
動作しているのが確認できます
as well so here we've coordinated the exact motion as you drag from one image
ここでは1つの画像から次へ ドラッグする際の正確な動きが調整されます
to the next and I didn't have to write
動きを調整するため タッチハンドラや
touch handlers or complicated code to
複雑なコードは不要です
coordinate the motion I can keep tweaking that visually in the tools for
ツールで視覚的に 微調整できます
example let's see what happens if I
例えば この回転を調整すると
tweak this rotation of the next image
次の画像がどうなるか見てみましょう
let's invoke apply changes notice how
Apply Changesを呼び出します
fast that change made it to the running
変更が実行中のアプリに 非常に速く反映されました
app we made a number of improvements to
Apply Changes機能に 多くの改善がなされました
our apply changes feature there's special support in Android 11 both to
Android 11では 特別にサポートされ
have faster application installs during
開発中のアプリケーションの インストールを高速化し
development as well as allowing more
メソッドや 静的フィールドの追加など
structural changes to your app while running such as adding methods and Static fields but you might still think
実行中のアプリの 構造的な変更が行えます
that that build look faster than you're
しかしそのビルドが以前よりも 速く思えるかもしれません
used to and if so you'd be right because
その通りです
in addition to the improvements to entered eleven and our deployment
Android 11と デプロイメントパイプラインの改善に加えて
pipeline I've turned on to experimental
2つの実験的なGradleの機能
Gradle features native file Watchers and Gradle instant execution let me invoke
ネイティブファイルウォッチャーと Gradleのインスタント実行をオンにしたからです
build again command f9 notice how it
もう一度Command+F9で ビルドを起動します
finished immediately that's because it
すぐに終了しました
now doesn't need to look at the file
ファイルシステムを見なくても
system to know that nothing
何も変わっていないのがわかるからです
changed you can see that in the output
このアウトプットでわかります
here it's monitoring the file system with operating system support and the
OSのサポートで ファイルシステムを監視しています
second thing is that it's cached the
第二にタスクグラフ全体を キャッシュしているので
whole task graph so it doesn't need to
何も計算がいりません
compute anything so if I go and change just one file and it build you can see
1つのファイルを変更して ビルドを実行すると
that it gets very quickly to the point
迅速にファイルが コンパイルされるのがわかります
and it compiles the file it doesn't run through a huge number of up-to-date
膨大な数の最新チェックは行われません
checks and Jamal will tell you more about this feature after my demo notice
デモの後 ジャマルが この機能を詳しくご説明します
how at the end of the build we put a link to the build analyzer that's to
ビルドの最後に ビルドアナライザーへのリンクを貼っています
help bring awareness that we now have a
ビルドのボトルネックを 解決するのに
feature to help figure out build bottlenecks we've discovered that in
役立つ機能があることを 知ってもらうためです
many cases the recent built are slower
最近のビルドは
than they need to be is because there
非常に遅い場合が多いのです
are slow third party plugins or you have
それは遅いサードパーティ製 プラグインや
non incremental annotation processors
非インクリメンタルな アノテーションプロセッサなどのせいです
and so on so even if we were to make the Android Gradle plug-in twice as fast
Android Gradleプラグインを 2倍速にしても
that won't meaningfully speed up your build if 80% of the time is spent in a
80%の時間が 別のタスクに費やされていては
different task so every time you build
ビルドのスピードを意味深く 上げることはできません
in the IDE with ADP 4.0 or later we
ADB 4.0以降のIDEでビルドするたびに
collect some low overhead data to be able to analyze the build so here's a
ビルドを分析できるよう オーバーヘッドの低いデータを収集しています
more interesting project that I've built
事前にビルドした さらに興味深いプロジェクトをご紹介します
in advance in studio 4.1 we've reworked the UI significantly based on user
Studio 4.1ではユーザーからの フィードバックやテストに基づいて
feedback and testing you can take a look
UIを大幅に作り直しています
at the tasks which are on the critical
遅いタスクと並行して動いているものを
path because there's no point optimising
最適化しても意味がないので
something which is running in parallel
クリティカルパス上にある タスクを見てみましょう
with a slower task you're not gonna make the overall build shorter you can also
全体的なビルドは 短くなりません
break it down by plugins instead of by tasks we also provide warnings for
タスクごとではなく プラグインごとに分解できます
specific problems that we know about so
特定の問題が発生した場合に 警告を出すようにしています
here we have tasks that are always run even when the inputs don't change that's
入力が変化しなくてもタスクが行われ
obviously bad for incremental build
インクリメンタルなビルドの時間に 悪影響を及ぼします
times another problem that it's pinpointing is miss configuring tasks
指摘されている別の問題は この出力フォルダの共有のようなタスクを
such that they share an output folder
誤って設定することです
because if you do that Gradle will not
Gradleはタスクを
be able to run the tasks incrementally
インクリメンタルに 実行できなくなるからです
and the last problem it's showing us is
最後の問題は
that when you're using annotation
アノテーションプロセッサを 使用する際
processors you'll want to make sure that
インクリメンタルだと 確認する場合です
those are incremental a lot of the most commonly used ones in Android are but
Android Rで よく使われていますが
only if you've updated two recent
最近のバージョンに アップデートした場合に限ります
versions in short if you're interested
ビルドの高速化に 興味があるなら
in making your builds faster you'll definitely want to use to build analyzer
ビルドアナライザーを使って
to analyze your builds and now let's do
ビルドを分析する方が 良いということです
a quick lightning round of a few other
他の機能も手短に見てみます
features to look for we've added editor support for dependency injection both
daggerと新しい Androidx Hiltライブラリの両方で
for dagger and our new Android X hilt
依存性注入の エディタサポータを追加し
library and this makes it easy to navigate between providers and receivers
プロバイダと受信機の間を 簡単にナビゲートできます
we've also revamped our support for
完全なエラー検証で シュリンクファイルを編集する
editing shrinking files with full air validation
サポートも刷新しました
so here for example I can see that I've
例えばここでは Android Xに移行した後に
forgotten to update my old rules after migrating to Android X we also have
古いルールを更新するのを 忘れていたことがわかります
support for court library to sugaring so
コアライブラリの desugaringにも対応しています
when you turn that on you can for
オンにすると
example use Java at a time in your apps
例えばjava.timeが含まれていない 古いAPIレベルのアプリでも
on older API levels that didn't include
java.timeを使えます
it if you look at the bytecode you can
バイトコードを見ると
see that we've rewritten references to
java timeへの参照を ローカルバンドルライブラリへの参照で
Java time with references to a locally bundled library we have also added
書き換えています
support for Kotlin Gradle script not
またエディタだけでなく IDE全体で
just in the editor but across the IDE if
Kotlin Gradleスクリプトの サポートを追加しました
I for example open up the product
例えばログを取った 製品構造を開くと
structure dialog then I get suggestions
KTSプロジェクトの提案が表示され
for my kts project and when I hit apply we can sync the updated build model back
Applyを押すと 更新されたビルドモデルを
to the build files correctly and last
ビルドファイルに 正しく同期できます
but not least we've rebased
最後にAndroid Studio 4.1を
and restitutive 4.1 on top of IntelliJ IDEA 2021 which brings with it a huge
IntelliJ IDEA 2020.1の上にリベースしました
number of new features across the entire
これによりIDE全体の 膨大な数の新機能が追加され
ID as well as quality and performance
品質とパフォーマンスが向上しました
improvements well I think that's gonna
私のデモは以上です
do it for my demo so thank you for your time and back to you Jamal well thanks
お時間に感謝します ジャマルと交代します
tour so that exciting demo hopefully
ありがとう トー 今回のデモでは より生産的にするために
highlights the end to end range of features that we are invested in to make
当社が投資している機能の エンド・ツー・エンドの範囲を強調しています
you more productive from designing debugging to performance profiling
デザインからデバッグ パフォーマンスのプロファイリングに至ります
before we close I want to highlight a
最後に
few additional updates to the Android
Android ビルドシステムの 追加アップデートを
build system an Android studio 4.1 you can now try out Gradle configuration
いくつかご紹介します Android Studio 4.1では Gradle用の仮想ファイルシステム
caching a new file launcher in a virtual file system for Gradle these features
新しいファイルウォッチャーそして Gradle Configuration Cachingを試せます
combined provide a dramatic boost to
これらの機能を組み合わせることで
your app bills of course results can
アプリのビルドが劇的に向上します 結果は特定のプロジェクトの
vary based on your particular project
セットアップにより変化しますが
setup but benchmarks on the Google Santa tracker app that you can find on github
GitHubにあるGoogle Santa trackerアプリの ベンチマークでは
show almost a 60 percent decrease in incremental build time when you use
こうした機能を併用すると インクリメンタルビルド時間が
these features together most of the work
60%近く短縮されます
is done on the Android Gradle plug-in
作業の大半はAndroid Gradleの プラグイン側で行っています
side but other build plugins also need updates before we can turn this on by
しかしデフォルトでこれを有効にするには 他のビルドプラグインの更新も必要です
default so please try out this preview
今日はこのプレビュー機能を試し
feature today and provide feedback
フィードバックをお送りください
lastly for build we are previewing new
最後にビルドについてですが Android Studio 4.1の新しい
Android Gradle plugin AP is an Android studio 4.1 unlike previous versions the
Android GradleプラグインAPIを プレビューしています
new Android Gradle plugin ApS will have
以前のバージョンとは異なり 新しいAndroid GradleプラグインのAPIは
a clear separation between
公開APIと内部実装を
public API and internal implementation
明確に分離しており
plus will have an official documentation as well the API is our work in progress
公式ドキュメントも用意されています
but we will add more over the next
APIは現在進行形ですが 今後の数回のリリースで
several releases secondly the new API is
さらに追加していく予定です 第二に新しいAPIは 機能のアップグレードや
will be maintainable for feature upgrades and internal system improvements without breaking your
内部システムの改善のために パブリックな統合ポイントを壊すことなく
public integration points
メンテナンスが可能になります
finally is dynamic and compatible with configuration caching by allowing you to
最後にバージョンコードのような競合を タスクに移動できるので
move any competition like version code to tasks alright that was a lot but the
動的でコンフィギュレーションキャッシングとの 互換性が生まれます たくさんの点を扱いました
Android studio team and I are excited to
しかしAndroid Studioチームと私は
roll up this range of new features the
この範囲の新機能の展開を 嬉しく思っています
features that Torn I showed you today
トーと私が今日 ご紹介した機能は
can be found in either the latest stable version of Android studio for promo
Android Studio 4.0の 最新の安定版に搭載されています
while many of the jetpack compose features can be found on the canary
Jetpack Compose 機能の多くは Android Studio 4.2 で
channel with Android studio 4.2 thanks
Canary チャンネルを 見つけることができます
for joining us today to hear the latest
本日はAndroid開発ツールの 最新情報をご覧いただき
on Android development tools if you want
感謝します
to try out the features you saw in Android studio 4.1 or 4.2 you can
Android Studio 4.1や4.2で見た 機能を試してみたい方は
download the latest previews of the
Android Studioの最新プレビューを
Android studio the top links shown and
ダウンロードしてください
parallel you can also download the
並行してAndroid Studioの 最新の安定版も
latest stable version of Android studio as well as long as you keep your app
ダウンロードできます
project on a stable Gradle plugin
アプリプロジェクトを安定版の Gradleプラグインバージョンにしておけば
version you can easily download and trial features in both these stable and
Android Studioの安定版と Canaryチャンネルの両方の機能を
canary channels of Android studio
簡単にダウンロードして 試すことができます
ok on behalf the Android studio team
Android Studioチームを代表して
thanks again for watching and please
ご視聴に感謝します
keep an eye out for more deep drive
今後の数週間で Android Developer ツールに関する
content about Android developer tools in the upcoming weeks ahead [Music]
掘り下げたコンテンツを ご紹介するのでご期待ください
Similar videos:

Google I/O 2015 - What's New in Android Development Tools
Google for Developers
59.5K views 425 likes 18 dislikes 28 May 201567% match

What's new in Android development tools (Google I/O '18)
Android Developers
39.3K views 605 likes 11 dislikes 08 May 201867% match

Testing app compatibility with Android Studio
Android Developers
13K views 307 likes 11 dislikes 06 Jul 202044% match

#Android11 Beta - tools and frameworks
Android Developers
16.5K views 350 likes 4 dislikes 10 Jun 202042% match

Android development on Chrome OS
Android Developers
22.1K views 449 likes 26 dislikes 12 Aug 202041% match

Android 11 Compatibility week preview
Android Developers
694.9K views 163 likes -1 dislikes 05 Jul 202038% match

What's new in Android Jetpack
Android Developers
42.5K views 1.3K likes 27 dislikes 10 Jun 202038% match

Android Developer Tools week preview
Android Developers
947.6K views 161 likes -1 dislikes 27 Jul 202038% match

What's new in System UI
Android Developers
48.5K views 1.5K likes 30 dislikes 10 Jun 202037% match

Now in Android: 13 - Android 11 preview, Android Studio 3.6 stable & 4.0 beta, material motion guide
Android Developers
24.7K views 650 likes 45 dislikes 05 Mar 202036% match

What's new in Media
Android Developers
7.2K views 207 likes 13 dislikes 20 Aug 202036% match

State of Kotlin on Android
Android Developers
33.5K views 796 likes 19 dislikes 10 Jun 202035% match

Languages week preview
Android Developers
1M views 126 likes -1 dislikes 13 Jul 202035% match

Android Jetpack week preview
Android Developers
924K views 202 likes -1 dislikes 19 Jul 202034% match

Android Performance Tuner deep dive
Android Developers
4.8K views 100 likes 5 dislikes 18 Aug 202033% match

Android 2018 Highlights
Android Developers
121.7K views 2.5K likes 134 dislikes 24 Dec 201833% match

What’s new in Android Studio 3.3
Android Developers
78.8K views 1.7K likes 36 dislikes 14 Jan 201933% match

Android Beyond Phones: Auto/Wear/TV/ChromeOS week preview
Android Developers
5.6K views 141 likes 7 dislikes 09 Aug 202033% match

Now in Android: 02 - AndroidX releases, Android Studio 3.6 & 4.0 previews, Kotlin typealias
Android Developers
30.9K views 899 likes 31 dislikes 31 Jan 202033% match

Games, Media, and 5G: #11WeeksOfAndroid
Android Developers
9.9K views 120 likes 13 dislikes 17 Aug 202032% match

Testing platform changes in Android 11
Android Developers
8.2K views 238 likes 5 dislikes 06 Jul 202030% match

Frictionless subscriptions
Android Developers
2.9K views 61 likes 3 dislikes 10 Aug 202030% match

Introduction to Android Studio
Android Developers
133.2K views 283 likes 15 dislikes 22 Dec 202030% match

Platform stability and the Android release timeline
Android Developers
7.7K views 163 likes 5 dislikes 08 Jul 202030% match

UI week preview
Android Developers
7.4K views 197 likes 6 dislikes 24 Aug 202030% match

What's new in Android Studio 4.0
Android Developers
148.9K views 3.3K likes 76 dislikes 28 May 202029% match

Now in Android: 23 - Android 11 Beta 3, 11 Weeks of Android, Fragments, Kotlin 1.4, and more!
Android Developers
7.8K views 261 likes 8 dislikes 20 Aug 202029% match

What’s new in Android Studio 3.1
Android Developers
121.1K views 1.9K likes 43 dislikes 26 Mar 201829% match

What’s new on Android TV
Android Developers
41.7K views 318 likes 45 dislikes 10 Aug 202029% match

Thinking in Compose
Android Developers
42.2K views 1.2K likes 29 dislikes 26 Aug 202029% match


Settings Privacy About Contact Donate