初めての Android アプリを作成して実行する

この Codelab では、Android Studio に用意されている基本的なアプリのテンプレートから、初めての Android アプリ(Happy Birthday)を作成します。また、Android プロジェクトの概要や、Android Studio でさまざまなウィンドウを使用する方法について学習します。

Prerequisites

  • ワープロやスプレッドシートなどのアプリケーションの設定、構成、使用に精通していること

学習内容

  • テンプレートを使用して Android アプリ用の Android Studio プロジェクトを作成する方法。

作成するアプリの概要

  • テンプレートを使った基本的な Android アプリ

前提条件

  • Android Studio がインストールされているパソコン

このタスクでは、Android Studio に用意されているプロジェクト テンプレートを使用して Android アプリを作成します。

プロジェクト テンプレート

Android Studio のプロジェクト テンプレートは、必要なものをすべて備えた Android アプリですが、それだけでできることはほとんどありません。迅速に開始し、作業を効率化することが目的です。Android Studio のテンプレートの例としては、マップを使用するアプリや、画面を複数使用するアプリなどがあります。

Empty Activity プロジェクトを作成する

この手順では、新しいアプリ用に、Empty Activity プロジェクト テンプレートを使用して新しい Android Studio プロジェクトを作成します。

  1. Android Studio アイコン をクリックして Android Studio を起動します(まだ開いていない場合)。

[Welcome to Android Studio] ウィンドウが表示されます。

  1. [Welcome to Android Studio] ウィンドウで、[+ Start a new Android Studio project] をクリックします。

[Create New Project] ウィンドウが開き、Android Studio に用意されているテンプレートのリストが表示されます。

  1. 上部のタブをクリックしてスクロールすると、テンプレートの一覧が確認できます。さまざまなデバイス(スマートフォン、タブレット、スマートウォッチなど)や、さまざまなアプリ(スクロール可能な画面を使用するアプリ、マップを使用するアプリ、高度なナビゲーションを備えたアプリ)のテンプレートが用意されています。
  2. ウィンドウの左上にある [Phone and Tablet] タブをクリックします。
  3. 最上段にある [Empty Activity] テンプレートをクリックし、プロジェクトのテンプレートとして選択します。

[Empty Activity] テンプレートは、アプリの作成に使用できる最もシンプルなテンプレートです。画面は 1 つで、単純な「Hello World!」というメッセージが表示されます。

  1. ウィンドウの下部にある [Next] をクリックします。[Create New Project] ダイアログが開きます。

プロジェクトを次のように設定します。

  1. [Name] はアプリの名前です。[Name] の下にあるボックスに、プロジェクト名として「Happy Birthday」と入力します。
  2. [Package name] は、アプリを一意に識別するために Android システムが使用する名前です。通常は、組織名に続けてアプリの名前(すべて小文字)がデフォルトで設定されます(例: 「com.example.happybirthday」)。
  3. [Save location] は、プロジェクトに関連するすべてのファイルが保存される場所です。ファイルを見つけられるように、パソコンのどこにあるかをメモしておきます。今回は、保存場所をそのままにしておいても構いません。
  4. [Language] は、プロジェクトに使用するプログラミング言語を定義します。[Language] が Kotlin になっていることを確認します。
  5. [Minimum SDK] は、アプリを実行できる Android の最小バージョンを示します。プルダウン リストから API 19: Android 4.4 (KitKat) を選択します。
  1. [Minimum SDK] の下には、選択した API レベルでアプリを実行できるデバイスの数に関する情報が記載されています。[Help me choose] リンクをクリックすると、次のように Android のさまざまなバージョンのリストを表示できます。[New Project] ウィンドウに戻ります。

  1. [Create New Project] ウィンドウで、[Use legacy android.support libraries] のチェックボックスがオフになっていることを確認します。詳細を確認するには、疑問符アイコンをクリックします。
  2. [終了] をクリックします。

Android Studio で、プロジェクトとそのファイルがすべて開きます。

Android Studio を最初に開いたとき、次のようにウィンドウが 3 つ表示されます。

(1)[Project] ウィンドウ。プロジェクトのファイルとフォルダが表示されます。

(2)[Editing] ウィンドウは、コードを編集するためのウィンドウです。

(3)[What's New] ウィンドウ。最新情報や便利なヒントが表示されます。

Android Studio でプロジェクトの設定が進行中である場合、右下の進行状況バーまたはメッセージが次に例を示します。

  1. Android Studio でプロジェクトの設定が完了するまで待ちます。プロジェクトが完了すると、左下に次のようなメッセージが表示されます。

このタスクでは、Android Virtual Device(AVD)Manager を使用してモバイル デバイスのソフトウェア バージョン(エミュレータ)を作成し、パソコン上で実行します。仮想デバイス(エミュレータ)は、スマートフォンなど、特定の種類の Android デバイス用に構成をシミュレートします。該当する Android システム バージョンを搭載したスマートフォンやタブレットなどを設定できます。その後、仮想デバイスを使用して、Empty Activity テンプレートで作成したアプリを実行します。

Android Virtual Device(AVD)を作成する

パソコンでエミュレータを実行するには、まず仮想デバイスの構成を作成します。

  1. Android Studio のメニューバーで、[Tools > AVD Manager] を選択します。

次のように、[Your Virtual Devices] ダイアログが表示されます(以前作成した仮想デバイスがあれば、ここに表示されます)。

  1. [+ Create Virtual Device] をクリックします。

[Select Hardware] ウィンドウが表示されます。

[Select Hardware] ウィンドウには、事前設定済みのデバイスのリストがカテゴリ別に表示されます。デバイスごとに、ディスプレイ サイズ [Size]、ピクセル単位の画面解像度 [Resolution]、ピクセル密度 [Density] の列が表に表示されます。

  1. カテゴリで [Phone] を選択します。
  2. スマートフォン(Pixel 3 XL など)を選択し、[Next] をクリックします。任意のスマートフォンを選択できますが、この Codelab では新しいデバイスを選択します。

[System Image] ウィンドウが表示されます。仮想デバイスで実行する Android システムのバージョンを選択します。これにより、さまざまなバージョンの Android システムでアプリをテストできます。

  1. [Recommended] タブで、仮想デバイスで実行する Android システムのバージョンとして Q を選択します。これは執筆時点で最新バージョンの Android ですが、これより後の安定版を選択することもできます。安定版のリストについては、こちらをご覧ください。
  1. [Next] をクリックします。

[Android Virtual Device (AVD)] ウィンドウが表示され、デバイスの詳細設定を行えます。

  1. [AVD Name] フィールドに、Android Virtual Device の名前を入力します。これ以外は変更しないでください。
  2. [Finish] をクリックします。

[Your Virtual Device] ウィンドウに新しい仮想デバイスが表示され、使用できるようになります。

  1. [Your Virtual Device] ウィンドウを閉じます。

仮想デバイスでアプリを実行する

  1. Android Studio がフォアグラウンドにない場合は、フォアグラウンドに移動します。
  2. Android Studio のツールバーで、次の例のような仮想デバイスのプルダウン メニューを探し、作成した仮想デバイスをプルダウン リストから選択します。または、[Run] > [Select Device] をクリックし、ポップアップに表示される利用可能なデバイスから、作成した仮想デバイスを選択します。
  3. Android Studio で [Run > Run app] を選択するか、ツールバーの実行アイコン [Run] > [Run app] を選択するか、ツールバーの実行アイコン [アイコンをここに表示] をクリックします。[IMAGEINFO]: ic_run.png、Android Studio の実行アイコン をクリックします。
    仮想デバイスは、物理デバイスと同じように起動し、起動します。パソコンの処理速度によっては時間がかかる場合があります。

アプリの準備が整うと、以下のように仮想デバイス上で開きます。

これで仮想デバイスが稼働した状態になりました。タイトルが「Happy Birthday」になり、画面に「Hello World!」と表示されています。

プロジェクトを構成すると、Android Studio によって、「AndroidStudioProjects」という、すべての Android プロジェクト用のフォルダがパソコン上に作成されます。AndroidStudioProjects フォルダ内には、アプリと同じ名前のフォルダ(この場合は HappyBirthday)も作成されます。

HappyBirthday」フォルダが、今回のアプリのプロジェクト フォルダです。プロジェクト フォルダには、自身が作成したファイルと Android Studio により作成されたファイルの両方が保存されます。

  1. Android Studio の画面左側の [Project] ウィンドウを確認します。[Project] ウィンドウには、プロジェクトのファイルとフォルダが表示されます。

[Project] ウィンドウ内のファイルは、コードを作成する際にプロジェクト ファイル間を簡単に移動できるように整理されています。ただし、Finder や Windows エクスプローラーなどのファイル ブラウザでファイルを確認すると、ファイル階層の構成が大きく異なります。

このタスクでは、プロジェクト フォルダ階層の 2 種類のビューを調べます。

  1. Android Studio の [Project] ウィンドウで、左上のプルダウン メニューから [Android] を選択します。

次のようなファイルリストが表示されます。

ファイルのこのビューと構成は、プロジェクトのコードを作成する際に役立ちます。

Finder(macOS)やエクスプローラー(Windows)などのファイル ブラウザで表示されるとおりにファイルを表示することもできます。

  1. [Project] ウィンドウで、プルダウン メニューから [Project Source Files] を選択します。

タイトルが、プロジェクト ファイルが保存されているフォルダに変更されます。

これで、ファイル エクスプローラーと同じようにファイルを閲覧できるようになりました。

  1. 前のビューに戻すには、[Project] ウィンドウでもう一度 [Android] を選択します。

これで、テンプレートからアプリを作成して実行できるように、またプロジェクト ファイルを見つけることができるようになりました。

  • 新しいプロジェクトを作成するには、Android Studio を起動し、[+ Start a new Android Studio project] をクリックしてプロジェクトに名前を付け、テンプレートを選択して詳細を入力します。
  • アプリを実行する Android 仮想デバイス(エミュレータ)を作成するには、[Tools > AVD Manager] を選択してから、AVD Manager を使用してハードウェア デバイスとシステム イメージを選択します。
  • 仮想デバイスでアプリを実行するには、デバイスが作成されていることを確認し、ツールバーのプルダウン メニューでデバイスを選択してから、ツールバーの実行アイコン [Run] > [Run app] を選択するか、ツールバーの実行アイコン [アイコンをここに表示] をクリックします。[IMAGEINFO]: ic_run.png、Android Studio の実行アイコン をクリックしてアプリを実行します。
  • プロジェクト ファイルを検索するには、[Project] ウィンドウでプルダウンから [Project Source Files] を選択します。