Androidアプリ開発

Android StudioでAndroidアプリのエミュレータを使う方法【初心者向け】

Androidアプリ開発の初心者向けに、【Android Studioでエミュレータを使う方法】を解説した記事です。エミュレータを使えば、PC上で開発したアプリをテストすることができ、画面の大きさやSDカードの容量なども自分で設定できます。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法：インターネット調査

Androidアプリをこれから開発したい！という初心者向けの記事です。

Androidアプリの開発環境のAndroid Studioでエミュレータを使えば、PC上でAndroidアプリを実行することができます。また、画面の大きさやSDカードの容量などを自分で設定できるため、手軽にさまざまな環境のテストも可能です。

田島メンター！！Androidのエミュレータってどうやって使うんですか〜？

今開発しているのってAndroid Studioでだよね。それだったらAndroid Studioからエミュレータを使えるよ。

どうやるんですか〜？

開発環境構築の流れ

Android StudioでAndroidアプリのエミュレータを使う方法は、以下のような手順になります。

仮想デバイスの作成
エミュレータの起動
アプリをエミュレーターで起動する
エミュレーターが動かない時は・・・

それでは順番に見ていきましょう。

仮想デバイスの作成

初めてエミュレータを起動する場合や、新しい環境のエミュレータを使いたい場合に必要な作業です。すでに仮想デバイスの作成ができている場合は、次の手順に進んでください。

ツールバーから、「AVD Manager」を起動しましょう。

「Create Virtual Device」をクリックします。

この中にすでに起動したい環境に近いものを選択し「Next」をクリックします。

システムイメージ（Android OS）をダウンロードするため、上記の「Download」をクリックします。「x86 Images」タブで他のバージョンをダウンロードすることもできます。

「Accept」を選択し、「Next」をクリックします。

「Finish」をクリックします。

「Next」をクリックします。

先ほど選択したデバイスの設定が表示されます。もしも、自分が使用したい環境と異なる場合は、ここで設定をカスタマイズすることができます。設定ができたら、「Finish」ボタンをクリックします。

下記のように追加されたらAVDの作成は完了です。この画面（Android Virtual Device Manager）を閉じます。

これでエミュレータを使う準備ができました。

[PR] Androidアプリ開発コース

エミュレータの起動

いよいよ起動していきます。

ツールバーから、「AVD Manager」を起動します。

先程作成した仮想デバイスが表示されていますので、「再生」ボタンをクリックします。

数分待つとエミュレータが起動します。起動が遅いことがあり、少し時間がかかる場合がありますので、気長にお待ちください。起動しないからといって焦らないようにしましょう。

エミュレータの起動ができました。「Android Virtual Device Manager」を終了してください。

アプリをエミュレーターで起動する

最後に開発したアプリをエミュレータで起動してみましょう。

ツールバーから「Debug」をクリックします。

起動中のエミュレータの一覧が表示されますので、「OK」ボタンをクリックします。

しばらくすると、先ほどアプリが起動したエミュレータにアプリが実行されます。

エミュレーターが動かない時は・・・

まれに、手順通り進めたのにエラーになってエミュレータが動かない場合があります。

代表的なエラーメッセージと対策を説明します。

エミュレーターのRAMサイズが大きすぎる

Android studio Cannot set up guest memory 'pc.ram': Invalid argument

PCのメモリ容量に対して、エミュレーターのRAMサイズが大きすぎる場合に発生します。

ツールバーから、「AVD Manager」を起動します。

作成した仮想デバイスが表示されていますので、「編集」ボタンをクリックします。

「Show Advanced Settings」ボタンをクリックします。

Memory and Strage にある RAM:の容量を小さくします。作業が完了したら「Finish」ボタンを押して下さい。

「Intel x86 Emulator Accelerator (HAXM)」がインストールされていない

emulator: x86 emulation currently requires hardware acceleration!  Please ensure Intel HAXM is properly installed and usable. CPU accelertationn status: HAX kernel module is not installed!

「Intel x86 Emulator Accelerator (HAXM)」がインストールされていない場合に発生します。

HAXMとは、PCの仮想化支援機能を利用して、エミュレーターを高速化する技術です。前提条件として、PCのBIOSの設定で、仮想化支援機能を有効にする必要があります。BIOSの設定方法については、それぞれのPCのマニュアル等でご確認下さい。

BIOSの設定を確認したら、Android Studio のツールバーから「SDK Manager」を起動します。

SDK Tools を選択し、一覧の中から「Intel x86 Emulator Accelerator (HAXM installer) 」が「Installed」になっているか確認します。

「Installed」になっていない場合は、チェックを付けて「Apply」ボタンを押すとインストールが始まります。

画面の手順どおりに進めていくと、HAXMのインストールが完了します。

インストールが完了したら、念のため、Android Studio を再起動してください。

その他

Windowsパソコンの場合、ユーザー名が日本語になっていると、Android Studio 自体が正しく動作しないことがあります。この場合、インストール先を「C:¥Android」にする等、ユーザー名を含めないことで、正常に起動するようになります。
PCのスペックによっては、起動に数分かかる場合があります。場合によってはエミュレータが起動してもAndroidOSが動作しない時があります。RAMサイズなどを見直しても直らない場合、実機での確認をおすすめします。

今回の記事は以上です。

これで、Androidアプリをエミュレータを使うことができるようになりました。

自分で作ったアプリを、いろいろな端末でチェックするのに有効な手段ですので、ぜひ試してみてください。

また、アプリが開発できたら、AndroidアプリをGoogle Playでリリースしてみましょう。

あ、エミュレータが起動してアプリが起動しました〜♪

エミュレータはSDカードとかも使えて多機能だから、アプリの動作を確認するのにはとても有効だよ。ただ、Androidは機種が多いから、実機で試すこともとても大切だよ。

はい、分かりました！

[お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。

Kotlinを学びたい人に最適！入門向け学習サイト10選【初心者向け】

Kotlinの入門向け学習サイト10選を紹介します。これからKotlinを学ぼうと考えている方はぜひチェックしておきましょう。 ...

Androidアプリ開発

Kotlinのreturn文に付いている@について現役エンジニアが解説【初心者向け】

Kotlinのreturn文に付いている@について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。初...

Androidアプリ開発

KotlinでAlertDialogを表示する方法を現役エンジニアが解説【初心者向け】

KotlinでAlertDialogを表示する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...

Androidアプリ開発

Androidアプリ開発でSlidingDrawerを追加する方法【初心者向け】

Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はその中の1つである、SlidingDr...

Androidアプリ開発

Kotlinで文字列連結する方法を現役エンジニアが解説【初心者向け】

Kotlinで文字列連結する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。初心者向けに...

Androidアプリ開発

Androidアプリ開発でCheckBoxを追加する方法【初心者向け】

Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。今回はそのなかの1つである、CheckBox...

Androidアプリ開発

あわせてよく読まれている記事

初心者でもできる！「AndroidStudio」を使ったAndroidアプリ開発環境の構築方法

初心者がAndroidアプリを開発しようと始めた時の、最初のハードルは開発環境の構築ではないでしょうか？そんな初心者向けに、AndroidStudio（アンドロイドスタジオ）を使ったAndroidアプリ開発環境の構築方法をご紹介します。なお、この開発環境はTechAcademyで開催しているAndroidアプリ開発オンラインブートキャンプで使用しているものです。大石ゆかり田島メンター！！「Android Studio」ってなんですか〜？田島悠介「Android Studio」っていうのは、今までElicpseとかでAndroidアプリを開発していたと思うんだけど、Android開発のためのIDE環境なんだ。大石ゆかり詳しく教えてください！！！目次本記事は下記の流れで説明していきます。開発環境を構築するだけでなく、新規プロジェクトの作成方法、エミュレータの起動、Hello Worldの表示までを扱います。なお、今回はMacのPCを使って説明しますが、基本的なやり方はWindowsも同じです。 1.AndroidStudioとは 2. AndroidStudioをインストールする　※もしJava not foundと表示されたら 3. AndroidStudioを起動し、新規プロジェクトを作成する　3-1. 新規プロジェクトを作成　3-2. プロジェクトの設定　3-3. Minimum SDKの選択　3-4. Activity（画面）タイプの選択　3-5. Activity（画面）の設定　3-6.プロジェクト構築 4. エミュレーターを起動・設定する　※エミュレータ起動時にエラーが表示されたら 5. Hello World! と表示させる 1. AndroidStudioとは 2014年秋からThe official Android IDEとして正式にリリースされた新しい開発環境で、Intellij IDEAベースの統合開発環境です。以前に使われていた、EclipseベースのADT（Android Development Tools）から移行した開発環境で、従来のADTもAll-in-Oneの配布は終了しましたがEclipseにプラグインとして導入することができます。操作や機能は従来のADTと違和感なく使えるようになっているので、以前にアプリを開発したことがある方でも安心して使えることでしょう。 [PR] Androidアプリ開発コース2. AndroidStudioをインストールするまずはAndroidStudioのダウンロードページにアクセスしてください。このような画面に飛ぶので、ダウンロードボタンをクリック。さらに次のような画面に進むので、利用規約を読んだらチェックボタンにチェックを入れて、ダウンロードします。ダウンロードには少し時間がかかる場合があります。ダウンロードが終わると、このような画面が表示されます。表示の通りに、「Android Studio」のアイコンを「Applications」にドラッグ&ドロップしてください。ドックから、ドックに見当たらなければ ApplicationのなかからAndroid Studioのアイコンを選び、クリックして起動します。起動すると、このようなSetup画面になります。そのままNextで進みましょう。もしうまく起動できないような場合は、こちらを参考にしてみましょう。次はtypeの選択の画面です。Standardで構いませんが、ここでは理解を深めるために、Customを選んでみます。すると、このような画面になりました。 Android SDKとは、 Androidアプリケーションを開発するために必須のソフトウェア開発キットです。 Android SDK Locationは、インストールされる場所を示します。すべてチェックが入っていることを確認したら、そのままNextで進みましょう。規約に関する画面になるので、「android-sdk-license」と「intel-android-extra-license」の2つの規約をクリックし、それぞれでAcceptをチェックしたら、Finishで進みます。 Nextでそのまま進みます。ダウンロードが始まります。時間がかかるので、気長に待ちましょう。ダウンロードが終わると、パスワードを要求されます。お使いのPCのパスワードを入力してOKで進んでください。最後に、Finishをクリックします。これで Android Studioのインストールが完了しました。 ※もしJava not foundと表示されたらもし、AndroidStudioが起動されず、このようなポップアップが出てきたら、この方法を試してみてください。まず、アプリケーション>AndroidStudioと進み、そこで右クリックしてパッケージの内容を表示と進みます。さらに>Contentsと進み、info.plistファイルを開きます。そうしたら、JVMVersionでファイル内を検索し、すぐ下の1.6＊を1.6+に書き換え、保存します。多少タイムラグはあるかもしれませんが、これでAndroidStudioをインストールできるはずです。田島悠介「Android Studio」のインストールも終わったし、実際にプロジェクトを作成してみようか。大石ゆかりはい、お願いします！！！ 3. AndroidStudioを起動し、新規プロジェクトを作成する Androidアプリを開発するには、新規のプロジェクトをまずは作成する必要があります。 3-1. 新規プロジェクトを作成早速、Androidアプリの新規プロジェクトを作成していきましょう。 Start a new Android Studio Projectをクリック。 3-2. プロジェクトの設定プロジェクトの設定画面にきました。各項目に入力していきます。 Application Name：アプリの名前を示します。好きな名前をつけましょう。 Company Domein：Package nameを使用する際のドメインです。Package nameは他の人と被らないようにする必要があるため、重複を防ぐために、自分が所属するドメインを名前に設定したりするのが普通です。さらにドメイン内でも被る心配がある場合は、自分の名前を加えるなどして対策をとります。 Package name：上の2つを記すと自動的に書かれます。特に書き換える必要はないでしょう。 Project location：作成したプロジェクトの保存先をあらわします。特に書き換える必要はないでしょう。ここでは、例として次のように設定しました。 Application Name: MyFirstApp Company Domein: android.techacademy.jp 設定したら、Nextで進みましょう。 3-3. Minimum SDKの選択次は、Minimum SDKの選択画面に進みました。今回はサンプルの作成なので、デフォルトのまま、特に設定し直す必要はありません。Phone

Androidアプリ開発

初心者でもできた！Androidアプリの開発環境構築方法（Windows編）

自分でもAndroidアプリを開発してみたい！と思う方も多いのではないでしょうか。今回は、初心者でもできるWindowsのAndroidアプリの環境構築方法について紹介します。実務でもWindowsでAndroidを開発できることを目標にして、まずは、WindowsのAndroidアプリの環境構築を学習してみてください。初心者でもわかりやすいように、画像を多く使って説明しています。 Android アプリ開発入門として、必要なソフトをインストールしてアプリを制作する環境を整え、エミュレータを使って「Hello World」を表示させるところまで解説していきます。目次開発環境構築の流れ仮想デバイスの作成エミュレータの起動アプリをエミュレーターで起動するエミュレーターが動かない時は・・・大石ゆかり田島メンター！！Androidアプリってどうやって開発するんですか〜？田島悠介 Androidアプリは開発環境を構築する必要があるんだ。いくつかインストールが必要なものもあるから、順番に教えていくね。 JavaのインストールここではJavaのインストール方法を解説します。 Javaとは、Androidアプリを制作する上で必要なプログラム言語です。 Javaをダウンロード OracleのサイトからJDK（Java Development Kit）をダウンロードします。 Accept License Agreement にチェックを入れ、 Windows x86あるいはWindows x64用のファイルをダウンロードします。 x86版かx64版かを確認する方法使用しているPCがx86版かx64版かは、使っているPCの「コントロールパネル」または「設定」から確認できます。 ※Windows7、8の場合コントロールパネルで、「システムとセキュリティ」をクリックします。さらに「システム」をクリックします。赤い枠で囲まれている部分に表示されます。この場合だと64bitのx64版です。 ※Windows10の場合左下にあるWindowsボタンを右クリックして、表示されるメニューから「システム」をクリックします。赤い枠で囲まれている部分に表示されます。この場合だと64bitのx64版です。必ず確認してからインストールするようにしましょう。 JavaのインストールダウンロードしたJavaプログラムを起動し、標準設定の状態でインストールします。 JDKのインストール先は、JAVA_HOMEの設定で必要になります。 JDKのインストール先をメモしておいてください。 JAVA_HOMEの設定環境変数 JAVA_HOME を設定することで、Javaを利用できるようになります。 JAVAのインストールでメモして頂いた JDKのインストール先を、エクスプローラーで開き、入力欄の部分を右クリックしてコピーします。 ※Windows7、8の場合コントロールパネルで、「システムとセキュリティ」をクリックします。さらに「システム」をクリックします。さらに「システムの詳細設定」をクリックします。「環境変数」をクリックします。「新規」をクリックします。「変数名」に「JAVA_HOME」を入力し、「変数値」には先ほどコピーしたものを貼り付けて、OKをクリックします。 ※Windows10の場合左下にあるWindowsボタンを右クリックして、表示されるメニューから「システム」をクリックします。「システム情報」をクリックします。「システムの詳細設定」をクリックします。「環境変数」をクリックします。以降の作業は、Windows7、8と同じです。 Android Studioのインストールここでは、Android Studioをインストールする方法を解説します。 Android Studioのダウンロード Android Studioのサイトからダウンロードします。下記の赤枠で囲ったボタンをクリックします。「上記の利用規約を読み、同意します」にチェックを入れ、ダウンロードボタンをクリックしてダウンロードします。 Android StudioのインストールダウンロードしたAndroid Studioをダブルクリックして起動します。特に設定もなく、「Next」でインストールを進めていきます。「Start Android Studio」にチェックを入れたまま、「Finish」をクリックします。「I do not …」を選択し、OKボタンをクリックします。「Next」をクリックします。そのまま「Next」をクリックします。「Finish」をクリックします。数分待つと、インストールが完了します。 [PR] Androidアプリ開発コースプロジェクト作成とAVDの設定・エミュレータでの実行いよいよ最終段階です。プロジェクトを作成して、エミュレータで表示してみましょう。プロジェクトの作成それでは実際にアプリケーションを作っていきましょう。「Start a new Android Studio project」を選択します。 2つの項目を入力します。今回は以下のように入力しています。 Application name （アプリケーション名）：Helloworld Company domain （パッケージ名）：example.com 「Next」を押して進んでいき、「Finish」をクリックします。これがプログラムなどの作業をしていく画面です。エミュレータで起動できるか確認してみましょう。 AVD(Android Virtual Device)の作成最後に、PC上で動作するAndroid端末のエミュレータを作成しましょう。ツールバーの「AVD Manager」をクリックします。「Create Virtual Device」をクリックします。「Next」をクリックします。「Download」をクリックします。「Accept」を選択し、「Next」をクリックします。「Finish」をクリックします。「Next」をクリックします。「Finish」をクリックします（名前は任意に変更できます）。下記のように追加されたらAVDの作成は完了です。この画面（Android Virtual Device Manager）を閉じます。アプリケーションの実行ツールバーから「Debug」をクリックします。先ほど追加したAVD「Nexus 5X API 24」をクリックします。エミュレータの起動には数分かかります。このような画面になったら成功です。まとめ WindowsのAndroidアプリの環境構築のためには、Javaなどの言語が必要でした。 Javaの利用には、JAVA_HOMEの設定が重要でした。 WindowsのAndroidアプリの開発には、Android Studioというアプリケーションが必要でした。 Android Studio の環境設定にはいろいろと手順がありますが、1つ1つ設定していけば大丈夫です。大石ゆかりあ、画面上にスマホが表示されました！田島悠介これでAndroidアプリの開発環境は整ったよ。これでアプリケーションを書いて実行すると、そのスマホ画面でエミュレートできるんだ。大石ゆかりそうなんですね！！頑張ります！！！ Androidアプリ開発を学習中の方へこれで解説は終了です、お疲れさまでした。つまずかず「効率的に」学びたい副業や転職後の「現場で使える」知識やスキルを身につけたいプログラミングを学習していて、このように思ったことはありませんか？テックアカデミーのAndroidアプリコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、Swiftを学習・勉強して短期間でオリジナルのiOSアプリを開発できるようになります。まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！

Androidアプリ開発

Androidアプリ開発のGridLayoutの使い方【初心者向け】

Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。今回はそのなかの1つである、GridLayout（グリッドレイアウト）を追加する方法と基本的な使い方をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。大石ゆかり田島メンター！！電卓アプリを作っているんですけど、ボタンを等間隔に設置する方法ってないですか〜？田島悠介それならGridLayoutがいいよ。格子状にパーツを並べることができるんだ。大石ゆかりあ、どうやって使うんですか〜？ GridLayoutとは GridLayoutとは、パーツを格子状に並べるときに使用するレイアウトです。TableLayoutと似ていますが、GridLayoutでは列をまたいでパーツを配置することができます。 Android4.0で公開された比較的新しいレイアウトです。 GridLayoutを配置する今回は、GridLayoutを使用してこの画像のような画面を作成してみます。 GridLayoutはレイアウトエディタのパレットの「レイアウト」から配置できます。パレット内のGridLayoutを、プレビュー画面までドラッグしましょう。次に、GridLayoutの列数を指定します。列数は、プロパティの「ColumnCount」で指定できます。今回は5列必要なので、「ColumnCount」の値を「5」にします。 [PR] Androidアプリ開発コースGridLayoutにパーツを配置する GridLayoutにパーツを配置するには、レイアウトエディタのパレットから配置したいパーツを選択し、プレビュー画面へドラッグします。ボタンを画面に配置したら、ボタンを配置するセルを指定しましょう。セルの指定はプロパティの「Layout Parameters – Row」で、配置する行を指定できます。また、「Layout Parameters – Column」で、配置する列も指定できます。上から2行目の3列目に配置したい場合は、layout_rowを「1」、layout_columnを「2」といった具合に指定していきましょう。また、複数のセルをまたぐ場合は、「android:layout_rowSpan」「android:layout_columnSpan」を指定します。「CE」ボタンや「0」ボタンのように、横にまたぐ場合は「android:layout_columnSpan」を「2」にします。同じように、「+」ボタンのように縦にまたぐ場合は「android:layout_rowSpan」を「2」にします。すべてのボタンが配置できたら実行して、画面を確認してください。 GridLayoutのコードを確認する XMLタブでコードを確認すると、下記のようになっています。 <GridLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:layout_width=”fill_parent” android:layout_height=”fill_parent” android:columnCount=”5″ > <Button android:id=”@+id/button1″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_row=”0″ android:text=”7″ /> <Button android:id=”@+id/button2″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”1″ android:layout_row=”0″ android:text=”8″ /> <Button android:id=”@+id/button3″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”2″ android:layout_row=”0″ android:text=”9″ /> <Button android:id=”@+id/button4″ android:layout_width=”120dp” android:layout_height=”60dp” android:layout_column=”3″ android:layout_columnSpan=”2″ android:layout_row=”0″ android:text=”CE” /> <Button android:id=”@+id/button5″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_row=”1″ android:text=”4″ /> <Button android:id=”@+id/button6″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”1″ android:layout_row=”1″ android:text=”5″ /> <Button android:id=”@+id/button7″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”2″ android:layout_row=”1″ android:text=”6″ /> <Button android:id=”@+id/button8″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”3″ android:layout_row=”1″ android:text=”×” /> <Button android:id=”@+id/button9″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”4″ android:layout_row=”1″ android:text=”÷” /> <Button android:id=”@+id/button10″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_row=”2″ android:text=”1″ /> <Button android:id=”@+id/button11″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”1″ android:layout_row=”2″ android:text=”2″ /> <Button android:id=”@+id/button12″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”2″ android:layout_row=”2″ android:text=”3″ /> <Button android:id=”@+id/button13″ android:layout_width=”60dp” android:layout_height=”120dp” android:layout_column=”3″ android:layout_row=”2″ android:layout_rowSpan=”2″ android:text=”+” /> <Button android:id=”@+id/button14″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”4″ android:layout_row=”2″ android:text=”1″ /> <Button android:id=”@+id/button15″ android:layout_width=”120dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_columnSpan=”2″ android:layout_row=”3″ android:text=”0″ /> <Button android:id=”@+id/button16″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”4″ android:layout_row=”3″ android:text=”=” /> </GridLayout> 今回の記事は以上です。さらに他のレイアウトを試したい場合はFrameLayoutの使い方も合わせてご覧ください。大石ゆかり GridLayout、とても便利ですね〜♪ 田島悠介そうだね。Androidは色々なレイアウトが用意されているから、他のレイアウトも使ってみると良いよ♪ 大石ゆかりはい♪ [お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。

Androidアプリ開発

MacでAndroidアプリの開発環境を構築する方法（Android Studio）

Androidアプリを開発しようと思っても、開発環境の構築で戸惑う人も多いと思います。そこで、MacのPCを使ってAndroidアプリの開発環境を構築する方法をご案内します。今回は、Googleが配布している、Android開発に必要な環境がすべてセットになった「Android Studio」を使います。大石ゆかり田島メンター！！MacでAndroidアプリを開発する方法ってあるんですか〜？田島悠介うん、あるよ。基本的にはWindowsと同じようにAndroid Studioを使うんだけど、インストール方法は違うから、一緒にやってみようか。大石ゆかりはい、お願いします♪ 開発環境構築の流れ開発環境の構築は、以下のような3つのステップで進めていきます。 JDK（Java Development Kit）のインストール Android Studioのインストールプロジェクト作成とAVDの設定・エミュレーターでの実行それでは手順をおって説明していきます。 JDK（Java Development Kit）のインストールインストールはOracleのサイトから可能です。まずはこちらのURLを開いてください。開いたら、Accept License Agreement にチェックを入れ、「Mac OS X x64」をクリックしてダウンロードを開始してください。ダウンロードしたら解凍して、インストーラを起動します。インストーラで処理が終わったらJDKのインストールは完了です。なお、ターミナルから「$ javac -version」のコマンドを実行して、「javac 1.8.0_121」といった結果が返ってきたら既にインストールされていることになります。次にAndroid Studioをインストールするよ。はい！ [PR] Androidアプリ開発コースAndroid Studioのインストール続いて、Android Studioをインストールします。 Android Studioのサイトからインストールします。下記の赤枠で囲ったボタンをクリックします。「上記の利用規約を読み、同意します」にチェックを入れ、ダウンロードボタンをクリックしてダウンロードします。ダウンロードが終わったものをクリックすると、このような画面が表示されます。表示の通りに、「Android Studio」のアイコンを「Applications」にドラッグ&ドロップしてください。インストールが終わったら、この画面を閉じてください。ドックから、ドックに見当たらなければ ApplicationのなかからAndroid Studioのアイコンを選び、クリックして起動します。「I do not …」を選択し、OKボタンをクリックします。「Next」をクリックします。そのまま「Next」をクリックします。「Finish」をクリックします。数分待つと、インストールが完了します。プロジェクト作成とAVDの設定・エミュレータでの実行いよいよ最終段階です。プロジェクトを作成して、エミュレータで表示してみましょう。プロジェクトの作成それでは実際にアプリケーションを作っていきましょう。「Start a new Android Studio project」を選択します。２つの項目を入力します。今回は以下のように入力しています。 Application name （アプリケーション名）：Helloworld Company domain （パッケージ名）：example.com 「Next」を押して進んでいき、「Finish」をクリックします。これがプログラム等の作業をしていく画面になります。エミュレータで起動できるか確認してみましょう。 AVD(Android Virtual Device)の作成最後に、PC上で動作するAndroid端末のエミュレータを作成しましょう。ツールバーの「AVD Manager」をクリックします。「Create Virtual Device」をクリックします。「Next」をクリックします。「Download」をクリックします。「Accept」を選択し、「Next」をクリックします。「Finish」をクリックします。「Next」をクリックします。「Finish」をクリックします（名前は任意に変更できます）。上記のように追加されたらAVDの作成は完了です。この画面（Android Virtual Device Manager）を閉じます。アプリケーションの実行ツールバーから「Debug」をクリックします。先ほど追加したAVD「Nexus 5X API 24」をクリックします。このような画面になったら成功です。これで環境の構築は完了です。 MacでAndroidアプリの開発が始められるようになりました。ぜひ使いこなしてアプリを開発してみてください！大石ゆかりこれでMacでもAndroidアプリ開発ができるわけですね！田島悠介そうだね。あとはWindowsの開発方法とよく似ているから、応用できるよ。大石ゆかりはい！！！ [お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。

Androidアプリ開発

Androidアプリ開発でadbコマンドを使ってシェルを起動する方法【初心者向け】

adbとは、Android Debug Bridgeを省略したものです。これを利用するとパソコンからスマートフォンやエミュレータを操作することができるようになります。今回は、Android Studioのターミナルからエミュレータのシェルを起動する使い方をご紹介します。なお、この方法はパソコンにAndroid Studioがインストールされ、動作確認がされている必要があります。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。大石ゆかり田島メンター！！Android StudioのターミナルからAndroidのシェルを操作したいんですけど、どうしたらいいんですか・・・？田島悠介 adbを使うとできるよ。いくつか設定が必要だから、実際にやってみようか。大石ゆかりはい、お願いします♪ 目次 adbコマンドを使ってシェルを起動するには、以下のような手順で進めていきます。エミュレータを起動するシェルを起動するシェルを終了するそれでは順番に説明していきます。エミュレータを起動するツールバーから「AVD Manager」をクリックします。エミュレーターを選択し、緑色のボタンをクリックしてエミュレータを起動します。エミュレータが完全に起動するまで待ちます。 [PR] Androidアプリ開発コースデバイスのシリアルナンバーを確認する Android Studioのターミナルを起動し、「adb devices」を実行し、シリアルナンバーを確認します。下記の場合は「emulator-5554」がシリアルナンバーとなります。シェルを起動する「adb –s [デバイスのシリアルナンバー] shell」を実行します。プロンプトの表記が変わればシェルが利用できる状態です。シェルを終了する「exit」を実行するとシェルが終了します。今回の記事は以上です。 Androidアプリ開発をさらに学びたい場合は、Androidアプリ開発でAntを使ってプロジェクトをビルドする方法を合わせてご覧ください。大石ゆかり adbを使うと簡単に操作できるんですね♪ 田島悠介そうだね。パソコンから操作を確認したい時によく使うから、覚えておいて損はないよ！大石ゆかりはい、わかりました♪ [お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。

Androidアプリ開発

Androidアプリ開発のTableLayoutの使い方【初心者向け】

Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。今回はそのなかの1つである、TableLayout（テーブルレイアウト）を追加する方法と基本的な使い方をご紹介します。本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。大石ゆかり田島メンター！！HTMLのtableタグみたいにAndroidアプリのパーツを並べる方法ってないですか〜？田島悠介 TableLayoutっていうレイアウトを使うと、tableタグと同じようにパーツを設置できるよ。大石ゆかりあ、そうなんですか〜！？ TableLayoutとは TableLayoutとは、パーツを格子状に並べるときに使用するレイアウトです。 HTMLのtableタグと似ているので、ホームページ作成をしたことがある人は使いやすいレイアウトかもしれません。ただし、行をまたいでパーツを配置することはできませんのでご注意ください。 TableLayoutを配置する今回は、TableLayoutを使用して次のような画面を作成してみます。 TableLayoutは、大枠である「TableLayout」とテーブルの行である「TableRow」でできています。最初にTableLayoutを配置します。 TableLayoutはレイアウトエディタのパレットの「レイアウト」から配置できます。パレット内のTableLayoutを、プレビュー画面までドラッグしましょう。次に、作成する画面には4行必要なので、TableRowを4回プレビュー画面までドラッグして配置します。（行の数によってドラッグする回数を変えてください）配置をしたらアウトラインで、レイアウトが正しく配置されているか確認をしましょう。 [PR] Androidアプリ開発コースTableLayoutにパーツを配置する TableLayoutにパーツを配置するには、レイアウトエディタのパレットから配置したいパーツを選択し、プレビュー画面へドラッグします。横の位置は後ほど調整しますので、目的の行に対して順番にパーツを配置できていれば大丈夫です。 TableLayoutのコードを確認する XMLタブでコードを確認すると、下記のようになっています。 <TableLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:layout_width=”match_parent” android:layout_height=”match_parent” > <TableRow android:id=”@+id/tableRow1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”7″ /> <Button android:id=”@+id/button2″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”8″ /> <Button android:id=”@+id/button3″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”9″ /> <Button android:id=”@+id/button15″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”/” /> </TableRow> <TableRow android:id=”@+id/tableRow2″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button4″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”4″ /> <Button android:id=”@+id/button5″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”5″ /> <Button android:id=”@+id/button6″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”6″ /> <Button android:id=”@+id/button14″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”*” /> </TableRow> <TableRow android:id=”@+id/tableRow3″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button7″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”1″ /> <Button android:id=”@+id/button8″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”2″ /> <Button android:id=”@+id/button9″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”3″ /> <Button android:id=”@+id/button12″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”-” /> </TableRow> <TableRow android:id=”@+id/tableRow4″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button10″ android:layout_width=”wrap_content” android:text=”0″ /> <Button android:id=”@+id/button11″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”.” /> <Button android:id=”@+id/button13″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”+” /> </TableRow> </TableLayout> TableLayout上のパーツの配置を調整する「0」ボタンは2つのセルをまたいで配置されています。複数のセルをまたぎたい場合は、「android:layout_span」を追加してください。 <Button android:id=”@+id/button10″ android:layout_width=”wrap_content” android:layout_span=”2″ android:text=”0″ /> 実行すると、この画像のようにボタンが表示されます。また、途中のセルを空白にしたい場合は、「android:layout_column」を追加し、列番号を指定します。列番号は、一番左から「0,1,2,3…」となっています。 <TableRow android:id=”@+id/tableRow4″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button10″ android:layout_width=”wrap_content” android:layout_span=”2″ android:text=”0″ /> <Button android:id=”@+id/button13″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:layout_column=”3″ android:text=”+” /> </TableRow> さらに実行すると、この画像のようにボタンが表示されます。これで完成です。さらに他のレイアウトを試したい場合はFrameLayoutの使い方も合わせてご覧ください。大石ゆかり tableタグを同じように設置できますね！田島悠介そうだね。GridLayoutもそうだけど一定の間隔でパーツを並べる場面って結構あるから、そういう時に使うと良いね。大石ゆかりそうですね〜♪ [お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。

Androidアプリ開発

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

Android StudioでAndroidアプリのエミュレータを使う方法【初心者向け】

開発環境構築の流れ

仮想デバイスの作成

エミュレータの起動

アプリをエミュレーターで起動する