Android Studioでアプリを作成する方法

ページ名：Android Studioでアプリを作成する方法

Android Studioは、Androidアプリ用の公式IDEだ。費用はかからず、JavaとKotlinプログラミング言語をサポートしている。自分のアプリが何をするのか、非常によくコントロールできる。では、なぜAndroid Studioでアプリをプログラムしないのか？この記事では、あなたがJavaの基本を知っていることを想定しています。 このWikiHowでは、Android Studioで基本的なアプリを作る方法を説明します。

パート1

Android Studioのインストール

  1. Android Studioをダウンロードします。お使いのOS（Windows、Mac、Linuxなど）に合ったバージョンをダウンロードしてください。 ダウンロードは約1GBで、ダウンロードに数分かかる場合があります。 以下の手順でAndroid Studioをダウンロードし、インストールしてください：お使いのシステムのバージョンを確認してください。
    • ウェブブラウザにアクセスする。
    • Download Android Studioと書かれた緑色のボタンをクリックします（ボタンの下に正しいオペレーティング・システムが表示されていることを確認してください）。
    • 上記の利用規約を読み、同意します」の横のチェックボックスをクリックします。
    • Download Android Studio for [Your Operating System]という青いボタンをクリックします。
    • インストールファイルを開きます。
    • 画面の指示に従います。
  2. 依存関係をインストールします（Linux 64ビットのみ）。64ビットLinuxコンピュータをお持ちの場合（お持ちでない場合はこのステップをスキップしてください）、いくつかの追加パッケージをインストールする必要があります。 aptを使用するシステムでは、コマンドラインに次のように入力します： sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2-1.0:i386.
    • システムがyumを使用している場合は、代わりに以下を入力してください： sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
    • または、Ubuntuのソフトウェアセンターを開き、右上の虫眼鏡のようなアイコンをクリックして、検索バーに「Android Studio」と入力すれば、Android Studioを簡単にインストールできます。 Android Studioのアイコンをクリックし、インストールをクリックする 緑色の円の中に「A」の形をしたコンパスのようなアイコンを持つ。
  3. アーカイブを解凍します（Linuxのみ）。WindowsまたはMacでインストールファイルをダウンロードした場合、またはUbuntuのソフトウェアセンターからAndroid Studioをダウンロードした場合は、この手順をスキップします。そうでない場合は、アーカイブをダウンロードしたディレクトリに移動します。次に、ファイルマネージャーでアーカイブを右クリックし、"Extract here "オプションを選択するか、コマンドラインに "tar -xf downloadName.tar.gz "と入力します（"downloadName "はダウンロードしたファイルの名前に置き換えてください）。
  4. Android Studioを起動します。.exeまたは.dmgファイルをダウンロードした場合は、ダブルクリックします。アーカイブをダウンロードして解凍した場合は、ターミナルを開き、解凍したファイル（通常は "android-studio"）のあるディレクトリのサブディレクトリ "bin "に移動します。これは、cd android-studio/binと入力することで行われます。./studio.shと入力して、"studio.sh "ファイルを実行します。
  5. 設定をインポートするかどうかを決めます。Android Studioを初めて使う場合は、「いいえ」を選択します。以前使っていて、以前の設定をそのまま使いたい場合は、「はい」を選択し、保存した場所を指定します。
  6. 使用データをGoogleに送信するかどうかを決めます。これは個人的な判断であり、インストールやプログラミングの過程で何かが変わることはありません。
  7. ウィンドウが表示されるまで待つ。Android Studio Setup Wizard」というウィンドウが表示されます。次へ」をクリックして進みます。
  8. 標準インストールかカスタムインストールかを決めます。Android Studioを初めて使う場合や、特別な要件がない場合は、「標準」を選択してください。
  9. コンポーネントがダウンロードされるまで待ち、Finishをクリックします。少し時間がかかるので、その間に他のことをしても構いません。ダウンロードが完了したら、Finishをクリックします。
パート2

新しいプロジェクトの開始

  1. Android Studioを開く。 緑色の円の中にAの形をしたコンパスのアイコンがあります。 アイコンをクリックしてAndroid Studioを開きます。
  2. 新しいAndroid Studioプロジェクトを開始する」をクリックします。Android Studioのロゴの真下にある「Welcome to Android Studio」というウィンドウの中にあります。このようなウィンドウが表示されない場合は、そのウィンドウが他のウィンドウで隠れていないか確認してください。
  3. アクティビティを選択し、Nextをクリックします。新しいAndroidプロジェクトを開始すると、選択できる様々なテンプレートが表示されます。 また、上部のタブで設計したいデバイスを選択することもできます（例：電話とタブレット、WearOS、テレビなど）。アプリの作り方を学ぶには、「空のアクティビティ」を選択するとよいでしょう。アプリのプログラミングを理解したら、他のアクティビティが提供する追加機能を使うことができます。
  4. アプリの名前を入力してください。これは "Configure your project "ページの一番上にある "Name "の下にあるフィールドに入力します。何のためのアプリかすぐにわかるように、短く説明的な名前にしましょう。
  5. 言語としてJavaを選択します。Language "の下にあるドロップダウンメニューでJavaを選択してください。
  6. どのAndroidバージョン用にデザインしたいかを選択します。 Minimum API level "の隣にあるドロップダウンメニューで、アプリが最も早く対応するAndroidのバージョンを選択します。 シンプルなアプリの場合は、古いバージョンであっても、ほとんどのデバイスでサポートされているバージョンを選択する必要があります。
  7. Finishをクリックします。これで新しいAndroid Studioプロジェクトが作成されます。 自動ビルドシステムがプロジェクトをセットアップするまで数分待ちます。
パート3

アプリのプログラミング

  1. やりたいことを理解する。ユーザーがどのような入力をするのか、それをどのように処理するのか（プログラミング中に即興でも構いませんが、どのように動作するかのアウトラインは持っておくべきです）、ユーザーにどのように出力を表示するのかを考えてください。この例では、ユーザーが2つの数字を入力すると、その合計が表示されるアプリの作り方を示しています。
  2. 翻訳エディタを開きます。アプリを翻訳しない場合でも、翻訳リソースの文字列のみを使用することは良い習慣です。次の手順で翻訳エディタを開きます：
    • 一番上のactivity_main.xmlというタブをクリックします。
    • 一番上の地球儀のようなアイコンの横にある「Default (en-us)」というドロップダウンメニューをクリックします。
    • Edit translations...というオプションをクリックしてください。
  3. テキストを追加します。このアプリで何をするのかをユーザーに説明する必要があります。 以下の手順でテキストを追加してください：
    • 翻訳エディターの左上にあるプラス（＋）ボタンを押して、文字列を追加します。
    • 短いキーを挿入します（変数名のようなもので、例えば "main_instruction"）。
    • Default Value"（例："Enter two numbers to add:"）の隣に完全な英語のテキストを入力します。
    • Okをクリックする。
    • 必要であれば、地球儀に+記号が描かれたボタンを使ってロケールを追加し、すべてのテキストをそのロケールに翻訳することができます。
  4. activity_main.xmlタブをクリックします。 これで翻訳エディターが閉じ、アクティビティメイン画面に戻ります。 真ん中に "Hello World!"というテキストボックスが表示された空の画面が表示されます。今のところ、これは役に立たないインターフェースです。
  5. Hello World!"を置き換える 以下の手順で、"Hello World!"のテキストを置き換えてください：
    • 中央のテキストボックスをクリックする。
    • 右側の "text "と書かれた入力を選択する。
    • Hello world!"を"@string/main_instruction"(または作成したキーの名前)に置き換える。テキストボックスには、そのキーに入力したテキストが表示されます。
    • テキストボックスをさらに上にドラッグして、下に他の要素を入れるスペースを確保します。
    • 画面上のすべての項目を表示するメニューで「TextView」の項目を右クリックし、「Constrain」の後に「parent top」を選択します。
      • これでテキストボックスが許容できない位置に移動したら、元の位置に戻して繰り返します。テキストボックスを水平方向にセンタリングするには、Centerに続いてHorizontallyを選択します。
  6. 画面上に2つの数値入力を配置する。以下の手順で、画面上に数値入力を追加します：
    • "パレット "の下にある左側のパネルで "テキスト "をクリックします。
    • 2つの数字（符号付き）入力をプレビュー画面にドラッグする。
    • 右側の「属性」パネルにある「Id」と書かれたテキストボックスを使って、IDを覚えやすいもの（例えば「number1」と「number2」）に変更する。
    • 一番上のテキストボックスと同じように、数字入力も中央揃えにしてください。autoFillHints "属性が見つからないという警告は無視してかまいません。
  7. 画面に "Add "ボタンを配置する。以下の手順で "Add "ボタンを追加してください：
    • "パレット "の下にある左側のパネルで "ボタン "をクリックします。
    • ボタンを画面上にドラッグします。
    • 翻訳エディターで、"text_add "をキーに、"Add "をデフォルト値とする文字列を追加します。
    • activity_main.xmlに戻り、右側の属性パネルで、"Button "というテキストを"@string/text_add "に置き換える。
    • 右側の属性パネルの "Id "の隣にある "buttonAdd "のように、ボタンに説明的なIDを与える。
    • 画面上の他のオブジェクトと同じように、ボタンを拘束し、中央に配置する。
  8. 2つの翻訳文字列を追加する。Translation Editorを開き、2つの新しい文字列を作成します。 1つは "result "をキーとし、"Result "をデフォルト値とします。 もう1つは "not_yet_calculated "をキー、"not calculated yet "をデフォルト値とします。
  9. 他の2つのテキストボックスを追加する。以下の手順で、2つの新しいテキストボックスを追加します：
    • Activity_main.xml」タブに戻る。
    • パレット」の下にある左側のパネルで「テキスト」をクリックします。
    • 2つのTextViewテキストボックスを画面にドラッグします。
    • 文字列を追加したものに置き換える。
    • まだ計算されていません」と表示されるテキストボックスには、属性パネルの "id "フィールドに "resultOut "のようなIDを与える。
    • これらのテキストボックスを親トップと親スタートに拘束する。
  10. mainActivity.javaに切り替える。これはアプリのコードを含むファイルである。
  11. 必要な変数を宣言します。ユーザー入力を取得し、ユーザーがボタンを押したときに反応し、"not calculated yet "テキストボックスを計算結果に変更する必要があります。そのために、プログラムは画面上の項目を "見る "必要がある。項目を直接変更することはなく、属性だけを変更するので、最終的なものとして宣言する必要があります。そこで、onCreate()関数の下の行、"setContentView() "の後に次のように入力する。テキストボックスやボタンの名前が下記と異なる場合は、必要に応じて変更してください。 コードは手動で入力してください。 コピー＆ペーストでは動作しません。 コードは以下の通り：
    final EditText num1 = findViewById(R.id.number1); final EditText num2 = findViewById(R.id.number2); final Button buttonAdd = findViewById(R.id.buttonAdd); final TextView resultOut = findViewById(R.id.resultOut)；
  12. クリックリスナーを作成します。これは、ユーザーがボタンをクリックしたときに呼び出される関数です。追加するには、コードの最後の "final "行の下に次のように入力します：
    buttonAdd.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { }); ボタンをクリックしたときに呼び出される関数です。
    } });
  13. クリック・リスナーにコードを追加します。ユーザーの入力を取得し、それを整数に変換して足し合わせ、"not calculated yet "テキストボックスのテキストをその結果に変更したい。public void onClick(View v)」の行の下に以下のコードを追加する：
    int sum = Integer.parseInt(num1.getText().toString()) + Integer.parseInt(num2.getText().toString()); resultOut.setText(Integer.toString(sum))；
パート4

アプリのテスト

  1. APKをビルドする。以下の手順でAPKファイルをビルドする：
    • Build]タブをクリックします。
    • Build Bundle(s)/APK(s)をクリックします。
    • Build APK(s)をクリックします。
  2. 右下のポップアップに表示される "locate "リンクをクリックします。ファイルマネージャーでAPKのあるフォルダが開きます。
  3. Androidスマートフォンをコンピュータに接続します。 USB / microUSB転送ケーブルを使用して、スマートフォンまたはタブレットをコンピュータに接続します。
  4. をスマートフォンにインストールします。スマートフォン上でごちゃごちゃにならないように、APK用の新しいディレクトリを作成するか（今は1つだけですが、開発を続ければすぐにたくさんできます）、Downloadsディレクトリを使います。.jsonファイルはコピーせず、無視してください。
  5. スマートフォンでAPKを見つける。ファイルマネージャーを開く。最近のダウンロードやAPKsセクションにない場合は、検索してください。
  6. APKをタップします。インストールするかどうか尋ねられます。はい」をタップし、インストールを待ちます。
    • スマートフォンにアプリをインストールしてテストするには、スマートフォンの設定で外部ソースからのアプリのインストールを許可する必要があります。
    • インストール後にAPKを削除することができます。また必要な場合は、いつでもパソコンで新しいものをビルドできます。
  7. スマートフォンでアプリを開きます。濃い青緑色の背景に白いAndroidロゴがアイコンとして表示されます。
  8. アプリが期待通りに機能するか確認してください。
この記事は、CC BY-NC-SAの下で公開されている「 How to Create an App with Android Studio 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAで利用可能です。

シェアボタン： このページをSNSに投稿するのに便利です。

コメント

返信元（返信をやめる）

※ 悪質なユーザーの書き込みは制限します。
最新を表示する
NGIDの確認

NG表示方式

NGID一覧