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

【AndroidStudio（アンドロイドスタジオ）】を使ったAndroidアプリ開発環境の構築方法を初心者向けに解説した記事です。プロジェクトの作成方法、エミュレータの設定方法までこの記事だけで使い方を理解することができます。

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

初心者がAndroidアプリを開発しようと始めた時の、最初のハードルは開発環境の構築ではないでしょうか？

そんな初心者向けに、AndroidStudio（アンドロイドスタジオ）を使ったAndroidアプリ開発環境の構築方法をご紹介します。

なお、この開発環境はTechAcademyで開催しているAndroidアプリ開発オンラインブートキャンプで使用しているものです。

田島メンター！！「Android Studio」ってなんですか〜？

「Android Studio」っていうのは、今までElicpseとかでAndroidアプリを開発していたと思うんだけど、Android開発のためのIDE環境なんだ。

詳しく教えてください！！！

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のダウンロードページにアクセスしてください。

このような画面に飛ぶので、ダウンロードボタンをクリック。

ダウンロード

さらに次のような画面に進むので、利用規約を読んだらチェックボタンにチェックを入れて、ダウンロードします。

ダウンロード2のコピー

ダウンロードには少し時間がかかる場合があります。

ダウンロードが終わると、このような画面が表示されます。表示の通りに、「Android Studio」のアイコンを「Applications」にドラッグ&ドロップしてください。

スクリーンショット 2015-01-21 22.10.41

ドックから、ドックに見当たらなければ ApplicationのなかからAndroid Studioのアイコンを選び、クリックして起動します。

ドック

起動すると、このようなSetup画面になります。そのままNextで進みましょう。もしうまく起動できないような場合は、こちらを参考にしてみましょう。

次はtypeの選択の画面です。Standardで構いませんが、ここでは理解を深めるために、Customを選んでみます。

custom

すると、このような画面になりました。

sdkなど

Android SDKとは、 Androidアプリケーションを開発するために必須のソフトウェア開発キットです。

Android SDK Locationは、インストールされる場所を示します。

すべてチェックが入っていることを確認したら、そのままNextで進みましょう。

規約に関する画面になるので、「android-sdk-license」と「intel-android-extra-license」の2つの規約をクリックし、それぞれでAcceptをチェックしたら、Finishで進みます。

Nextでそのまま進みます。

intel

ダウンロードが始まります。時間がかかるので、気長に待ちましょう。

しばし待つ

ダウンロードが終わると、パスワードを要求されます。お使いのPCのパスワードを入力してOKで進んでください。

パスワード要求

最後に、Finishをクリックします。

finish

これで Android Studioのインストールが完了しました。

辿りついた

※もしJava not foundと表示されたら

もし、AndroidStudioが起動されず、このようなポップアップが出てきたら、この方法を試してみてください。

スクリーンショット 2015-01-26 20.14.06

まず、アプリケーション>AndroidStudioと進み、そこで右クリックしてパッケージの内容を表示と進みます。

スクリーンショット 2015-01-26 20.18.52

さらに>Contentsと進み、info.plistファイルを開きます。

スクリーンショット 2015-01-26 20.19.13

そうしたら、JVMVersionでファイル内を検索し、すぐ下の1.6＊を1.6+に書き換え、保存します。

info.plist
多少タイムラグはあるかもしれませんが、これで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：作成したプロジェクトの保存先をあらわします。特に書き換える必要はないでしょう。

ここでは、例として次のように設定しました。

　MyFirstApp

Application Name: MyFirstApp

Company Domein: android.techacademy.jp

設定したら、Nextで進みましょう。

3-3. Minimum SDKの選択

次は、Minimum SDKの選択画面に進みました。

今回はサンプルの作成なので、デフォルトのまま、特に設定し直す必要はありません。Phone and Tablet にチェックが入っていること、Minimum SDKがAPI 15: Android4.0.3(IceCreamSandwich)になっているのを確認したら、Nextをクリック。

MinimumSDK

3-4. Activity（画面）タイプの選択

今回は、一番シンプルな形で作っていきますので、Blank Activityを選択します。

3-5. Activity（画面）の設定

Nextで進むと、Blank Activityの設定画面です。

Blank Activityの設定

それぞれの項目は、次のような意味を持ちます。

Activity: 画面の名前
Lyout Name: 画面のレイアウトを定義する
Title: 画面のタイトル
Menu Resouce Name: メニュー部分（Blank Activityでいうと、上部の黒いバー部分）の名前

ここもデフォルトのままいじらず、Finishをクリックしましょう。

3-6.プロジェクト構築

プロジェクトが構成されるのをしばらく待つと、次のような画面が生成されます。

トップ

ちなみに、このようなポップアップが表示されるかもしれませんが、特に必要ないので、チェックを外してcloseすれば、次からはもう出てきません。

tips

3つにわかれた画面は、それぞれ次のような機能を持ちます。

トップ 2-1

では、いよいよエミュレータの起動に入ります。

4. エミュレータを起動・設定する

エミュレータとは、ソフトウェアの動作確認のために、ソフトウェアが動作する環境を擬似的に再現したもので、簡単に言えば、機械やコンピュータのしくみを真似る装置やソフトウェアのことです。

AndroidStudioでは、エミュレーターが1つ標準搭載になっているので、今回はそれをそのまま使っていきます。
早速エミュレータを起動してみましょう。

メニューからTools>Android>AVD Managerと進み、起動します。

AVD Manager

すると、このような画面があらわれます。

このような

このNexus 5 API 21×86というのが、標準搭載のエミュレータです。（もし、あらわれない場合はNexus 5 API 21×86をインストールする必要があります）

▶︎のマークをクリックし、これを表示します。

すると、画面の左側にこのようなAndroidスマートフォンの画像が登場するかと思います。これがエミュレータです。

（画面が構成されるまでしばらく時間がかかりますので、焦らずに）

スマホ画面2

ちなみに、今回は使いませんが、AVD ManagerのCreate Virtual Device…から違うバージョンのエミュレータを作成することもできます。覚えておきましょう。

ちなみに

さらに、もしエミュレータ画面上に次のような表示がでたら、アカウントログインする必要があります。

スマホ画面

「！」マークをクリックすると、このような画面に切り替わりますので、メールアドレスとパスワードを入力しましょう。

スクリーンショット 2015-01-26 18.53.01

※エミュレータ起動時にエラーが表示されたら

特にWindowsのPCで多いエラーですが、HAXMのエラーが出ることがあります。

このエラーは、Intel x86 Emulator Accelerator（HAXM）がインストールされていないことが原因です。

HAXMは通常、（Users/USER/AppData/Local/Android/sdk/extras/intel/Hardware_Accelerated_Execution_Manager）にインストーラーが配置されているので、これをインストールしてください。

Hardware_Accelerated_Execution_Manager

なお、そもそもHAXMがない場合は、Tools > Android >SDK Managerから、「Intel x86 Emulator Accelerator(HAXM)」にチェックを入れてインストールしてください。

haxm

また、これでも解決しない場合はBIOSの設定が原因と想定されます。PC起動時にBIOSの設定画面を開き、「Visualization Technology」の項目を有効にしてください。

5. Hello World! と表示させる

最後に、エミュレータに「Hello World!」と表示してみましょう。

標準搭載のエミュレータNexus 5 API 21×86で生成したプロジェクトのなかには、「Hello World!」を出力する機能がもとから含まれています。

これを実行してみましょう。

さきほどのエミュレータの画面から、メニューのRun>Run Appまでを選択します。

スクリーンショット 2015-01-26 20.08.49

しばらくすると……

Choose Deviceの画面が出てきました。

choose device

現時点では、Nexus 5 API 21×86しかエミュレータが搭載されていませんので1つしか出てきませんが、たくさんのエミュレータが起動している場合には、複数のデバイスがリスト表示されます。

OKをクリック。そして、またしばらくすると……

画面に「Hello World!」と表示されました。

Hello World

うまくいきましたか？

今回用意した開発環境をもとにAndroidアプリを作ってみてください。

Androidアプリ開発のための環境のせいか、とても使いやすいですね♪

そうだね。あとプラグインとかで拡張もできるから、開発していく上で必要になったらカスタマイズしてみると良いよ。

はい、わかりました♪

また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。

[お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発のオンラインブートキャンプを開催しています。AndroidStudioを使って開発します。

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

Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。今回はそのなかの1つである、FrameLayout（フレ...

Androidアプリ開発

Kotlinのdata class（データクラス）の使い方【初心者向け】

Kotlinのdata class（データクラス）の使い方について解説します。本記事はTechAcademyのAndroidアプリ開...

Androidアプリ開発

Androidアプリ開発におけるGUIコンポーネントの使い方【初心者向け】

Androidアプリ開発において、ボタンやスイッチといった便利なパーツ（GUI）が用意されています。そこで今回は、アプリ開発の初心者向けにGUIコンポー...

Androidアプリ開発

KotlinがBetter Javaと言われる所以を現役エンジニアが解説【初心者向け】

KotlinがBetter Javaと言われる所以について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...

Androidアプリ開発

Androidアプリ開発で新規プロジェクトを作成する方法【初心者向け】

Android StudioでAndroidアプリを開発する場合、まず最初にプロジェクトを作成する必要があります。今回は、このプロジェクトを作成する方法を初心者...

Androidアプリ開発

Kotlinのcompanion objectの基礎について現役エンジニアが解説【初心者向け】

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

Androidアプリ開発

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

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

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

Androidアプリ開発

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

自分でもAndroidアプリを開発してみたい！と思う方も多いのではないでしょうか。今回は、初心者でもできるWindowsのAndroidアプリの環境構築方法について紹介します。実務でもWindowsでAndroidを開発できることを目標にして、まずは、WindowsのAndroidアプリの環境構築を学習してみてください。初心者でもわかりやすいように、画像を多く使って説明しています。 Android アプリ開発入門として、必要なソフトをインストールしてアプリを制作する環境を整え、エミュレータを使って「Hello World」を表示させるところまで解説していきます。目次目次1. AndroidStudioとは2. AndroidStudioをインストールする3. AndroidStudioを起動し、新規プロジェクトを作成する4. エミュレータを起動・設定する5. 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アプリ開発

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アプリ開発で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アプリ開発

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アプリ開発

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

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

目次

1. AndroidStudioとは