4択クイズアプリ

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

 
この講座の目次はこちら

Android Studio 3.x / 4.0.1 をお使いの方はこちらをお読み下さい。

今回は

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

を行なっていきます。
 


 

動画

【Android Studio 4.1】クイズアプリ開発講座 #2 新しいプロジェクトの作成とテーマの設定

 
 

解説

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

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

プロジェクトの作成
 

Activity の選択

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

アクティビティの選択
 

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

プロジェクト情報の入力

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

プロジェクト情報の入力
 

①アプリ名

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

②パッケージ名

パッケージネームはアプリを公開した時の 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 を設定するかによって、どこまで古い機種に対応させるかを決めます。

  • Android Studio 4.1 からは API 15 が選択できなくなったこと
  • AdMob 広告の実装には API 16 以上を選択する必要があること

から、ここでは API 16 を選択してください。
 

SDKの選択
 

今回はシンプルなアプリなので低い API でも問題ありませんが、開発するアプリに合わせてどの程度の古い機種まで対応させるのか考える必要があります。

Help me choose を押すと現在のシェアも確認することができます。

APIシェアの確認
 

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

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

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

プロジェクトの作成が完了すると、画像のようにファイルが作成されていると思います。

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

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

簡単に言うと

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

となります。
 
 

5. Gradleを確認

次にアプリの設定を確認しておきましょう。
画面左側のプロジェクト構造から Gradle Scripts → build.gradle(Module: app) を開きます。

Gradleを確認
 

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

ここでは「compileSdkVersion と targetSdkVersion が 29 以上になっていること」を確認して下さい。

compileSdkVersionとtargetSdkVersionを確認
 

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

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

compileSdkVersionとtargetSdkVersionの設定
 

その他の設定

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

その他の設定
 

どちらも Android Studio の機能紹介のようなものですので

  • Hide the tip
  • Hide notification

を押して閉じてください。

機能紹介を閉じる
 

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

6. テーマの確認

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

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

themes.xmlを開く
 

3行目あたりに以下のどちらかのコードが書いてあると思います。

<style name="Theme.QuizApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
<style name="AppCompat" parent="Theme.AppCompat.Light.DarkActionBar">

ここでは name 属性にテーマの名前、parent 属性に継承する(使いたい)テーマを指定しています。
 

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

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

MaterialComponentsのボタン
 

parent 属性がすでに Theme.MaterialComponents.DayNight.DarkActionBar になっている場合は、このあとの設定は不要です。次の 第2回「クイズ画面の作成」にお進み下さい。

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

7. テーマの設定

先ほど使った build.gradle(Module: app) を開いてください。

build.gradle(Module: app)を開く
 

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

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

を追加してください。

dependencies追加
 

1.2.1 は 2020年11月現在の最新バージョンです。新しいバージョンが出ている場合は、コードが黄色く変わって豆電球のアイコンが表示されるので、クリック → Change を押して下さい。

 

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

SyncNowを押す
 
 

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

parent="Theme.AppCompat.Light.DarkActionBar"

parent="Theme.MaterialComponents.DayNight.DarkActionBar"

に変更して下さい。
 

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

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

次に行うこと

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

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

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


 

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

完全版では

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

などを実装していきます。
 

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

さらに3つの特典

  1. Google Play Games リーダーボード・実績の実装方法
  2. 画像を使ったクイズアプリの作り方
  3. 答えを入力するクイズアプリの作り方

もご用意しました。
 

講座ボーナス
 

全手順の動画付きで、アプリの開発から公開・アップデートまで出来る講座になっています。

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

 
 

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

 
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。

オンラインスクールを選ぶときのポイント

  • 無料体験があること
  • 個別サポートがあること

自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。(無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。)
 
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。

ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい????
 

1. TechAcademy(テックアカデミー)

オンライン完結で勉強できるスクールで、コースがとても充実しています。チャットで質問すればすぐに回答を得られるのが一番のおすすめポイントです。
オリジナルのサービスやアプリの開発もサポートしてくれるので、開発したいものが決まっている人にもオススメです。

無料体験はこちら

2. CodeCamp(コードキャンプ)

一対一で受講できる個別指導のプログラミングスクールです。
Webデザイン・Webサービス開発・アプリ開発などを幅広く学習することができます。
マンツーマンなので自分のペースで学習できて、質問もその都度できるのがメリットです。

無料体験レッスンはこちら

3. Treehouse

英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。

7日間の無料体験はこちら

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA