4択クイズアプリ(Kotlin)

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

 
この講座の目次はこちら
 

今回は

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

を行なっていきます。
 


 

動画

準備中

 
 
 

解説

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

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

プロジェクトを作成
 

2. Activity の選択

Empty Activity を選択して Next を押します。

Activity の選択
 

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

3. プロジェクト情報の入力

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

プロジェクト情報の入力
 

①アプリ名

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

②パッケージ名

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

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

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

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

参考:初めて独自ドメインを取得するときの注意点と確認ポイント
 

③保存先

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

④言語

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

⑤ミニマムSDK

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

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

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

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

SDKの選択
 

APIシェアの確認
 

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

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

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

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

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

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

簡単に言うと

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

となります。
 
 
 

5. テーマの確認

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

画面左側のプロジェクト構造から res → values → themes → themes.xml を開いて、3 行目が Theme.MaterialComponents.DayNight.DarkActionBar となっていることを確認します。


 

今回は Android で用意されている MaterialComponents を使ってこのようなボタンを使う方法を紹介します。

MaterialComponentsのボタン
 

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

Theme.AppCompat.Light.DarkActionBar になっている場合は MaterialComponents を使えるようにテーマを設定しましょう。
 
 
 

6. テーマの設定

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

build.gradle(Module: app)を開く
 

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

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

を追加して、画面上部に表示される Sync Now を押します。
 

dependencies追加
 

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

 
 

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

parent="Theme.AppCompat.Light.DarkActionBar"

parent="Theme.MaterialComponents.DayNight.DarkActionBar"

に変更して下さい。
 


 
 

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

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

次に行うこと

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

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

【2021年12月公開】Android 開発のための Kotlin 入門講座

Kotlin の入門書や入門講座では「文法を学んでもそれをいつどこで使うのか分からない」「アプリ開発との関連が分からない」ということがよくあります。
 

Android 開発のための Kotlin 入門講座では「Kotlin 文法を学ぶ→アプリ開発する」を繰り返して、合計3つのアプリを開発していきます。

  • とにかく Android アプリを開発してみたい!
  • Android 開発に興味があるけれど、何から始めれば良いかわからない
  • プログラミングに挫折したことがある

という方にお勧めの講座になっています。

この講座でプログラマーへの第一歩を踏み出しましょう
 

 

講座の全内容が公開される2022年1月31日までの期間限定で50%オフで受講して頂けます。

 

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