Android Studio で簡単なアプリを作成する-初心者向け【Java】

・Android Studio で簡単なアプリを作成したい
・初めてのアプリ開発で何を作成したらよいのか分からない

という方に向けた記事になります。

アプリ開発が初めての場合、何を作成したらいいんだろうと悩みます。
まずは簡単で、シンプルなアプリを作成してみましょう。

簡単なアプリだとつまらないかもしれませんが、小さなハードルをいくつか超えて、成功体験をつくることが大事です。作成していくうちに色々な知識がついていきます。分からない点はぜひ立ち止まって、調べて、作成していってください。

本記事では、Android Studio で簡単なアプリを作成する方法について解説します。

《Androidアプリ開発を独学で学ぶならこの本》

リンク

Androidアプリ開発の手順
まとめ

Androidアプリ開発の手順

Androidアプリ開発の手順は以下の通りです。
※Androidアプリ開発では言語は「Java」または「Kotlin」を選択できますが、本記事では「Java」で開発を行う前提で話を進めます。

作りたいアプリを考える
開発環境を構築する
開発で使用する言語を習得する
設計を行う
アプリ開発を行う
テストを行う

一つずつ見ていきます。

作りたいアプリを考える

まずは作りたいアプリを考えます。

本記事では作成するアプリをこちらで決めますが、本来は自分で考えるのがよいです。いずれはこんなアプリを作成できるようになりたいな…という目標を一度考えてみましょう。

これから学習を進めていく上で、モチベーションになりますし、どのような技術を学習したらよいのか明確になるため効率が良いです。

今回は簡単な「クイズアプリ」を作成することとします。

開発環境を構築する

Androidアプリは「Android Studio」を使って開発を行います。インストールが完了している方は、そのまま次のステップへ進みましょう。

インストールがまだの方は以下の記事を参照ください。

<Windowsの方はこちら>

<Macの方はこちら>

開発で使用する言語を習得する

Androidアプリ開発では言語は「Java」または「Kotlin」を選択できますが、本記事では「Java」で開発を行います。

Javaを選択する理由は、広く使用されておりネット上に情報が多いことです。開発中にエラー等で困ったときに、助けてもらえます。

Javaをある程度習得している方は、そのまま次のステップへ進みましょう。

Javaをこれから習得したい方には、以下の本がおすすめです。2～3か月ほどで学習が完了します。学習につまづいたときは、以下の本と併せてYoutubeを活用しましょう。

リンク

プログラミング自体初心者で独学は自信がないまたはJavaの資格を習得＆個別指導で確実に学習を進めたい方には、以下のサービスがおすすめです。6か月の学習サポートがあり、JavaSilverの資格取得も後押ししてくれるため、転職を考えている方には最適と思います。

設計を行う

開発言語が習得できたら、アプリ設計に進みます。

今回作成するアプリは簡単な「クイズアプリ」でした。クイズアプリの画面はどんな画面にする？どんなクイズを出題する？クイズへの回答は入力式にするか選択式にする？など、アプリの詳細を決めていきます。

<今回作成するアプリ詳細>
アプリの画面は以下のような画面とします。
問題は「太陽はどこから昇る？」で回答は「東」または「西」の2択です。ボタンで回答を選択できるようにします。正解のボタンを押した場合「正解です！」、不正解のボタンを押した場合「不正解です」と画面に表示します。

※余裕のある方は問題を自分で考えたり、ボタンを増やして回答を3・4択にするなど、オリジナルのアプリにしていきましょう。

アプリ開発を行う

アプリの詳細が決まったら、アプリ開発に進みます。

以下のような要件でプロジェクトを作成しましょう。Language以外は任意で構いません。
Name:FirstQuizApp
Language:Java

プロジェクトの作成方法は以下の記事を参照ください。

プロジェクトを作成したら、「レイアウトファイル（activity_main.xml）」でアプリ画面を作成していきます。問題・回答ボタンを以下の通り追加しましょう。

●activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <TextView
        android:id="@+id/tv_question"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/tv_question"
        android:textSize="22sp"
        android:layout_gravity="center"
        android:layout_marginBottom="20dp"/>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_gravity="center">

        <Button
            android:id="@+id/bt_answer1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tv_answer1"
            android:textSize="18sp"
            android:layout_marginEnd="50dp"/>

        <Button
            android:id="@+id/bt_answer2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tv_answer2"
            android:textSize="18sp"/>

    </LinearLayout>

</LinearLayout>

●strings.xml

<resources>
    <string name="app_name">FirstQuizApp</string>
    <string name="tv_question">太陽はどこから昇る？</string>
    <string name="tv_answer1">東から</string>
    <string name="tv_answer2">西から</string>
    <string name="toast_correct">正解です！</string>
    <string name="toast_incorrect">不正解です</string>
</resources>

レイアウトファイルの基本的な使い方は以下の記事を参照ください。

アプリ画面が作成できたら、「javaファイル（MainActivity.java）」にアプリの処理を記述していきます。回答ボタンを押したときの処理を以下の通り追加しましょう。

●MainActivity.java

package com.example.FirstQuizApp;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        findViewById(R.id.bt_answer1).setOnClickListener(this);
        findViewById(R.id.bt_answer2).setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {

        int viewId = view.getId();

        if (viewId == R.id.bt_answer1) {
            Toast.makeText(MainActivity.this,R.string.toast_correct,Toast.LENGTH_LONG).show();
        } else {
            Toast.makeText(MainActivity.this,R.string.toast_incorrect,Toast.LENGTH_LONG).show();
        }
    }
}

ボタンを押したときの処理は以下の記事を参照ください。