Androidアプリ開発

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

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

自分でもAndroidアプリを開発してみたい！と思う方も多いのではないでしょうか。

今回は、初心者でもできるWindowsのAndroidアプリの環境構築方法について紹介します。

実務でもWindowsでAndroidを開発できることを目標にして、まずは、WindowsのAndroidアプリの環境構築を学習してみてください。

初心者でもわかりやすいように、画像を多く使って説明しています。

Android アプリ開発入門として、必要なソフトをインストールしてアプリを制作する環境を整え、エミュレータを使って「Hello World」を表示させるところまで解説していきます。

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の場合

コントロールパネルで、「システムとセキュリティ」をクリックします。

jdk_3

さらに「システム」をクリックします。

jdk_4

赤い枠で囲まれている部分に表示されます。

この場合だと64bitのx64版です。

jdk_5

※Windows10の場合

左下にあるWindowsボタンを右クリックして、表示されるメニューから「システム」をクリックします。

赤い枠で囲まれている部分に表示されます。

この場合だと64bitのx64版です。

必ず確認してからインストールするようにしましょう。

Javaのインストール

ダウンロードしたJavaプログラムを起動し、標準設定の状態でインストールします。

JDKのインストール先は、JAVA_HOMEの設定で必要になります。

JDKのインストール先をメモしておいてください。

JAVA_HOMEの設定

環境変数 JAVA_HOME を設定することで、Javaを利用できるようになります。

JAVAのインストールでメモして頂いた JDKのインストール先を、エクスプローラーで開き、入力欄の部分を右クリックしてコピーします。

※Windows7、8の場合

コントロールパネルで、「システムとセキュリティ」をクリックします。

jdk_3

さらに「システム」をクリックします。

jdk_4

さらに「システムの詳細設定」をクリックします。

「環境変数」をクリックします。

「新規」をクリックします。

「変数名」に「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」をクリックします。

エミュレータの起動には数分かかります。

このような画面になったら成功です。

コラム

コスパとタイパ、両方結果的に良くなる良くなる学び方とは？

「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。

コスパ・タイパ最適化の参考として、テックアカデミー卒業生がスクールを選んだ理由をご紹介します。

・困ったときに、質問や相談できる相手がいるため挫折しなかった
・プロとして必要なスキルのみを深く学べたので無駄がなかった
・副業案件の提供と納品までのサポートがあったので目的を達成できた

安価・短期間で広く浅く学んでも意味がありません。本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に無料相談に参加してみませんか？

カウンセラー・現役のプロへ、何でも気軽に無料相談可能。 30分か60分お好きな時間が選べて、かつ3回まですべて無料でご利用できます。
無理な勧誘は一切ないので、お気軽にご参加ください。

今なら相談した方限定の割引・参加特典付き！無料相談はこちら

まとめ

WindowsのAndroidアプリの環境構築のためには、Javaなどの言語が必要でした。

Javaの利用には、JAVA_HOMEの設定が重要でした。

WindowsのAndroidアプリの開発には、Android Studioというアプリケーションが必要でした。

Android Studio の環境設定にはいろいろと手順がありますが、1つ1つ設定していけば大丈夫です。

あ、画面上にスマホが表示されました！

これでAndroidアプリの開発環境は整ったよ。これでアプリケーションを書いて実行すると、そのスマホ画面でエミュレートできるんだ。

そうなんですね！！頑張ります！！！

Androidアプリ開発を学習中の方へ

これで解説は終了です、お疲れさまでした。

つまずかず「効率的に」学びたい
副業や転職後の「現場で使える」知識やスキルを身につけたい

プログラミングを学習していて、このように思ったことはありませんか？

テックアカデミーのAndroidアプリコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。

合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、Swiftを学習・勉強して短期間でオリジナルのiOSアプリを開発できるようになります。

まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。

時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！

プログラミングを独学で学習していて、このように感じた経験はないでしょうか？

・調べてもほしい情報が見つからない
・独学のスキルが実際の業務で通用するのか不安
・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるようカウンセラーやエンジニア・デザイナーがあなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありませんので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）

今なら参加者限定の割引特典付き！無料相談を予約する

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

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

Androidアプリ開発

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

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

Androidアプリ開発

KotlinのArrayとListの違いを現役エンジニアが解説【初心者向け】

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

Androidアプリ開発

Androidアプリ開発でColorクラスを使って文字の色を変える方法【初心者向け】

Androidアプリを開発では、Colorクラスを使ってアプリの起動中に文字の色を変えることができます。 Colorクラスとは、その名の通り、色に関する指...

Androidアプリ開発

Kotlinのdata classのコンストラクタについて現役エンジニアが解説【初心者向け】

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

Androidアプリ開発

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

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

Androidアプリ開発

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

今すぐ設定できる！Javaの開発環境の構築方法(Windows編)【初心者向け】

Javaの開発環境の構築方法について解説しています。Eclipseを使ってJavaでのプログラミングができるように設定していきましょう。 Javaについてそもそもよく分からないという方は、Javaとは何なのか解説している記事をまずご覧ください。なお本記事は、TechAcademyのJava講座の内容をもとに作成しています。田島悠介今回は、Eclipseを使ったJavaの開発環境の構築手順を見てみよう。大石ゆかり田島メンター！！Eclipseというのは何ですか～？田島悠介 Eclipseは総合開発環境(IDE)のひとつで、Javaやそれ以外のたくさんの言語に対応しているんだ。今回はWindowsでのインストール方法を解説していくよ。大石ゆかりよろしくお願いします！目次事前準備 Javaのインストール Eclipseのインストール Eclipseを日本語化初期設定の手順入れておくと便利なツール事前準備 Eclipseを動作させるためには、JRE1.7以上が必要です。JREが17.以上がインストールされている場合は、「Javaのインストール」を読み飛ばしてもかまいません。今回は、コマンドでのJavaの実行もできるように、JDKをインストールしておきます。また、Windows10を使用していますが、Windows7、8でも同様の手順でインストール可能です。 ※ライセンスについて Java自体はオープンソースであり、オープンソース版のJDKとして無償で利用できるOpenJDKが存在しています。 Javaのライセンス自体はOracle社が保有しており、Oracle社が提供するJDKはOpenJDKと区別できるよう、OracleJDKと呼ばれています。OracleJDKは2019年4月16日以降「個人的な使用や開発目的に限り無償」、企業での使用などそれ以外は「有償」に変更となりました。 OpenJDKとOracleJDKは基本的には「同一」であり、セキュリティパッチの提供期間がOpenJDKの方が短い、という違いがあります。本記事では機能が同一であり、個人使用や開発では無償で利用できることから、OracleJDKのインストール方法を紹介しています。 OpenJDKを利用したい場合は、以下の公式サイトからダウンロードします。 jdk.java.net [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中Javaのインストール事前準備まずは、32bitと64bitでダウンロードするファイルが異なるので、パソコンのビット数を確認しておきましょう。デスクトップの左下のWindowsのマークを右クリックして、システムをクリックします。システムの種類のビット数をメモしておきます。 JDKのダウンロード Javaの開発環境であるJDK(Java SE Development Kit)をダウンロードします。 ※以下の手順では最新版のJDKがダウンロードされます。過去のバージョンのJDKは以下のサイトからダウンロードできます。過去のバージョンのJDKをダウンロードする： Oracle Java Archive それでは最新版のJDKをダウンロードしましょう。Javaのページにアクセスして、「無償で試す」をクリックします。「JDK Download」をクリックします。 Windows x64 Installerの右側にある「jdk-14.0.1_windows-x64_bin.exe」をクリックします。「I reviewed and…」にチェックを付けてダウンロードボタンをクリックします。 JDKのインストールダウンロードしたインストーラを実行し、次へをクリックします。後でパスを設定するときに必要なので、インストール先をメモしましょう。次へをクリックします。インストールが実行されます。閉じるをクリックしてインストール完了です。環境変数の設定次は、インストールしたJavaを使うための、環境変数を設定します。デスクトップの左下のWindowsのマークを右クリックして、システムをクリックします。システムの詳細設定をクリックします。環境変数をクリックします。システム環境変数のPathを選択して、編集をクリックします。新規をクリックし、インストール時にメモしたパスに「bin」を追記して入力します。入力が終わったらOKをクリックします。環境変数の画面に戻るので、OKをクリックします。システムのプロパティの画面もOKをクリックして、設定を完了します。動作確認最後に、動作確認を行いましょう。動作確認はコマンドプロンプトでjavacを使い、バージョンを表示することで確認できます。デスクトップの左下のWindowsのマークを右クリックして、ファイル名を指定して実行をクリックします。「cmd」と入力し、OKをクリックします。コマンドプロンプトの画面に、「javac -version」と入力し、Enterキーを押します。以下のように「javac 14.0.1」などとバージョンが表示されれば、JDKのインストール確認完了です。 ※表示されるバージョンはインストールしたJDKのバージョンにより異なります。大石ゆかり EclipseじゃなくてJDKというのをダウンロードするんですか？田島悠介 JDKはJavaの開発環境なんだ。総合開発環境の前にこちらをインストールしておくよ。大石ゆかり分かりました！次はどうしたらいいんでしょう？田島悠介今度はEclipseの方をダウンロード・インストールするよ。手順を見てみよう。 Eclipseのインストール Eclipseのダウンロードページにアクセスして、インストーラをダウンロードします。 Download の「Windows 64bit」をクリックします。もう一度、Downloadをクリックすると、ダウンロードが始まります。ダウンロードしたインストーラ(eclipse-inst-win64.exe)を実行します。 Eclipse IDE for java Developersをクリックします。後で日本語化する時に使うので、Installation Folder(インストールフォルダ)をメモしておいてください。メモをとったら「INSTALL」をクリックします。 Accept Nowをクリックします。インストールが完了するまで数分待ちましょう。以下のような画面になったらインストール完了です。 LAUNCHをクリックしてEclipseを起動します。ワークスペースを指定します。特に指定がなければ、そのままLaunchをクリックします。 Eclipseが起動しました。英語のメニューになっていますので、次は日本語化してみましょう。一旦、Eclipseは終了しておいてください。コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。

Java

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

誰でもできる！MAMPのインストール方法【初心者向け】

.post-body img{border: solid 1px #eee;} プログラミングの勉強を始める人にとって最初の難関は、開発環境の構築ではないでしょうか。そんな方でも使える開発環境のMAMPのインストール方法を初心者向けに解説した記事です。 MAMP（マンプ）はPHPの開発環境として使われます。XAMPPと同じように、MySQLも一緒に使えるので便利です。本記事では、MAMPをインストールする方法と、PHPの最初のプログラムが書けるまでを解説しています。本記事の目次本記事は下記の流れで解説します。 MAMPとは？ MAMPのインストール方法 PHPでプログラミング MAMPとは？ MAMPとは「macOS」「Apache」「MySQL」「PHP」の頭文字をとったものです。 MAMPは、これらを一括で使うことができ、PHPとMySQLの開発環境として使用できます。無料ホームページでもそれらを対応したサービスはあるのですが、データ送信に使うFTPソフトが必要だったり、SQLデーターベースの準備が必要で、初心者にとっては難しいこともあります。なお、名前からMacでのみの利用と思われそうですが、WindowsとMacの両方のOSで使用することが可能です。また、無料で使えるMAMPと有料版のMAMP PROがあります。違いとして、例えばlocalhostの代わりにユニークなエイリアスを与えることができるなど高機能になっています。ただし、初心者は無料版で十分でしょう。本記事では、無料版のMAMPのインストール方法のみ紹介します。 [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中MAMPのインストール方法それでは早速、MAMPをインストールしてみましょう。 MAMPのダウンロードサイトにアクセスしてください。アクセスすると、このように表示されるので、一番上の画像内にある「Free Download」ボタンをクリックしてください。 Macの場合次の画面で、MacのPCの場合は種類によってクリックする場所が違います。新しいPC（M1やM2など）の場合は、「Apple M1/M2 CPU」と書かれた部分をクリックします。インテルのCPU（i7やi5など）を搭載したPCの場合は、「Intel x86 CPU」と書かれた部分をクリックします。 Windowsの場合一番上に表示されている「Windows 10+」と書かれた部分をクリックします。上記のそれぞれのPCに対応した部分をクリックするとブラウザでダウンロードが始まります。ブラウザの下にダウンロードの進行状況が表示されます。 Mac Windows アプリのサイズがかなり大きいので、ダウンロードに時間がかかります。 macOSでインテルのCPUかどうかを見分けるには？左上のりんごのアップルメニューから「このMacについて」をクリックします。開いた画面に「プロセッサ」と書かれていればインテルのCPUが搭載されていて、「チップ」と書かれていればApple M1などの新しいPCです。 Downloadボタンが見つからないときは？もしDownloadボタンが見当たらないときは、MAMPのトップページを下にスクロールして「Free MAMP download >」リンクをクリックします。 Windowsでダウンロードが始まらないときは？ Windowsで下記の画像が表示されたときは、「保存」をクリックします。ここからは、WindowsとMacそれぞれのインストール方法を紹介します。 Windowsでのインストール Windowsの場合は、実行すると次のようなメッセージが表示される場合があります。この画面は不正なプログラムが自動でインストールされるのを防ぐ機能です。はいを押して、MAMPのインストール画面を表示してください。 Nextをクリックしてください。一緒にインストールするアプリを指定します。今回は無料のMAMPだけインストールするので、チェックは2つとも外してから、Nextをクリックします。使用許諾契約が英語で表示されます。同意してインストールを続ける場合は「I accept the agreement」をクリックして選択し、Nextをクリックします。次はプログラムをインストールするフォルダを指定する画面です。そのままNextをクリックしましょう。次に表示される画面は、スタートメニューに登録する場所の指定です。そのまま「Next」をクリックします。デスクトップにアイコンを作成するかどうかを決める画面が表示されます。そのまま「Next」をクリックします。最後に、今まで入力した情報を確認します。内容に問題なければ「Install」をクリックします。インストールが完了するまで、時間がかかる場合があるので気長に待ちましょう。インストールが完了した画面が表示されます。「Finish」をクリックしたらMAMPのインストールは完了です。 Macでのインストール続いてMacのインストール方法です。ダウンロードしたファイルを開くと、「はじめに」の画面が表示されます。「続ける」をクリックします。「大切な情報」が英語で表示されます。「続ける」をクリックします。「使用許諾契約」の画面が英語で表示されます。「続ける」をクリックすると表示されている使用許諾契約に同意するか尋ねられます。使用許諾契約に同意できるなら「同意する」をクリックします。続いて「インストールの種類」画面が表示され、インストールに必要な記憶装置の空き容量が表示されます。インストールするのに必要な空き容量は、使用しているPCやMAMPのバージョンによって変わるので、よく確認しておきましょう。インストール先の空き容量に問題がなければ、「インストール」をクリックします。インストールの確認を求められるので、パスワードかTouch IDの指紋認証などで許可しましょう。さらにインターネットからダウンロードしたアプリをインストールする確認画面が出ます。「OK」をクリックしてインストールを許可します。インストールが始まります。インストールには時間がかかるので、完了するまで待ちます。インストールが完了したら「閉じる」ボタンをクリックします。インストールが完了すると、ダウンロードしたインストーラのファイルを削除するか尋ねる画面が表示されます。インストールできていれば、インストーラは不要なので「ゴミ箱に入れる」をクリックして削除します。これでMacにMAMPをインストールする作業は完了です。 PHPでプログラミング MAMPがインストールできたら、MAMPを使ってPHPのプログラミングを実行してみましょう。今回は、ブラウザに「PHPのテスト表示成功!」と出力するプログラムを作成します。 PHPのプログラムを動作させるために、WebサーバであるMAMPを起動しておきます。 ※XAMPPなどの他のサーバアプリがすでにインストールされて起動している場合、ポート番号などが競合してMAMPのサーバが起動できない場合があります。サーバを起動する MacでMAMPのサーバを起動するまずは、画面下のDockからMAMPをクリックして開いてください。 MAMPのウィンドウと同時に黄色の「Standard View」の画面が表示されたときは「Show this window when starting application」のチェックを外してから、左上の×で閉じます。 MAMPのコントロールパネルが表示されます。右上にある「Start」をクリックして、サーバを起動します。しばらくしてサーバの起動が完了すると、クリックした「Start」ボタンが「Stop」に変わって、サーバが起動中であることを表す緑色になります。 WindowsでMAMPのサーバを起動する Windowsの場合は、デスクトップ画面に作成されたMAMPアイコンをダブルクリックして起動します。 MAMPをDropboxとリンクするページが表示されますが、Dropboxとのリンクは必須ではないのでそのままページを閉じて大丈夫です。起動時にWindows標準セキュリティ機能などにより、ファイアウォールの確認画面が表示されることがあります。「プライベートネットワーク」だけにチェックを入れて「アクセスを許可する」ボタンを押します。 MAMPが起動してコントロールパネルが表示されます。既定の設定では、Apache Server（Webサーバ）がMAMPの起動時に自動的に開始されます。緑の丸がついていたら起動が完了しています。サーバを停止するには「Stop Severs」、開始するには「Start Servers」をクリックします。停止や開始には少し時間がかかります。反応がないからといってサーバの開始・停止ボタンを短時間に連続してクリックしないようにしましょう。 MAMPのサーバからWebページを表示させるここからはWindows・Mac共通の操作になります。 MAMPのコントロールパネルの「WebStart」をクリックするとブラウザが開き、MAMPのサーバが表示させたWebページが表示されます。（画面はMacで表示した場合です）表示されているページのURLの最初の部分が、自分で配置したWebページを表示させるときに必要になります。自分のPCで表示されているURLの赤枠で囲った部分を覚えておきましょう。これからPHPのプログラムを書いていきますが、MAMPは開いたままにしておいてください。プログラムを書くには、書式情報を含まない文字だけの情報を保存できるテキストエディタが必要です。 Winodwsには「メモ帳」、Macには「テキストエディット」が標準搭載されていますので、今回はそちらを使います。メモ帳（Windows）テキストエディット（Mac）テキストエディット起動後、「新規書類」をクリックします。書式情報のないPHPのコードとして保存するために、メニューバーから「フォーマット」->「標準テキストにする」を選択します。もし、「標準テキストに変換しますか？」と確認画面が出た場合は「OK」をクリックします。 Windows・Macともに、テキストエディタが開けたら次のようにコードを入力します。 <?php print ('PHPのテスト表示成功!') ?> ※「‘PHPのテスト表示成功!’」以外は半角（漢字オフで入力する英数字や記号）で入力します。 Mac Windows 入力できたら、ファイル名をtest1.phpにして、htdocsというフォルダ上に保存します。メモ帳（Windows）メニューバーの「ファイル」->「名前を付けて保存」Cドライブ > MAMP > htdocs テキストエディット（Mac）メニューバーの「ファイル」->「保存」アプリケーション > MAMP > htdocs ここまでできたら、MAMPのコントロールパネルの「WebStart」をクリックし、ブラウザのURLを以下の例のように後半部分を「test1.php」に修正します。このように http://localhost:ポート番号/htdocs以降のファイルパスという形でMAMPで起動させたサーバから、WebページやPHPのプログラムを読み込めます。なお、先ほど保存したファイルを更新すると、この出力結果も更新されます。コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。

PHP

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> コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。

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

ゲームが簡単に作れる！Unityのインストール方法（AssetStoreの説明つき）

ソーシャルゲームなどの開発にもよく使われている「Unity」という統合開発環境を知っていますでしょうか？無料でもインストールできるので、これから使ってみたいという方も多いと思います。そこで今回は、初心者の方向けにUnityのインストール方法、ゲーム素材が共有・販売されている「AssetStore」から素材をダウンロードする方法を紹介します。目次JavaのインストールAndroid Studioのインストールプロジェクト作成とAVDの設定・エミュレータでの実行まとめAndroidアプリ開発を学習中の方へそもそもUnityについてよく分からないという方は、Unityとは何なのかについて解説した記事を読むとさらに理解が深まります。田島悠介今回はUnityのインストール手順を見てみよう。大石ゆかり田島メンター！！Unityのインストールには何を用意したらいいんですか～？田島悠介あらかじめ用意しておくソフトなどはないけれど、Unityのアカウントを持っていない場合は新規登録する必要があるので使用するメールアドレスとパスワードを決めておくといいかな。大石ゆかり分かりました！ Unityとは Unityとは、Unity Technologies社が開発した統合開発環境です。3Dエンジンとビジュアルベースのエディタがあり、直感的な開発が可能な統合開発環境です。ユーザー数は全世界で100万人以上と言われており、多くの人に使われています。 iOSアプリ、Androidアプリなどのスマートフォンアプリから、Xbox、プレイステーションなどにも対応したマルチプラットフォームでもあります。日本でもソーシャルゲームをはじめ、多くのゲーム開発に使われています。 Unityが使われたゲームはゲームリストのページから確認することもできます。 UnityのBasic版は無料でインストール可能ですが、Pro版は1ライセンスにつき267,960円（2022年11月現在）かかります。 Unity Hubのインストール Unityをインストールするために「UnityHub」というソフトを使用します。 UnityHubを使用してUnityをインストールすることで、複数のUnityのバージョンを使い分けることができます。今後Unityのアップデートが必要になったとき有用なので、最初にインストールしておきましょう。 Unityダウンロードページから、UnityHubをダウンロードします。（UnityHub Version3.3.0/2022年11月現在）ダウンロードしたUnityHubのインストーラを起動しましょう。ダウンロードフォルダに入っている「UnityHubSetup」をダブルクリックして起動してください。 Unity Hubセットアップウィンドウが開きます。「同意する」をクリックしてください（Unity Hubのライセンスへ同意したことになります）。 UnityHubのインストール先を選択して「インストール」をクリックします。とくに指定がなければデフォルトのまま「インストール」をクリックしてください（デフォルトの場所は環境によって異なる場合があります）。インストールが始まります。インストールが完了すると下図のようになります。「Unity Hubを実行」にチェックを入れたまま「完了」をクリックしてください。 UnityHubが起動すればインストールは完了です。 [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中UnityHubを利用したUnityのインストールライセンスの設定 UnityHubが起動したら、サインインとライセンスの設定をしましょう。左上のアバターアイコンをクリックし、サインインをクリックしてください。 Unity Hub Sign Inウィンドウが開くので、「IDを作成」をクリックしてください。すでにUnityのアカウントをお持ちの方は、お持ちの既存アカウントをそのままお使いください。 Unity IDアカウントを作成の画面になるので、必要事項をすべて記入し、「Unity IDを作成」をクリックしてください。アカウントを作成後、UnityHub左上のアバターアイコンにユーザー名が表示されていればサインインは完了です。表示されていない場合は再度サインインを押してメールアドレスとパスワードを入力してサインインしてください。次にライセンス登録を行います。環境設定画面が開いていることを確認して「ライセンスを加える」をクリックしてください。（環境設定画面が開いていない場合、左上の歯車マークをクリックし、左のメニューからライセンス管理を選択してください）新規ライセンスの認証画面が開きます。「無料の Personal ライセンスを取得」をクリックします同意を求められますので「同意して Personal のライセンスを取得」をクリックします Personalのライセンスが表示されれば完了です。次に、Unityのインストール先を設定しておきましょう。左のメニューより「一般」をクリックし、Unityエディターフォルダーの「…」をクリックしてインストール先を指定してください。インストール先を指定したら「保存」をクリックしてください。以上でUnityHubの設定は終了です。 Unityをインストール左のメニューにある「インストール」をクリックしてください。 UnityHubのプロジェクト一覧画面になりますので、右のメニューより「エディターをインストール」をクリックしてください。 Unityバージョンを選択する画面になります。最新正式リリースにある「Unity2021.3.x」のチェックを入れて「次へ」をクリックしてください。以下の説明ではUnityのバージョン2021.3.x（長期サポート版）を用いて説明しています。 ※下図では2021.3.13f1を選択しています。（2022年11月現在）モジュールの選択画面になります。以下のようにチェックを入れて「次へ」をクリックしてください。 – Microsoft Visual Studio Community 2019 – Android Build Support（Androidをお持ちの場合） – Android SDK & NDK Tools – iOS Build Support（iOSデバイスをお持ちの場合） – WebGL Build Support Unityのインストールが始まります。インストールが終了するまでお待ちください。下図のようになればインストールは完了です。特に難しい操作はないので簡単ですね。田島悠介パスワードには数字と大文字を最低ひとつ入れなければいけなかったり、全体で8文字以上でないといけなかったりといくつかの決まりがあるよ。大石ゆかりそれに当てはまらないと設定できないんですね。田島悠介アカウントは次に説明するアセットストアや公式のフォーラムの利用の際に必要になるので、しっかりと控えをとっておこう。大石ゆかりはい！コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。

Unity

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

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

目次

Javaのインストール

Javaをダウンロード

x86版かx64版かを確認する方法

※Windows7、8の場合

※Windows10の場合

Javaのインストール

JAVA_HOMEの設定

※Windows7、8の場合

※Windows10の場合

Android Studioのインストール

Android Studioのダウンロード

Android Studioのインストール

プロジェクト作成とAVDの設定・エミュレータでの実行

プロジェクトの作成

AVD(Android Virtual Device)の作成

アプリケーションの実行

まとめ

Androidアプリ開発を学習中の方へ

関連するキーワード

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

今すぐ設定できる！Javaの開発環境の構築方法(Windows編)【初心者向け】

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

誰でもできる！MAMPのインストール方法【初心者向け】

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

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

ゲームが簡単に作れる！Unityのインストール方法（AssetStoreの説明つき）

TechAcademyから
現役エンジニアの方へ
お知らせ

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

目次

Javaのインストール

Javaをダウンロード

x86版かx64版かを確認する方法

※Windows7、8の場合

※Windows10の場合

Javaのインストール

JAVA_HOMEの設定

※Windows7、8の場合

※Windows10の場合

Android Studioのインストール

Android Studioのダウンロード

Android Studioのインストール

プロジェクト作成とAVDの設定・エミュレータでの実行

プロジェクトの作成

AVD(Android Virtual Device)の作成

アプリケーションの実行

まとめ

Androidアプリ開発を学習中の方へ

記事を検索

関連するキーワード

関連する記事

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

TechAcademyから 現役エンジニアの方へ お知らせ

TechAcademyから
現役エンジニアの方へ
お知らせ