Java入門

Android開発のためのJava入門 第4回「Android Studioの使い方とActivityについて」

Android Studio 4.0.1 に更新しました!

ここまでの記事はこちら
 

前回エミュレータを用意してアプリを実行できるようになりましたが、コードを書き始める前にもうひと準備です。

今回は

  • Android Studio の使い方
  • Activity(アクティビティ)

について紹介していきます。

Android Studio を開いて始めていきましょう
 


 

Android Studio の使い方

まずはじめに Android Studio の使い方を簡単に説明します。

使いながら覚えていく方がわかりやすいと思うので、今の時点で必要な箇所だけ紹介していきます。
 

1. プロジェクトウィンドウ

まず画面左側が「プロジェクトウィンドウ」です。


 

ここでは

  • 新しくファイルを作成する
  • 編集したいファイルを開く
  • ファイルを削除する

などを行います。
 
 

現在は Android ビュー という形式でファイルが表示されていると思います。


 

Android ビューは実際のプロジェクト構造とは異なり、アプリ開発に必要なファイルを簡単に見つけられる構造になっています。

ですので、全てのファイルが表示されているわけではなく、あまり使うことがない一部のファイルは非表示になってます。
 
 

Android の部分をクリックするとドロップダウンメニューが表示されるので Project を選択してください。


 

「Project」ビューに切り替えてみると、表示形式がガラッと変わります。


 

Project ビューでは先ほど非表示になっていたファイルも含めて、実際のプロジェクト構造で全てのファイルが表示されます。
 

app フォルダの上で右クリックして、macOS の場合は「Reveal in Finder」、Windows の場合は「Show in Explorer」を押して下さい。


 
 

AndroidStudioProjects フォルダに保存されている実際のプロジェクト構造が表示されました。
Project ビューの表示形式と同じ構造になっていますね。


 
 

どの表示形式を選んでも良いですが、この講座ではよりシンプルで分かりやすい Android ビューにして進めていきましょう。
 

Android ビューにしてもたくさんのフォルダとファイルが表示されていますが、今の時点では MainActivity.javaactivity_main.xml の場所だけ確認しておいてください。


 
 

2. エディタ

次は画面右側の「エディタ」です。ここには現在編集中のファイルが表示されます。


 

タブをクリックすると編集するファイルを切り替えることができます。


 
 

activity_main.xml を開いてみてください。

ここはアプリのレイアウト、つまりユーザーから見える部分を作っていく場所です。

今は「Hello World」というテキストだけがある状態ですが、ここにボタンや画像などの要素を置いていくことでアプリの画面を作っていきます。
 

画面右上に「Design」「Split」「Code」という3つのボタンがあります。


 

Android アプリ開発ではレイアウトを XML というコードで書いていくのですが、このとき「Code」「Split」「Design」の3つから作成方法を選ぶことができます。

XMLとは?
XMLとはExtensible Markup Language(エクステンシブル マークアップ ランゲージ)の略です。簡単に言うと HTML のデータ管理バージョンです。HTML はウェブサイトの画面を作るときに使いますが、XML は主にデータを管理するときに使われます。

 


 

① Code


 

Code では自分で XML を書いていきます。

スッキリとした XML コードを書けることがメリットですが、慣れるまで少し手間がかかること、どのような画面になっているか確認できないことがデメリットです。
 
 

② Split


 

Split では① Code 画面とプレビュー画面が分割で表示されます。

左側に XML を書きながら、右側でどのようなレイアウトになるかプレビューを確認することができます。
 
 

③ Design


 

Design では、Palette(パレット)からボタンやテキストなどの要素を選んで、ドラッグ&ドロップで画面に置いていきます。

要素を置くと自動的に activity_main.xml に XML コードが追加される仕組みです。

簡単に画面が作れるのがメリットですが、XML がゴチャゴチャするのがデメリットです。
 
 

どれを使うか?

どれを使っても良いですが、個人的にはプレビュー画面を確認しながらスッキリとしたコードを書ける ② Split をいつも使用しています。

左側に書いたコードがどんな意味を持つのか、右側のプレビュー画面を確認しながら進められるので、初めての方にも分かりやすいと思います。

今回は ②Split でレイアウトを作っていきましょう。
 
 

Activity について

先ほど「activity_main.xml はアプリのレイアウト、つまりユーザーから見える部分を作っていく場所」と紹介しました。

Android 開発では、このユーザーから見える画面のことを Activity(アクティビティ)と呼びます。
 

プロジェクトを作成時点では1つのアクティビティしかありませんが、アクティビティはいくつでも作成することができます。
 

例えばクイズアプリを作ると考えてみましょう。

クイズアプリには「クイズ開始画面・クイズ出題画面・結果画面」が必要になりそうですね。

1つの画面につき、1つのアクティビティを用意する必要があるので、このクイズアプリの場合は3つのアクティビティを作成することになります。


 
 

アクティビティを追加すると用意されるのが

  • activity_main.xml
  • MainActivity.java

の2つのファイルです。

main の部分はアクティビティの名前によって異なりますが、アクティビティを追加すると必ずこの2つのファイルが作成されます。
 

activity_main.xml がアプリのユーザーから見える部分であったのに対して、MainActivity.java は アプリの機能を作っていく場所です。
 

クイズアプリの場合 activity_main.xml には問題文を表示する TextView や回答ボタンを用意します。

そして MainActivity.java には、問題文を TextView に表示したり、問題の正解・不正解を判定するコードを書きます。

クイズ開始画面からクイズ出題画面へ、クイズ出題画面から結果画面へのアクティビティの切り替えも java ファイルで行います。


 
 

この講座でも複数のアクティビティを使うアプリの開発方法を紹介するので、今の時点でモヤッとしていても心配しないでくださいね。

現時点では

  • activity_main.xml はアプリのレイアウトを作る場所
  • MainActivity.java は アプリの機能を作る場所

ということだけ覚えておいて下さい。
 
 

次に行うこと

ここまでで Android Studio を使う準備は完了です!

次回は Java には欠かすことができない「クラスとメソッド」について紹介していきます
 

第5回「クラスとメソッド」に進む
 

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

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

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

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

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

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

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

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

無料体験はこちら

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

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

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

3. Treehouse

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

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

COMMENT

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

CAPTCHA