【Kotlin】簡単なAndroidアプリの作り方!Android Studioの使い方

この記事からわかること
- Android Studioで簡単なアプリを開発する方法
- Kotlinの使い方
- プロジェクトのファイル構造
- activity_main.xmlファイルとは?
- ボタンをクリックで文字を表示するアプリの作り方
- 「Unresolved reference: Button」と「Not enough information to infer type variable T」とは?
index
[open]
\ アプリをリリースしました /
参考文献: 公式リファレンス:Android Kotlin の基礎
今回は初心者向けにAndroidアプリを「Android Studio」を使用して開発する流れを見ていきます。とても簡単なボタンと文字だけ表示するアプリを作っていきます。
Androidアプリを開発するために必要なもの
- 開発環境:Android Studio
- 開発言語:Java or Kotlin
- アカウント:Googleアカウント
- PC:Windows or Mac
開発環境:Android Studio
Androidアプリを開発するためには「Android Studio」という統合開発環境(IDE)が必要になります。公式サイトから無料で簡単にインストールすることができます。

「Android Studio」だけでエディタやデバッガー、エミュレーターなどアプリ開発に必要な環境を整えることが可能です。
開発言語:Java or Kotlin
Androidアプリの開発言語は「Java」もしくは「Kotlin(コトリン)」です。最近はKotlinを使用した開発が増えてきています。
Googleアカウント
AndroidはGoogleが提供しているOSなのでGoogleアカウントが必要になります。実際にGoogle Playストアへアプリを公開する際に使うことになるので取得しておく必要があります。
PC:Windows or Mac
開発するためのPCはWindowsでもMacでもどちらでもOKです。iOSアプリを開発するためにはApple製品でないと開発ができませんが、Googleは両者ともに対応しています。
プロジェクトの作成とセットアップ
では実際にAndroid Studioを使用しながらアプリを開発する流れを見ていきたいと思います。Android Studioを起動して「New Project」を選択します。

続いて「Empty View Activity」をクリックします。

次に「プロジェクト名」、「保存する先」「使用する言語」、「Minimum SDK(対応するAndroidバージョン)」を選択します。「保存する先」はデフォルトではAndroid Studioと同階層になっているので「Desktop/プロジェクト名
」と選択すると良いです。

「Finish」を押すと生成が始まり以下の画面が開きます。この画面になってもしばらくローディングしているので左側にフォルダ構造が表示されたら開発する準備は完了です。

ファイル構造
左側にフォルダ構造が確認できますが、これは実際のフォルダの構造とは異なりAndroidを開発する上でわかりやすいようになっているようです。実際のフォルダ構造にするには「 Android」となっている部分をクリックし「Project」に変更することで切り替わります。

大体のファイルの役割は上記の通りです。最初の内によく触るのは「java」>「com.example.app」内と「res」>「layout」内が多いかもしれません。
layout > activity_main.xmlとは?
「activity_main.xml」はアプリのUI部分を構築するためのファイルです。ダブルクリックして開いてみると以下のようにXML形式のコードとプレビューが表示されます。表示されない場合は一番右の「Code」「Split」「Design」の「Split」を選択してください。

最初の状態ではアプリの画面に「Hello World!」と表示されています。これを構築しているのが右側のXMLのコードです。ConstraintLayout
は画面全体のレイアウト部分を司っており、中にTextViewが見えます。
TextViewの属性としてandroid:*
という形式でViewに対しての定義を施していきます。例えばandroid:layout_width
はViewの横幅を定義する属性でwrap_content
という値が渡されています。
渡せる値:wrap_content/match_parent
渡せる値はwrap_content
といった定数のようなものと400dp
や30sp
といった数値と単位を組み合わせたものです。TextViewにはwrap_content
が渡されていたので中のテキストの量にフィットする大きさに自動で変化します。
- wrap_content・・・要素の大きさに合わせて動的変化
- match_parent・・・親の要素と同じ大きさ
- dp / sp / in / px / pt ・・・Viewにはdp テキストにはsp
- @XXXXX ・・・後述しますがidやリソースなどを参照
おすすめ記事:【Android Studio/Kotlin】dpとsp、px、pt、inの違いや使い方!サイズの指定方法
Buttonを追加してみる
では上記に倣ってボタンを追加してみます。まずは以下の通りに記述します。
この状態ではまだViewの位置を指定していないので画面の左上部に行ってしまいます。表示されているTextViewの下に持ってきたいので以下のように修正します。ついでに文字サイズも修正しておきます。

ここで文字サイズの指定に30sp
がViewの位置調整に@id/text
が登場しました。まずapp:layout_constraintTop_toBottomOf
はこのView(Button)のTopを指定したBottomの下に持ってくる制約をつける属性です。そこに@id/text
で対象のViewを指定しています。IDにtextが付いているのはandroid:id="@+id/text"
を付与したViewTextです。付与するときは@+id
指定するときは@id
になります。
文字のハードコードを防ぐ:strings.xml
TextViewやButtonの文字はandroid:text="文字列"
属性に文字列をそのまま渡して指定していましたが、汎用性が少なく、同じ文字列を流用する場合やロケール(国など)が異なる時にすべて書き直すなどといったことになってしまいます。そんな文字のハードコード(ベタがき)を防ぐためにstrings.xmlを使用します。
strings.xmlには参照するIDとなるname
属性と実際の文字列を渡します。activity_main.xml側では@string/text_view_label
のように指定します。
ボタンのアクションを定義する
今のままではボタンをクリックしても何も起こらないのでアクション部分をMainActivity.ktに定義していきます。ここまではずっとXMLを記述してきましが次はKotlinになります。デフォルトで定義されているMainActivity
はAndroidアプリのライフサイクルの要部分であり、Activityが生成されたときに自動でonCreate
メソッドが実行されます。
ここにアクション部分を記述していきます。まずはMainActivity.kt側から追加したViewを参照するためのコードを記述します。
この際に上記の2行をコピペするとUnresolved reference: Button
やNot enough information to infer type variable T
といったエラーが発生してしまいます。

これは本来であればTextView
とButton
の型を参照できるように以下のようにimport
文が必要になるのですが、先ほどの2行を1文字ずつ入力していくと自動で対象のimport
文を補完してくれますが、コピペだと対応できずエラーになるようです。
またfindViewById
の記述方法は以下の通りでも同義になります。
setOnClickListener
ボタンのアクション部分はsetOnClickListener
メソッドの中に定義していきます。以下はTextViewの文字列をタップとともに書き換えています。
エミュレータを起動する
ここまでできたらエミュレータを起動して動作を確認してみます。上部の「 」をクリックするとエミュレータが起動します。Android Studioの右側に表示されるのでドラッグ&ドロップすると外側に出すことが可能です。タップして文字列が変化するか試してみてください。

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。
ご覧いただきありがとうございました。