4択クイズアプリ

【Android Studio】クイズアプリ開発講座 第1回「プロジェクトの作成とテーマの設定」

Android Studio Dolphin | 2021.3.1 での動作確認を完了しました。(2022年10月)

Kotlin バージョンはこちら

この講座の目次はこちら
 

今回は

  • 新しいプロジェクトの作成
  • テーマの設定

を行なっていきます。
 

 

動画

【Android Studio】Javaでつくる4択クイズアプリ – #1 プロジェクトの作成とテーマの確認

 
 

解説

1. プロジェクトを作成する

Android Studio を開いて New Project をクリックします。

プロジェクトの作成
 

Activity の選択

次にアプリのレイアウトを選択します。
今回は Empty Activity を選択して Next を押します。

アクティビティの選択
 

Empty は「空っぽ」という意味で、Empty Activity(エンプティーアクティビティ)はナビゲーションやマップなどが入っていない空っぽのアクティビティを意味しています。
 
 

プロジェクト情報の入力

次にプロジェクトの名前・保存先などを入力していきます。

プロジェクト情報の入力
 

①アプリ名

アプリの名前を入力します。
 

②パッケージ名

ここで指定したパッケージ名は、アプリを Play ストアに公開した時に使われる applicationId(アプリケーションID)にも使われます。

https://play.google.com/store/apps/details?id=パッケージ名

同じ ID のアプリを公開することはできないので、他の人と重複しないパッケージ名にする必要があります。

また、Google Play ストアにアプリを公開した後にパッケージ名を変更することはできないのでご注意ください。

独自ドメインを取得してパッケージ名に使用するのが一番良いのですが、ドメインを持っていない場合は名前やニックネームでも問題ありません。

ドメインとは?
ウェブサイトの「住所」と言われるものです。例えば https://codeforfun.jp/android/ の codeforfun.jp の部分がドメインです。

 

③保存先

このプロジェクトの保存場所を指定します。
 

④言語

Java と Kotlin のどちらの言語を使うかを選択します。ここでは Java を選択してください。
 

⑤ミニマムSDK

SDK とは Software Development Kit(ソフトウェア・デベロップメント・キット)の略で、アプリの開発キットのようなものを意味します。

どの SDK を設定するかによって、どこまで古い機種に対応させるかを決めます。

このプロジェクトでは API 16にしたので 100 %の機種に対応できることになります。
* AdMob を実装する場合は API 19 以上を選択してください。

SDKの選択
 
 

今回はシンプルなアプリなので低い API でも問題ありませんが、アプリに実装したい機能がどの API なら実現できるかを考える必要があります。例えば AdMob 広告を実装するには API 19 以上を使用することが求められています。(2022年8月時点)

「Help me choose」を押すと現在のシェアを確認することもできるので、参考にしてみて下さい。

APIシェアの確認
 
 

⑥ Use legacy android.support libraries

先ほどミニマム SDK を API 16 に設定しましたが、2022年3月現在の最新版は API 32 です。

16 から 32 まで、どの API の機種でもアプリが動くように Android 開発ではライブラリというものを使います。

ライブラリには古いバージョンと新しいバージョンがあって、このチェックボックスにチェックを入れると古いバージョンのライブラリでプロジェクトが作成されます。

現在は新しいライブラリである AndroidX を使うことが推奨されているので、ここはチェックを入れません。
 
 

全て入力できたら Finish を押してください。プロジェクトの作成が始まります。

Finishを押す
 
 
 

4. プロジェクトのファイルを確認

プロジェクトが作成されると、このような画面になっていると思います。

プロジェクトのファイルを確認
 

プロジェクト作成時に EmptyActivity を選択したので MainActivity.javaactivity_main.xml がセットで作成されます。

この MainActivity.java にクイズの機能を実装、activity_main.xml に問題文や解答ボタンを表示していきます。

簡単に言うと

  • MainActivity.java → アプリのユーザーから見えない部分(機能)
  • activity_main.xml → アプリのユーザーから見える部分(デザイン)

となります。
 
 
 

5. Gradleの確認

次にアプリの設定を確認しておきましょう。

画面左側のプロジェクト構造から Gradle Scripts → build.gradle(Module: QuizApp.app) を開きます。

Gradleの確認
 

build.gradle にはプロジェクト作成時に設定した applicationId や minSDK などアプリについての情報がまとまっています。
 

ここでは compileSdk と targetSdk が 29 以上になっていることを確認して下さい。

compileSdkとtargetSdkの確認
 
 
 

29以上になっていない場合

29 以上の数値にして、画面右上に出てくる「Sync Now」を押して下さい。

compileSdkとtargetSdkの設定
 
 
 

補足

画面上部にメッセージが表示されているかもしれません。


 

これは Android Studio の機能紹介のようなものなので「Hide notification」で閉じてしまいましょう。

このメッセージについて詳しく知りたい方は以下の記事をお読み下さい。
参考:【Android Studio】You can use the Project Structure dialog to ~の意味
 
 
 

6. テーマの確認

Android Studio では、ナビゲーションバーやボタンの色などがテーマとして用意されています。

画面左側のプロジェクト構造から res → values → themes → themes.xml を開いて下さい。

themes.xmlを開く
 

3行目で指定しているテーマが Theme.MaterialComponents.DayNight.DarkActionBar になっていることを確認してください。

テーマの確認

 

テーマは自分でカスタマイズできますが、今回は Android で用意されている MaterialComponents 使います。

細かい機能・デザインについては別のテーマになってしまうのでこの講座では触れませんが、今回は MaterialComponents でこのようなボタンを使う方法を紹介します。

MaterialComponentsのボタン
 
 

テーマが MaterialComponents になっていない場合

parent 属性が Theme.AppCompat.Light.DarkActionBar になっている場合は MaterialComponents を使えるように設定しましょう。

* parent 属性がすでに Theme.MaterialComponents.DayNight.DarkActionBar になっている場合は、この設定は不要です。
 

先ほど使った build.gradle(Module: QuizApp.app) を開きます。


 

下の方に dependencies というコードがあるので

implementation 'com.google.android.material:material:1.5.0'

を追加してください。

dependencies追加

1.5.0 は 2022年3月現在の最新バージョンです。新しいバージョンが出ている場合はコードが黄色く変わります。カーソルを合わせると左側に豆電球のアイコンが表示されるので、クリック → Change to X.X.X を押して下さい。

 

画面右上に表示される「Sync Now」を押して下さい。

SyncNowを押す
 
 

処理が終わったら先ほどの themes.xml にもどって

parent="Theme.AppCompat.Light.DarkActionBar"

parent="Theme.MaterialComponents.DayNight.DarkActionBar"

に変更して下さい。

ダークテーマを有効にしたときに使われる themes.xml(night) も同じように変更してください。
 

これで MaterialComponents を使う用意ができました。

エラーが出てしまう場合は Android Studio を再起動してみて下さい。
 
 
 

次に行うこと

以上でアプリ開発の準備は完了です!次回はクイズ画面を作成していきましょう。

第2回「クイズ画面の作成」に進む
 
 
 

クイズアプリ開発講座の完全版について

Android Studio4択クイズアプリ開発講座

もっとアプリ開発をしてみたい!自分のアプリをリリースしたい!という方のために、この講座の完全版をご用意しました。
 

完全版では

  • SQLite Databaseを使ってのクイズ管理
  • クイズカテゴリの選択
  • 正解・不正解の効果音
  • AdMob バナー・インタースティシャル広告
  • Image Asset Studio(アイコン作成ツール)の使い方
  • アプリの公開方法

などを学ぶことができます。
 

これらのコードはクイズアプリ以外にも利用できるコードばかりなので、今後アプリを開発していく時に必ず役立つと思います。
 
 

さらに3つの特典

  1. コードの最適化とアプリのアップデート公開
  2. 画像を使ったクイズアプリの作り方
  3. 答えを入力するクイズアプリの作り方

もご用意しました。
 

講座ボーナス

 
 

アプリの開発から公開・アップデートまで出来る講座になっています。

初めてアプリを作るという方もぜひ挑戦してみてください
 

 
 

ABOUT ME
Sara
「わかりやすく・シンプル」をモットーに、スマホアプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂
あなたにオススメのプログラミング講座

この講座では Android Studio で4択クイズアプリを開発しながら

  • SQLite データベースの使い方
  • カテゴリ別のクイズ出題
  • AdMob 広告の実装
  • Play ストアへのアプリの公開
  • コードの最適化・難読化

などを学ぶことができます。

アプリを開発するだけでなく、アプリをリリースして広告収入を得たいという方にオススメの講座です。

guest

CAPTCHA


0 Comments
Inline Feedbacks
View all comments
0
この記事にコメントするx