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

1. はじめに

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

前提条件

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

学習内容

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

作成するアプリの概要

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

必要なもの

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

2. 初めてのアプリを作成する

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

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

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

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

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

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

47769871ec8f9e5b.png

  1. [Welcome to Android Studio] ウィンドウが開きます。[New project] をクリックします。

f2eb62538b9546d4.png

d2c7661021edfb20.png

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

c6f55445828a18f7.png

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

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

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

2924cb046a6b4f10.png

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

  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] ウィンドウに戻ります。

7c77fb479b7041b6.png

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

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

67bbc32a5c6bdd1d.png

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

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

(2)[Editing] ウィンドウ。コードの編集に使用します。

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

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

20916e0da73d311d.png

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

58e321c1a9c519c1.png

3.仮想デバイス(エミュレータ)でアプリを実行する

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

Android Virtual Device(AVD)を作成する

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

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

2480be74879c2033.png

デバイス マネージャーが次のように表示されます(以前作成したデバイスがあれば、ここに表示されます)。

3fe0607963a11814.png

  1. [Create device] をクリックします。

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

abaed4a19f0d786e.png

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

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

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

f2325a599238ef22.png

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

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

b8cb3f189f863a50.png

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

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

3f6a0dabe86423a5.png

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

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

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

f821698dcb39f67e.png

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

4. プロジェクト ファイルを探す

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

32b1f3c6c87af501.png

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

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

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

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

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

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

13458ac038626f09.png

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

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

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

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

1a5f277b21a94581.png

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

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

これで、テンプレートからアプリを作成して実行し、プロジェクト ファイルの場所を探せるようになりました。

5. まとめ

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

6. 関連リンク