TechAcademy（テックアカデミー） Androidアプリコース スマートフォンアプリ開発 Androidアプリ開発 Androidアプリ開発でadbコマンドを使ってシェルを起動する方法【初心者向け】
オーダーメイドコース
icon
icon
Androidアプリ開発

Androidアプリ開発でadbコマンドを使ってシェルを起動する方法【初心者向け】

Androidアプリ開発で【adb(Android Debug Bridge)Android Studioのターミナルからエミュレータのシェルを起動する方法】を初心者向けに解説した記事です。PCからスマートフォンやエミュレータを操作できるようになります。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

adbとは、Android Debug Bridgeを省略したものです。

これを利用するとパソコンからスマートフォンやエミュレータを操作することができるようになります。

今回は、Android Studioのターミナルからエミュレータのシェルを起動する使い方をご紹介します。

なお、この方法はパソコンにAndroid Studioがインストールされ、動作確認がされている必要があります。

 

本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。

 

大石ゆかり

田島メンター！！Android StudioのターミナルからAndroidのシェルを操作したいんですけど、どうしたらいいんですか・・・？

田島悠介

adbを使うとできるよ。いくつか設定が必要だから、実際にやってみようか。

大石ゆかり

はい、お願いします♪

 

目次

adbコマンドを使ってシェルを起動するには、以下のような手順で進めていきます。

それでは順番に説明していきます。

 

 

 

エミュレータを起動する

 

ツールバーから「AVD Manager」をクリックします。

 

エミュレーターを選択し、緑色のボタンをクリックしてエミュレータを起動します。

 

エミュレータが完全に起動するまで待ちます。

 

[PR] Androidアプリ開発コース

デバイスのシリアルナンバーを確認する

 

Android Studioのターミナルを起動し、「adb devices」を実行し、シリアルナンバーを確認します。下記の場合は「emulator-5554」がシリアルナンバーとなります。

 

シェルを起動する

 

「adb –s [デバイスのシリアルナンバー] shell」を実行します。

プロンプトの表記が変わればシェルが利用できる状態です。

 

シェルを終了する

 

「exit」を実行するとシェルが終了します。

 

今回の記事は以上です。

Androidアプリ開発をさらに学びたい場合は、Androidアプリ開発でAntを使ってプロジェクトをビルドする方法を合わせてご覧ください。

 

大石ゆかり

adbを使うと簡単に操作できるんですね♪

田島悠介

そうだね。パソコンから操作を確認したい時によく使うから、覚えておいて損はないよ！

大石ゆかり

はい、わかりました♪

 

[お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。

記事を検索

関連するキーワード

関連する記事

【ゼロから作る！】初心者から始めるAndroidアプリ開発の開発手順とは

Androidアプリの開発手順をゼロから紹介していきます。 今回の記事では、アプリを作ったことがないという未経験者でも分かりやすく2人のキャラクターが登場...
Androidアプリ開発

初心者でもできた！Androidアプリの開発環境構築方法（Windows編）

自分でもAndroidアプリを開発してみたい！と思う方も多いのではないでしょうか。 今回は、初心者でもできるWindowsのAndroidアプリの環境構築...
Androidアプリ開発

KotlinのIntentによりAndroidアプリで画面遷移する方法を現役エンジニアが解説【初心者向け】

KotlinのIntentによりAndroidアプリで画面遷移する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者...
Androidアプリ開発

KotlinのMapでオブジェクトのペアを保存する方法【初心者向け】

KotlinのMapの使い方について解説します。   本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内...
Androidアプリ開発

KotlinのArrayとListの違いを現役エンジニアが解説【初心者向け】

KotlinのArrayとListの違いについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 初心...
Androidアプリ開発

Androidアプリ開発言語のJavaとKotlinを現役エンジニアが比較【初心者向け】

Androidアプリ開発言語のJavaとKotlinについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。...
Androidアプリ開発

あわせてよく読まれている記事

Android StudioでAndroidアプリのエミュレータを使う方法【初心者向け】

Androidアプリをこれから開発したい！という初心者向けの記事です。 Androidアプリの開発環境のAndroid Studioでエミュレータを使えば、PC上でAndroidアプリを実行することができます。また、画面の大きさやSDカードの容量などを自分で設定できるため、手軽にさまざまな環境のテストも可能です。   大石ゆかり 田島メンター！！Androidのエミュレータってどうやって使うんですか〜？ 田島悠介 今開発しているのってAndroid Studioでだよね。それだったらAndroid Studioからエミュレータを使えるよ。 大石ゆかり どうやるんですか〜？   開発環境構築の流れ Android StudioでAndroidアプリのエミュレータを使う方法は、以下のような手順になります。 仮想デバイスの作成 エミュレータの起動 アプリをエミュレーターで起動する エミュレーターが動かない時は・・・ それでは順番に見ていきましょう。     仮想デバイスの作成 初めてエミュレータを起動する場合や、新しい環境のエミュレータを使いたい場合に必要な作業です。すでに仮想デバイスの作成ができている場合は、次の手順に進んでください。   ツールバーから、「AVD Manager」を起動しましょう。   「Create Virtual Device」をクリックします。   この中にすでに起動したい環境に近いものを選択し「Next」をクリックします。   システムイメージ（Android OS）をダウンロードするため、上記の「Download」をクリックします。「x86 Images」タブで他のバージョンをダウンロードすることもできます。   「Accept」を選択し、「Next」をクリックします。   「Finish」をクリックします。   「Next」をクリックします。   先ほど選択したデバイスの設定が表示されます。もしも、自分が使用したい環境と異なる場合は、ここで設定をカスタマイズすることができます。設定ができたら、「Finish」ボタンをクリックします。   下記のように追加されたらAVDの作成は完了です。 この画面（Android Virtual Device Manager）を閉じます。     これでエミュレータを使う準備ができました。   [PR] Androidアプリ開発コースエミュレータの起動 いよいよ起動していきます。   ツールバーから、「AVD Manager」を起動します。   先程作成した仮想デバイスが表示されていますので、「再生」ボタンをクリックします。     数分待つとエミュレータが起動します。起動が遅いことがあり、少し時間がかかる場合がありますので、気長にお待ちください。起動しないからといって焦らないようにしましょう。   エミュレータの起動ができました。「Android Virtual Device Manager」を終了してください。     アプリをエミュレーターで起動する 最後に開発したアプリをエミュレータで起動してみましょう。   ツールバーから「Debug」をクリックします。   起動中のエミュレータの一覧が表示されますので、「OK」ボタンをクリックします。   しばらくすると、先ほどアプリが起動したエミュレータにアプリが実行されます。     エミュレーターが動かない時は・・・ まれに、手順通り進めたのにエラーになってエミュレータが動かない場合があります。 代表的なエラーメッセージと対策を説明します。   エミュレーターのRAMサイズが大きすぎる Android studio Cannot set up guest memory 'pc.ram': Invalid argument PCのメモリ容量に対して、エミュレーターのRAMサイズが大きすぎる場合に発生します。 ツールバーから、「AVD Manager」を起動します。 作成した仮想デバイスが表示されていますので、「編集」ボタンをクリックします。 「Show Advanced Settings」ボタンをクリックします。 Memory and Strage にある RAM:の容量を小さくします。作業が完了したら「Finish」ボタンを押して下さい。   「Intel x86 Emulator Accelerator (HAXM)」がインストールされていない emulator: x86 emulation currently requires hardware acceleration!  Please ensure Intel HAXM is properly installed and usable. CPU
Androidアプリ開発

初心者でもできる！「AndroidStudio」を使ったAndroidアプリ開発環境の構築方法

初心者がAndroidアプリを開発しようと始めた時の、最初のハードルは開発環境の構築ではないでしょうか？ そんな初心者向けに、AndroidStudio（アンドロイドスタジオ）を使ったAndroidアプリ開発環境の構築方法をご紹介します。   なお、この開発環境はTechAcademyで開催しているAndroidアプリ開発オンラインブートキャンプで使用しているものです。   大石ゆかり 田島メンター！！「Android Studio」ってなんですか〜？ 田島悠介 「Android Studio」っていうのは、今までElicpseとかでAndroidアプリを開発していたと思うんだけど、Android開発のためのIDE環境なんだ。 大石ゆかり 詳しく教えてください！！！   目次 本記事は下記の流れで説明していきます。 開発環境を構築するだけでなく、新規プロジェクトの作成方法、エミュレータの起動、Hello Worldの表示までを扱います。 なお、今回はMacのPCを使って説明しますが、基本的なやり方はWindowsも同じです。   1.AndroidStudioとは 2. AndroidStudioをインストールする 　※もしJava not foundと表示されたら 3. AndroidStudioを起動し、新規プロジェクトを作成する 　3-1. 新規プロジェクトを作成 　3-2.  プロジェクトの設定 　3-3. Minimum SDKの選択 　3-4. Activity（画面）タイプの選択 　3-5. Activity（画面）の設定 　3-6.プロジェクト構築 4. エミュレーターを起動・設定する 　※エミュレータ起動時にエラーが表示されたら 5. Hello World! と表示させる     1. AndroidStudioとは 2014年秋からThe official Android IDEとして正式に リリースされた新しい開発環境で、Intellij IDEAベースの統合開発環境です。 以前に使われていた、EclipseベースのADT（Android Development Tools）から移行した開発環境で、従来のADTもAll-in-Oneの配布は終了しましたがEclipseにプラグインとして導入することができます。 操作や機能は従来のADTと違和感なく使えるようになっているので、以前にアプリを開発したことがある方でも安心して使えることでしょう。   [PR] Androidアプリ開発コース2. AndroidStudioをインストールする まずはAndroidStudioのダウンロードページにアクセスしてください。 このような画面に飛ぶので、ダウンロードボタンをクリック。   さらに次のような画面に進むので、利用規約を読んだらチェックボタンにチェックを入れて、ダウンロードします。 ダウンロードには少し時間がかかる場合があります。   ダウンロードが終わると、このような画面が表示されます。表示の通りに、「Android Studio」のアイコンを「Applications」にドラッグ&ドロップしてください。   ドックから、ドックに見当たらなければ ApplicationのなかからAndroid Studioのアイコンを選び、クリックして起動します。   起動すると、このようなSetup画面になります。そのままNextで進みましょう。もしうまく起動できないような場合は、こちらを参考にしてみましょう。   次はtypeの選択の画面です。Standardで構いませんが、ここでは理解を深めるために、Customを選んでみます。   すると、このような画面になりました。 Android SDKとは、 Androidアプリケーションを開発するために必須のソフトウェア開発キットです。 Android SDK Locationは、インストールされる場所を示します。   すべてチェックが入っていることを確認したら、そのままNextで進みましょう。     規約に関する画面になるので、「android-sdk-license」と「intel-android-extra-license」の2つの規約をクリックし、それぞれでAcceptをチェックしたら、Finishで進みます。   Nextでそのまま進みます。   ダウンロードが始まります。時間がかかるので、気長に待ちましょう。   ダウンロードが終わると、パスワードを要求されます。お使いのPCのパスワードを入力してOKで進んでください。   最後に、Finishをクリックします。   これで Android Studioのインストールが完了しました。   ※もしJava not foundと表示されたら もし、AndroidStudioが起動されず、 このようなポップアップが出てきたら、この方法を試してみてください。   まず、アプリケーション>AndroidStudioと進み、そこで右クリックしてパッケージの内容を表示と進みます。   さらに>Contentsと進み、info.plistファイルを開きます。   そうしたら、JVMVersionでファイル内を検索し、すぐ下の1.6＊を1.6+に書き換え、保存します。 多少タイムラグはあるかもしれませんが、これでAndroidStudioをインストールできるはずです。   田島悠介 「Android Studio」のインストールも終わったし、実際にプロジェクトを作成してみようか。 大石ゆかり はい、お願いします！！！   3. AndroidStudioを起動し、新規プロジェクトを作成する Androidアプリを開発するには、新規のプロジェクトをまずは作成する必要があります。   3-1. 新規プロジェクトを作成 早速、Androidアプリの新規プロジェクトを作成していきましょう。 Start a new Android Studio Projectをクリック。   3-2.  プロジェクトの設定 プロジェクトの設定画面にきました。   各項目に入力していきます。 Application Name：アプリの名前を示します。好きな名前をつけましょう。 Company Domein：Package nameを使用する際のドメインです。Package nameは他の人と被らないようにする必要があるため、重複を防ぐために、自分が所属するドメインを名前に設定したりするのが普通です。さらにドメイン内でも被る心配がある場合は、自分の名前を加えるなどして対策をとります。 Package name：上の2つを記すと自動的に書かれます。特に書き換える必要はないでしょう。 Project location：作成したプロジェクトの保存先をあらわします。特に書き換える必要はないでしょう。   ここでは、例として次のように設定しました。 Application Name: MyFirstApp Company Domein: android.techacademy.jp   設定したら、Nextで進みましょう。   3-3. Minimum SDKの選択 次は、Minimum SDKの選択画面に進みました。 今回はサンプルの作成なので、デフォルトのまま、特に設定し直す必要はありません。Phone
Androidアプリ開発

初心者でもできた！Androidアプリの開発環境構築方法（Windows編）

自分でもAndroidアプリを開発してみたい！と思う方も多いのではないでしょうか。 今回は、初心者でもできるWindowsのAndroidアプリの環境構築方法について紹介します。 実務でもWindowsでAndroidを開発できることを目標にして、まずは、WindowsのAndroidアプリの環境構築を学習してみてください。 初心者でもわかりやすいように、画像を多く使って説明しています。   Android アプリ開発入門として、必要なソフトをインストールしてアプリを制作する環境を整え、エミュレータを使って「Hello World」を表示させるところまで解説していきます。 目次エミュレータを起動するデバイスのシリアルナンバーを確認するシェルを起動するシェルを終了する   大石ゆかり 田島メンター！！Androidアプリってどうやって開発するんですか〜？ 田島悠介 Androidアプリは開発環境を構築する必要があるんだ。いくつかインストールが必要なものもあるから、順番に教えていくね。   Javaのインストール ここではJavaのインストール方法を解説します。 Javaとは、Androidアプリを制作する上で必要なプログラム言語です。   Javaをダウンロード OracleのサイトからJDK（Java Development Kit）をダウンロードします。 Accept License Agreement  にチェックを入れ、  Windows x86あるいはWindows x64用のファイルをダウンロードします。   x86版かx64版かを確認する方法 使用しているPCがx86版かx64版かは、使っているPCの「コントロールパネル」または「設定」から確認できます。 ※Windows7、8の場合 コントロールパネルで、「システムとセキュリティ」をクリックします。   さらに「システム」をクリックします。   赤い枠で囲まれている部分に表示されます。 この場合だと64bitのx64版です。   ※Windows10の場合 左下にあるWindowsボタンを右クリックして、表示されるメニューから「システム」をクリックします。   赤い枠で囲まれている部分に表示されます。 この場合だと64bitのx64版です。 必ず確認してからインストールするようにしましょう。   Javaのインストール ダウンロードしたJavaプログラムを起動し、標準設定の状態でインストールします。 JDKのインストール先は、JAVA_HOMEの設定で必要になります。 JDKのインストール先をメモしておいてください。   JAVA_HOMEの設定 環境変数 JAVA_HOME を設定することで、Javaを利用できるようになります。 JAVAのインストールでメモして頂いた JDKのインストール先を、エクスプローラーで開き、入力欄の部分を右クリックしてコピーします。   ※Windows7、8の場合 コントロールパネルで、「システムとセキュリティ」をクリックします。   さらに「システム」をクリックします。   さらに「システムの詳細設定」をクリックします。   「環境変数」をクリックします。   「新規」をクリックします。   「変数名」に「JAVA_HOME」を入力し、「変数値」には先ほどコピーしたものを貼り付けて、OKをクリックします。   ※Windows10の場合 左下にあるWindowsボタンを右クリックして、表示されるメニューから「システム」をクリックします。   「システム情報」をクリックします。   「システムの詳細設定」をクリックします。   「環境変数」をクリックします。 以降の作業は、Windows7、8と同じです。   Android Studioのインストール ここでは、Android Studioをインストールする方法を解説します。   Android Studioのダウンロード Android Studioのサイトからダウンロードします。 下記の赤枠で囲ったボタンをクリックします。   「上記の利用規約を読み、同意します」にチェックを入れ、ダウンロードボタンをクリックしてダウンロードします。   Android Studioのインストール ダウンロードしたAndroid Studioをダブルクリックして起動します。 特に設定もなく、「Next」でインストールを進めていきます。   「Start Android Studio」にチェックを入れたまま、「Finish」をクリックします。   「I do not …」を選択し、OKボタンをクリックします。   「Next」をクリックします。   そのまま「Next」をクリックします。   「Finish」をクリックします。   数分待つと、インストールが完了します。   [PR] Androidアプリ開発コースプロジェクト作成とAVDの設定・エミュレータでの実行 いよいよ最終段階です。 プロジェクトを作成して、エミュレータで表示してみましょう。   プロジェクトの作成 それでは実際にアプリケーションを作っていきましょう。   「Start a new Android Studio project」を選択します。   2つの項目を入力します。 今回は以下のように入力しています。 Application name （アプリケーション名）：Helloworld Company domain （パッケージ名）：example.com 「Next」を押して進んでいき、「Finish」をクリックします。   これがプログラムなどの作業をしていく画面です。 エミュレータで起動できるか確認してみましょう。   AVD(Android Virtual Device)の作成 最後に、PC上で動作するAndroid端末のエミュレータを作成しましょう。   ツールバーの「AVD Manager」をクリックします。   「Create Virtual Device」をクリックします。   「Next」をクリックします。   「Download」をクリックします。   「Accept」を選択し、「Next」をクリックします。   「Finish」をクリックします。   「Next」をクリックします。   「Finish」をクリックします（名前は任意に変更できます）。   下記のように追加されたらAVDの作成は完了です。 この画面（Android Virtual Device Manager）を閉じます。   アプリケーションの実行 ツールバーから「Debug」をクリックします。   先ほど追加したAVD「Nexus 5X API 24」をクリックします。   エミュレータの起動には数分かかります。   このような画面になったら成功です。   まとめ WindowsのAndroidアプリの環境構築のためには、Javaなどの言語が必要でした。 Javaの利用には、JAVA_HOMEの設定が重要でした。 WindowsのAndroidアプリの開発には、Android Studioというアプリケーションが必要でした。 Android Studio の環境設定にはいろいろと手順がありますが、1つ1つ設定していけば大丈夫です。   大石ゆかり あ、画面上にスマホが表示されました！ 田島悠介 これでAndroidアプリの開発環境は整ったよ。これでアプリケーションを書いて実行すると、そのスマホ画面でエミュレートできるんだ。 大石ゆかり そうなんですね！！頑張ります！！！   Androidアプリ開発を学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのAndroidアプリコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、Swiftを学習・勉強して短期間でオリジナルのiOSアプリを開発できるようになります。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
Androidアプリ開発

Androidアプリ開発のGridLayoutの使い方【初心者向け】

Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。 今回はそのなかの1つである、GridLayout（グリッドレイアウト）を追加する方法と基本的な使い方をご紹介します。   本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。   大石ゆかり 田島メンター！！電卓アプリを作っているんですけど、ボタンを等間隔に設置する方法ってないですか〜？ 田島悠介 それならGridLayoutがいいよ。格子状にパーツを並べることができるんだ。 大石ゆかり あ、どうやって使うんですか〜？   GridLayoutとは GridLayoutとは、パーツを格子状に並べるときに使用するレイアウトです。TableLayoutと似ていますが、GridLayoutでは列をまたいでパーツを配置することができます。 Android4.0で公開された比較的新しいレイアウトです。     GridLayoutを配置する 今回は、GridLayoutを使用してこの画像のような画面を作成してみます。   GridLayoutはレイアウトエディタのパレットの「レイアウト」から配置できます。 パレット内のGridLayoutを、プレビュー画面までドラッグしましょう。   次に、GridLayoutの列数を指定します。 列数は、プロパティの「ColumnCount」で指定できます。今回は5列必要なので、「ColumnCount」の値を「5」にします。     [PR] Androidアプリ開発コースGridLayoutにパーツを配置する GridLayoutにパーツを配置するには、レイアウトエディタのパレットから配置したいパーツを選択し、プレビュー画面へドラッグします。 ボタンを画面に配置したら、ボタンを配置するセルを指定しましょう。   セルの指定はプロパティの「Layout Parameters – Row」で、配置する行を指定できます。また、「Layout Parameters – Column」で、配置する列も指定できます。 上から2行目の3列目に配置したい場合は、layout_rowを「1」、layout_columnを「2」といった具合に指定していきましょう。   また、複数のセルをまたぐ場合は、「android:layout_rowSpan」「android:layout_columnSpan」を指定します。 「CE」ボタンや「0」ボタンのように、横にまたぐ場合は「android:layout_columnSpan」を「2」にします。   同じように、「+」ボタンのように縦にまたぐ場合は「android:layout_rowSpan」を「2」にします。 すべてのボタンが配置できたら実行して、画面を確認してください。     GridLayoutのコードを確認する XMLタブでコードを確認すると、下記のようになっています。 <GridLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:layout_width=”fill_parent” android:layout_height=”fill_parent” android:columnCount=”5″ > <Button android:id=”@+id/button1″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_row=”0″ android:text=”7″ /> <Button android:id=”@+id/button2″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”1″ android:layout_row=”0″ android:text=”8″ /> <Button android:id=”@+id/button3″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”2″ android:layout_row=”0″ android:text=”9″ /> <Button android:id=”@+id/button4″ android:layout_width=”120dp” android:layout_height=”60dp” android:layout_column=”3″ android:layout_columnSpan=”2″ android:layout_row=”0″ android:text=”CE” /> <Button android:id=”@+id/button5″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_row=”1″ android:text=”4″ /> <Button android:id=”@+id/button6″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”1″ android:layout_row=”1″ android:text=”5″ /> <Button android:id=”@+id/button7″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”2″ android:layout_row=”1″ android:text=”6″ /> <Button android:id=”@+id/button8″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”3″ android:layout_row=”1″ android:text=”×” /> <Button android:id=”@+id/button9″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”4″ android:layout_row=”1″ android:text=”÷” /> <Button android:id=”@+id/button10″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_row=”2″ android:text=”1″ /> <Button android:id=”@+id/button11″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”1″ android:layout_row=”2″ android:text=”2″ /> <Button android:id=”@+id/button12″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”2″ android:layout_row=”2″ android:text=”3″ /> <Button android:id=”@+id/button13″ android:layout_width=”60dp” android:layout_height=”120dp” android:layout_column=”3″ android:layout_row=”2″ android:layout_rowSpan=”2″ android:text=”+” /> <Button android:id=”@+id/button14″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”4″ android:layout_row=”2″ android:text=”1″ /> <Button android:id=”@+id/button15″ android:layout_width=”120dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_columnSpan=”2″ android:layout_row=”3″ android:text=”0″ /> <Button android:id=”@+id/button16″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”4″ android:layout_row=”3″ android:text=”=” /> </GridLayout> 今回の記事は以上です。   さらに他のレイアウトを試したい場合はFrameLayoutの使い方も合わせてご覧ください。   大石ゆかり GridLayout、とても便利ですね〜♪ 田島悠介 そうだね。Androidは色々なレイアウトが用意されているから、他のレイアウトも使ってみると良いよ♪ 大石ゆかり はい♪   [お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。
Androidアプリ開発

Androidアプリ開発のTableLayoutの使い方【初心者向け】

Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。 今回はそのなかの1つである、TableLayout（テーブルレイアウト）を追加する方法と基本的な使い方をご紹介します。   本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。   大石ゆかり 田島メンター！！HTMLのtableタグみたいにAndroidアプリのパーツを並べる方法ってないですか〜？ 田島悠介 TableLayoutっていうレイアウトを使うと、tableタグと同じようにパーツを設置できるよ。 大石ゆかり あ、そうなんですか〜！？   TableLayoutとは TableLayoutとは、パーツを格子状に並べるときに使用するレイアウトです。 HTMLのtableタグと似ているので、ホームページ作成をしたことがある人は使いやすいレイアウトかもしれません。 ただし、行をまたいでパーツを配置することはできませんのでご注意ください。     TableLayoutを配置する 今回は、TableLayoutを使用して次のような画面を作成してみます。 TableLayoutは、大枠である「TableLayout」とテーブルの行である「TableRow」でできています。   最初にTableLayoutを配置します。 TableLayoutはレイアウトエディタのパレットの「レイアウト」から配置できます。パレット内のTableLayoutを、プレビュー画面までドラッグしましょう。   次に、作成する画面には4行必要なので、TableRowを4回プレビュー画面までドラッグして配置します。（行の数によってドラッグする回数を変えてください） 配置をしたらアウトラインで、レイアウトが正しく配置されているか確認をしましょう。     [PR] Androidアプリ開発コースTableLayoutにパーツを配置する TableLayoutにパーツを配置するには、レイアウトエディタのパレットから配置したいパーツを選択し、プレビュー画面へドラッグします。 横の位置は後ほど調整しますので、目的の行に対して順番にパーツを配置できていれば大丈夫です。     TableLayoutのコードを確認する XMLタブでコードを確認すると、下記のようになっています。 <TableLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:layout_width=”match_parent” android:layout_height=”match_parent” > <TableRow android:id=”@+id/tableRow1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”7″ /> <Button android:id=”@+id/button2″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”8″ /> <Button android:id=”@+id/button3″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”9″ /> <Button android:id=”@+id/button15″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”/” /> </TableRow> <TableRow android:id=”@+id/tableRow2″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button4″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”4″ /> <Button android:id=”@+id/button5″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”5″ /> <Button android:id=”@+id/button6″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”6″ /> <Button android:id=”@+id/button14″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”*” /> </TableRow> <TableRow android:id=”@+id/tableRow3″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button7″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”1″ /> <Button android:id=”@+id/button8″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”2″ /> <Button android:id=”@+id/button9″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”3″ /> <Button android:id=”@+id/button12″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”-” /> </TableRow> <TableRow android:id=”@+id/tableRow4″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button10″ android:layout_width=”wrap_content” android:text=”0″ /> <Button android:id=”@+id/button11″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”.” /> <Button android:id=”@+id/button13″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”+” /> </TableRow> </TableLayout>     TableLayout上のパーツの配置を調整する 「0」ボタンは2つのセルをまたいで配置されています。 複数のセルをまたぎたい場合は、「android:layout_span」を追加してください。 <Button android:id=”@+id/button10″ android:layout_width=”wrap_content” android:layout_span=”2″ android:text=”0″ />   実行すると、この画像のようにボタンが表示されます。   また、途中のセルを空白にしたい場合は、「android:layout_column」を追加し、列番号を指定します。 列番号は、一番左から「0,1,2,3…」となっています。 <TableRow android:id=”@+id/tableRow4″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button10″ android:layout_width=”wrap_content” android:layout_span=”2″ android:text=”0″ /> <Button android:id=”@+id/button13″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:layout_column=”3″ android:text=”+” /> </TableRow>   さらに実行すると、この画像のようにボタンが表示されます。 これで完成です。   さらに他のレイアウトを試したい場合はFrameLayoutの使い方も合わせてご覧ください。   大石ゆかり tableタグを同じように設置できますね！ 田島悠介 そうだね。GridLayoutもそうだけど一定の間隔でパーツを並べる場面って結構あるから、そういう時に使うと良いね。 大石ゆかり そうですね〜♪   [お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。
Androidアプリ開発

XcodeでiPhoneアプリのシミュレーターを使う方法【初心者向け】

iPhoneアプリを開発する際に使うXcodeですが、iPhoneのシミュレーターを使うこともできます。そこで今回はiOSシミュレーターの使い方を解説します。   iPhoneアプリを開発するときは、必ず動作確認が必要ですので覚えておきましょう。 ちなみに、スマートフォンサイトを閲覧するときのシミュレーターとしても役立ちます。   なお本記事は、TechAcademyのiPhoneアプリ開発オンラインブートキャンプの内容をもとに紹介しています。   XcodeでiOSシュミレータを起動する iOSシミュレーターはXcodeから簡単に起動することができます。 やり方は2つあります。1つは⌘＋RのXcodeのショートカットキーで開発中のアプリを実行する方法です。   もう1つはXcodeのメニューから起動させる方法です。 スクリーンショットにあるように、Xcodeを起動したら、「Xcode > Open Developer Tool >iOS Simulator」と選択すると起動できます。 なお、iPhoneのシミュレーターはPCの解像度によってiPhoneの外枠が表示されないことがあります。より大きな解像度のディスプレイを使っている場合は外枠が表示されます。表示されなくても動作に問題はありませんのでご安心ください。     作成中のアプリを確認する iOSシミュレーターの役割は、作成中のアプリの動作を確認することです。開発が一段落したらアプリを起動して、自分の思い通りに動作をするか確認しましょう。 起動するとこのように開発したアプリが選べるので、クリックするだけです。 このデモでは、開発しているアプリのアイコンをTechAcademyに変えてみました。アイコンの変更の仕方はiPhoneアプリのアイコンを変える方法の記事をご覧ください。   アプリのアイコンをクリックすると、このようにアプリの動作を確認できるようになります。また、マウスでクリックすることも可能です。     [PR] Androidアプリ開発コースSafariを起動する 裏ワザという程ではありませんが、アプリの確認方法以外にも便利な点があります。 それは、iPhoneのシミュレーターからWebブラウザのSafariを起動できるところです。   URLの入力にも対応しているので、ご自身のサイトがiPhoneで閲覧するとどのように見られるのかを確認することもできます。     デバイスを切り替える iOSシミュレーターはデバイスを追加して、バージョンを変更することも可能です。 Xcodeの左上にあるボタンをクリックすると、このようにデバイスの変更が可能です。iPhoneのサイズで4インチ、3.5インチなどを選べる他、iPadもここから選ぶことができます。 前述の通り、Safariも開けるのでWebブラウザでどように表示されるかの動作確認にも便利です。   また、デバイスは追加することも可能です。 上記画像の「More Simulators」をクリックするとこのような画面が表示されます。 ここで候補が表示されますので、各シミュレーターの横にある下矢印のボタンをクリックするとダウンロードが開始されます。ダウンロードが完了すると、選択できるデバイスに選択肢として追加されます。     今回の記事は以上です。 簡単に使えてとても便利なので、ぜひ使いこなしてみてください。 シミュレーターの使い方がわかったら、iPhone(iOS)アプリを実機でテストしてみましょう。 [お知らせ]TechAcademyでは初心者でも8週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。
iPhoneアプリ開発

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） Androidアプリコース スマートフォンアプリ開発 Androidアプリ開発 Androidアプリ開発でadbコマンドを使ってシェルを起動する方法【初心者向け】