Jetpack Compose Academy · レッスン

エミュレーターで最初のアプリを実行する

ビルドして起動し、画面にHello Worldを表示します。

レッスン 4/413 ステップ

「エミュレーターで最初のアプリを実行する」はCoddyKit上の無料Jetpack Compose Academyレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJetpack Compose Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Jetpack Compose Academyコースには全4レッスンが含まれています。

実行して確認する

Composableを書いたら、次は実行してみましょう。数分で、Android Studio内の仮想スマートフォンにHello Worldが表示されます。🚀

setContentでUIを接続する

ComposeアプリはすべてMainActivityから始まり、setContentによってComposableツリーを画面に接続します。AndroidとComposeをつなぐ橋渡しです。

setContent {
    Greeting("World")
}

実行対象を選ぶ

ツールバーで、実行するデバイスを選択します。エミュレーターでも、接続したスマートフォンでも構いません。Android Studioには利用可能なすべての対象がドロップダウンに表示されます。

緑色のRunボタンを押す

緑色のRun矢印(またはShift+F10)を押してください。Android Studioがアプリをビルドしてデバイスにインストールし、自動的に起動します。

GradleがAPKをビルドする

内部ではGradleがコードをコンパイルし、インストール可能なアプリにまとめています。初回のビルドには時間がかかりますが、2回目以降は大幅に速くなります。

Hello Worldが表示される

エミュレーターが起動し、アプリがインストールされると、画面にGreetingが表示されます。このテキストはComposable関数から直接出力されたものです。🎉

プレビューと実際の実行

@Previewペインを使うと、インストールせずにUIをすばやく確認できます。デバイスで実行する場合は、完全なインタラクティブ性と実際の動作を確認できます。

@Preview
@Composable
fun GreetingPreview() {
    Greeting("World")
}

編集して再実行する

テキストを変更してもう一度Runを押すと、アプリが更新されます。この短い編集と実行のサイクルによって、実際の画面をすばやく改善できます。

Logcatを確認する

画面下部のLogcatには、実行中のアプリのログが表示されます。何かがおかしいときは、まずここで手がかりを探します。

初回のビルドは遅く感じる

初回の起動に時間がかかっても心配ありません。Gradleがライブラリをダウンロードしてキャッシュしているためです。2回目以降はキャッシュを再利用するので、すぐに起動します。

いつでも停止して再起動する

赤いStopボタンでアプリを停止し、もう一度Runを押して再起動できます。ビルドとテストのサイクルを完全に自分で管理できます。

クイックチェック

Composableを画面に接続するものを確認しましょう。

まとめ:最初のアプリ

できました!setContentでUIを接続し、Runでビルドとインストールを行うと、Hello Worldが表示されました。これからは編集、再実行、Logcatの確認を行いながら開発できます。

無料で開始

AI チューターと学ぶ Kotlin — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
30
レッスン
120

よくある質問

「エミュレーターで最初のアプリを実行する」レッスンは無料ですか?

はい。「エミュレーターで最初のアプリを実行する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Jetpack Compose Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Jetpack Compose Academyコースには全4レッスンが含まれています。

「エミュレーターで最初のアプリを実行する」で何を学びますか?

ビルドして起動し、画面にHello Worldを表示します。 ブラウザで直接実行するハンズオンコードでJetpack Compose Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Jetpack Compose Academyを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのJetpack Compose Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。

「エミュレーターで最初のアプリを実行する」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJetpack Compose Academyレッスンでコードを書いて実行できますか?

はい。すべてのJetpack Compose Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. Composeが置き換えるもの:XMLに別れを告げる
  2. Compose用にAndroid Studioを設定する
  3. @Composable関数の構造
  4. エミュレーターで最初のアプリを実行する
← Jetpack Compose Academyに戻る