TechAcademy（テックアカデミー） Androidアプリコース スマートフォンアプリ開発 Androidアプリ開発 Android StudioでAndroidアプリのデバッグをする方法【初心者向け】
Androidアプリ開発

Android StudioでAndroidアプリのデバッグをする方法【初心者向け】

Android StudioでAndroidアプリの【デバッグ】をする方法を初心者向けに解説した記事です。開発したアプリは、Android Studioのデバッガを利用して、アプリが正常に動いているか事前に確認しておきましょう。

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

Androidアプリをリリースする前に、実際にアプリを実行してバグがないかを確認する必要があります。これがデバッグの作業です。

Android Studioのデバッガを利用すると、アプリの実行を途中で停止しながら、アプリが正常に動いているか確認することができます。

今回は、初心者向けにデバッグの方法を紹介します。

 

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

 

大石ゆかり

田島メンター！！簡単なAndroidアプリを開発してみたんですけど、デバッグってどうやるんですか〜？

田島悠介

デバッグはAndroid Studioでできるよ。教えてあげるね。

大石ゆかり

はい、お願いします♪

 

Android Studioでデバッグをする流れ

Androidアプリのデバッグは、以下のような手順で進めていきます。

1時間でできる無料体験！

それでは手順をおって説明していきます。

 

 

ブレイクポイントを設定する

デバッグ時にアプリの動作を一時的に停止し、変数の状態などを確認することができます。まずは、一時的に停止するポイント（ブレイクポイント）を設定しましょう。

 

対象のコードをコードエディターで開き、ブレイクポイントを設定したい行の左端をクリックします。

すると、ブレイクポイントが設定されると赤丸が表示されます。

 

[PR] Androidアプリの開発で挫折しない学習方法を動画で公開中

アプリをデバッグで実行する

ブレイクポイントが設定できたら、アプリをデバッグで実行します。

 

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

これでアプリがデバッグモードで起動します。

 

アプリを操作し、ブレイクポイントを設定した箇所を通ると、現在止まっている行が青矢印で示されています。また、下部のデバッグビューで現在の変数の状態などを確認することができます。

 

ステップ実行をする

キーボードの「F8」ボタンをクリックすると、1行ずつコードが実行されます。変数に変化があった場合は、変数ビューで確認をすることができます。

 

コラム

実は私も！？独学で損する人の特徴

「スクールは高いから独学で成功する」という気持ちの方は多いと思います。
もちろんその方が金額は低く抑えられるでしょう。
ただ 独学には向き不向きがあり、実はスクールが向いている人も大勢います。

そんな方のために参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。

  • ・困って挫折しそうなときに、質問や相談できる相手がいる環境で学んでいきたいなと思った
  • ・わかった気になっているだけだったので、自分を追い込む環境に置いた方がいいと感じた
  • ・スクールのカリキュラムで市場に求められるスキルを学ぶべきと思った

少しでも当てはまる部分があれば、 スクールが向いているかもしれません。
お試しのつもりで、まずは一度 無料相談 に参加してみませんか？

現役エンジニア・デザイナーに何でも気軽に相談できる30分 を すべて無料で できます。
無理な勧誘は一切ない ので、お気軽にご参加ください。

今なら相談した方限定の割引・参加特典付き！ 無料相談はこちら

デバッグを終了する

左下の「Resume Program 」をクリックすると、ステップ実行を終了できます。

ツールバーまたは左下の「Stop ‘app’」をクリックすると、デバッグを終了できます。

 

 

Android StudioでAndroidアプリのデバッグをする方法は以上です。

デバッグが完了したら、Androidアプリを実機でテストしてみてください。

 

大石ゆかり

こうやってデバッグするんですね！

田島悠介

うん。デバッグは大事だから、Android Studioで手軽にできるのはいいね。でも実際の機種で試すことももちろん大事だよ！

大石ゆかり

はい♪

 

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

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学していて、このように感じた経験はないでしょうか？

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう 厳しい試験を通過した講師 があなたの相談に真摯に向き合います。

「ただ気になることを相談したい」
「漠然としているがプロの話を聞いてみたい」
こんな気持ちでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）

今なら参加者限定の割引特典付き！ 無料相談を予約する

記事を検索

関連するキーワード

関連する記事

KotlinでのNullの扱い方を現役エンジニアが解説【初心者向け】

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

KotlinのjoinToString関数の使い方を現役エンジニアが解説【初心者向け】

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

Androidアプリ開発におけるGUIコンポーネントの使い方【初心者向け】

Androidアプリ開発において、ボタンやスイッチといった便利なパーツ（GUI）が用意されています。 そこで今回は、アプリ開発の初心者向けにGUIコンポー...
Androidアプリ開発

覚えておくと便利！Androidアプリ開発のLayoutの使い方【初心者向け】

Androidアプリ開発において、GUI（ボタンやラベルといったパーツ）をどのように配置するかによって、いくつかのレイアウトが用意されています。 そこで今...
Androidアプリ開発

Androidアプリ開発でSpinnerを追加する方法【初心者向け】

Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。 今回はそのなかの1つである、Spinner（...
Androidアプリ開発

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

Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。 今回はそのなかの1つである、FrameLayout（フレ...
Androidアプリ開発

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

デバッグを行う！Node.jsでdebugの使い方【初心者向け】

Node.jsでdebugする方法を解説します。 デバッグの作業はプログラムを書く上で必要不可欠なので、どういう書き方をするのかしっかりと覚えておきましょう。   なお本記事は、TechAcademyのNode.jsオンライン講座の内容をもとに作成しています。   田島悠介 今回はdebugコマンドを使ってみよう。 大石ゆかり 田島メンター！debugはどういったコマンドなんですか〜？ 田島悠介 指定したプログラムに間違いがないかどうか確認する際に使用するんだ。さっそくやってみよう。 大石ゆかり 了解です！   Node.jsのdebug（デバッグ）とは デバッグとは、プログラミングを行う上でエラー箇所がないか探す作業です。 Node.jsには標準でデバッグ作業ができるdebugというコマンドが用意されています。   Node.jsでdebugする方法 debugを使う方法 コマンド node debug 対象ファイル debug> c 解説 実行後1行目までデバッグされます。 その後、debug>　という表示が現れてデバッグコマンドを入力できる状態になります。 デバッグモードでcを入力するとブレークポイントまでデバッグされます。 ブレークポイントとは、デバッグを行う上でこのポイントまでデバッグをするという印です。 ブレークポイントをいくつも設置することで、どの部分に不具合が存在するか確かめながら実装することが可能です。ブレークポイントを設置するためには、ソースコードの中に「debugger」と記載することで実装できます。   田島悠介 debugの基本の書き方だよ。 大石ゆかり ソースコードの方でブレークポイントを設定することで、チェックする際の区切りをつけることができるんですね。 田島悠介 そうだね。debugを停止する方法も併せて覚えておこう。   [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中Node.jsのdebugを停止する方法 .exitで停止 コマンド debug>  .exit 解説 debug>の画面で.exitを実行する事でデバッグすることが出来ます。   Ctrl+Cで停止 コマンド debug> (To exit, press ^C again or type .exit) debug> 解説 debug>の画面でCtrl+Cを2度実行する事でデバッグすることが出来ます。 コマンド上ではCtrl+Cを実行したように表示されていませんが、Ctrl+Cは入力しても、入力自体に表示されません。   実際にnode debugを使ってみよう 実際にデバッグを行うプログラムを書いてみましょう。 ソースコード let num = 1 debugger console.log('30歳から未経験プログラマー転職', num) debugger num = 2 debugger console.log('現役エンジニアが効率的にサポート', num)   コマンドプロンプト実行結果 デバッグコマンド表示結果解説 debug.js（ソースコード）の2行目4行目6行目にブレークポイントであるdebuggerを設置しています。 コマンドプロンプトの最初にnode debug debug.jsでデバッグを開始しています。 その後、コマンドプロンプトのdebug>の部分でcを入力するとdebug.jsの最初のdebuggerがあるブレークポイントまで処理が実行されます。 つまり、debug.jsのlet num = 1の部分で変数numに1を代入する処理が実行されることになります。 その後、コマンドプロンプトのdebug> に再度cと入力することでと次のブレークポイントまで処理を続けます。 debug.jsの3行目のconsole.log(’30歳から未経験プログラマー転職’, num)が実行されて、1行目で代入された1を含む、30歳から未経験プログラマー転職 1と表示されています。   その後、コマンドプロンプトのdebug> に3回目のcと入力することでと次のブレークポイントまで処理を続けます。 つまり、debug.jsのnum = 2の部分で変数numに2を代入する処理が実行されます。 そして、コマンドプロンプトのdebug> に4回目のcと入力することでと次のブレークポイントまで処理を続けます。 debug.jsの最終行のconsole.log(‘現役エンジニアが効率的にサポート’, num)が実行されて、先程代入された2を含む、現役エンジニアが効率的にサポートが表示されます。   Node.jsでdebugする方法を解説しました。 デバッグは、プログラムを書く上で必ず使うので書き方も含めしっかり理解しておきましょう。 Node.jsの学習サイトもまとめているので、合わせて参考にしてみてください。   田島悠介 実際にブレークポイントを指定した場合の実行結果の例を見てみたよ。 大石ゆかり ブレークポイントから続行するときは、その都度cを入力し直せばいいんですね。 田島悠介 debugと同じ処理をinspectというコマンドで行うこともできるよ。最近ではこちらが推奨されることもあるので覚えておこう。 大石ゆかり 分かりました。ありがとうございます！   また、オンラインのプログラミングスクールTechAcademyでは、Node.jsオンライン講座を開催しています。 Node.jsを使ってWebアプリケーションを開発することができます。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、習得することが可能です。 プログラミングを独学していて、このように感じた経験はないでしょうか？ ・調べてもほしい情報が見つからない
Node.js

もうエラーでつまずかない！PHP言語でデバッグを行う方法【初心者向け】現役エンジニアが解説

PHPのデバッグを行う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPのデバッグができると、エラーを未然に防ぎ、効率的に開発を進めることができるようになります。 PHPを始めたばかりという人は、エラーでつまずきやすいので、ぜひ理解しておきましょう。 PHPのデバッグは日々の業務で利用しますので、転職する際の面接で聞かれても答えることができるようにしておきましょう。   目次Android Studioでデバッグをする流れブレイクポイントを設定するアプリをデバッグで実行するステップ実行をするデバッグを終了する   そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   PHPプログラムのデバッグとは？ デバッグとは、作成したPHPプログラムのエラーを訂正したり、プログラムが想定通りに動くかどうかのチェックなどをすることです。 プログラムの構文に間違いがあればエラーが表示されますが、それもデバッグの一種です。 カッコを閉じ忘れた、などは構文エラー(シンタックスエラー）となり、プログラムの動作が停止します。   大石ゆかり 田島メンター！デバッグとは何でしょうか？ 田島悠介 ソースコードにエラーがないか、ちゃんと動くかどうか確かめることなんだ。 大石ゆかり なるほど。でも、構文エラーだと、ちゃんとエラーを表示してくれますよね？さっき、中カッコ{}を書き忘れてたのでシンタックスエラーが出てました。 田島悠介 その通り。ただ、それ以外の場合、実際に値を入れて動作させてみないとわからないよね。 では、デバッグに便利な関数を見てみよう！   PHPのデバッグで覚えておきたい関数 PHP言語には、「print_r」「var_dump」「var_export」といったオブジェクトの値を表示する便利な関数があります。 多重構造になっている配列などで使用すると便利です。   各関数の説明 print_r print_rは初心者にもわかりやすい表示形式です。   var_dump print_rよりも詳細に、指定した式の型や値を含む構造化された情報を表示します。 例えば、配列の場合、構造の各値についても再帰的に表示します。 再帰的というのは、定義の中に更に定義が含まれている部分まで処理し続けることですが、今回のvar_dumpで言うと、とにかく詳細にデバッグしてくれるという意味で理解していただくと良いです。   var_export var_dump同様に、構造化された情報表示可能です。 var_dumpと同じような感じですが、大きな違いとしては、表示結果の値が PHP コードであるということです。   サンプルコード <?php $a = [1,2,3]; echo('print_r'."\n"); print_r($a); echo('var_dump'."\n"); var_dump($a); echo('var_export'."\n"); var_export($a); 解説 1行目の<?phpは、PHPプログラムを開始する宣言を意味します。 2行目の$a = [1,2,3];で、今回利用する配列を用意して変数$aに代入しています。 3行目のecho(‘print_r’.”\n”);では、print_rという文字列を表示し、改行を出力してわかりやすい表示にしています。 これ以降も、echo●●という実装コードがありますがデバッグにおいて必須ということではなく、視認性向上を目的としています。 4行目のprint_r($a);では、print_rを利用してデバッグしています。 print_rの表示結果は次のとおりです。 Arrayというのが配列を意味します。 ()で囲まれているのは、この範囲に配列の値を表示しているという意味です。 [0]というように[]で囲まれた数値は、配列の何番目の値かを意味します。 配列というのは最初の値が0番目から開始する点に注意が必要です。 =>では、[0]で示された0番目の配列に何が入っているかという意味です。 1が実際に0番目の配列に入っている値です。 つまり、このデバッグ結果では、「変数$aは配列で、0番目に1、1番目に2、2番目に3という値がある」ということを意味しています。 print_r Array ( [0] => 1 [1] => 2 [2] => 3 )   5行目のecho(‘var_dump’.”\n”);では、var_dumpという文字列を表示し、改行を出力してわかりやすい表示にしています。 6行目のvar_dump($a);では、var_dumpを利用してデバッグしています。 表示結果は次のとおりです。 print_rの時とほぼ同じ表示結果ですが、若干内容が増えています。 array(3)の部分では、配列の構造が3であることを意味します。 ()で囲まれているのは、この範囲に配列の値を表示しているという意味です。 [0]というように[]で囲まれた数値は、配列の何番目の値かを意味します。 =>では、[0]で示された0番目の配列に何が入っているかという意味です。 int(1)というのは、数値の1であることを意味します。 intは整数を意味する英語のintegerを省略表示です。 つまり、このデバッグ結果では、「変数$aは3つの構造からなる配列で、0番目に整数の1、1番目に整数の2、2番目に整数の3という値がある」ということを意味しています。 var_dump array(3) { [0]=> int(1) [1]=> int(2) [2]=> int(3) }   7行目のecho(‘var_export’.”\n”);では、var_exportという文字列を表示し、改行を出力してわかりやすい表示にしています。 8行目のvar_export($a);では、var_exportを利用してデバッグしています。 表示結果は次のとおりです。 これまでのデバッグ結果に比べシンプルに見えますが、これがPHPのコードです。 arrayの部分では、配列の構造であることを意味します。 ()で囲まれているのは、この範囲に配列の値を表示しているという意味です。 0 => 1 では、配列の0番目に1があるということを意味します。 つまり、このデバッグ結果では、「変数$aは配列で、0番目に1、1番目に2、2番目に3という値がある」ということを意味しています。 var_export array
PHP

Pythonコードのデバッグに便利なAtomのプラグインについて現役エンジニアが解説【初心者向け】

Pythonコードのデバッグに便利なAtomのプラグインについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプPython講座の内容をもとに紹介しています。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pythonコードのデバッグに便利なAtomのプラグインについて詳しく説明していくね！ 大石ゆかり お願いします！   目次 Atomとは デバッグに便利なAtomのプラグイン 実際に使ってみよう まとめ   Atomとは Atomとは、Githubが開発したオープンソースのテキストエディタです。 2014年に招待制のβ版としてMac向けにリリースされました。その後MITライセンスでソースコードが公開され、2015年にバージョン1.0がリリースされました。 主にHTML、CSSといったフロントエンドエンジニアを中心に人気の高いエディタです。エディタ本体はElectronを使ったデスクトップアプリとなっており、インターフェースはJavaScriptやCSSを使ってカスタマイズをすることができます。 そのため、現在では自分好みの見た目にできるように様々なテーマがパッケージとしてが公開されています。さらにコードを書くときに便利な拡張機能もインストールすることもできるので、自分で使いやすいエディタにさせることもできます。   [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中デバッグに便利なAtomのプラグイン Atomはフロントエンド開発で人気のエディタですが、Pythonで開発するときにもよく使われます。 ここではAtomでPythonのコードを書くときに便利なプラグインを紹介します。   autocomplete-python Pythonでコード入力を保管する拡張機能です。通常、Atomのデフォルトの補完機能ではコード内で設定した変数の入力補完が行われますが、この拡張機能ではインストールしたライブラリ、モジュール名を保管するだけではなく、メソッドについては括弧の補完もするので、エラーを減らすことができます。Pythonを書くときには入れておきたいプラグインです。   Python-Debugger Atomはテキストエディタであって、統合開発環境(IDE)ではないので、書いたコードをその場で実行するデバッグ機能は最初から入っていません。ただ、AtomはプラグインをインストールすることでIDEのように各言語に合わせたデバッグ機能をつけることができます。もちろんPythonにもデバッガーが用意されており、それがPython-Debuggerです。このデバッガーはSwift-DebuggerをPython向けに変更されたものです。   実際に使ってみよう それでは、実際にプラグインをインストールしてみましょう。プラグインのインストール方法は同じなので今回はPython-Debuggerを例にインストール方法を紹介します。 まずはAtomを起動して「File」→「Settings」から設定画面を起動します。 設定画面の左側にある「Install」タブをクリックしてプラグインのインストール画面を開きます。検索欄にPython-Debuggerと入力してPython-Debuggerを検索します。もし見つからない場合は検索欄の右側の検索オプションをPackagesを選択すると出てきます。 検索を行い、以下のプラグインが表示されたら、右側のInstallをクリックしてプラグインをインストールします。インストールには少し時間がかかります。 インストールが終わり、以下の表示に変わったらインストールは正常に行われています。もしインストールができない場合はAtomのバージョンの問題があるかもしれませんので、最新版にアップデートして再度お試しください。   使い方 最後に簡単な使い方を説明します。デバッガーはデバッグをかけたいコードを選択した状態でAlt+R(Macの方はoption+R)と入力すると起動します。 そしてコード内でデバッグをかけたい行でAlt+Shift+R(Macのかたはoption+Shift+R)と入力すると指定した行をブレイクポイントとしてデバッグを行うことができます。 なお、ブレークポイントは複数設定できます。デバッグをスタートするときは、下のデバッガービューのrunをクリックしてデバッグをスタートします。複数ブレークポイントを設定した場合はnextをクリックすることで次のデバッガーまでのデバッグを実行できます。   コラム 実は私も！？独学で損する人の特徴 「スクールは高いから独学で成功する」という気持ちの方は多いと思います。 もちろんその方が金額は低く抑えられるでしょう。 ただ 独学には向き不向きがあり、実はスクールが向いている人も大勢います。 そんな方のために参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。
Python

PHPでデバッグログを出力する方法を現役エンジニアが解説【初心者向け】

今回は、PHPでデバッグログを出力する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPでデバッグログを出力することで、PHPのデバッグで何を行ったか確認できます。 実務でも、PHPでデバッグログを出力して、動作検証を行いますので、ぜひ学習してみてください。 目次Android Studioでデバッグをする流れブレイクポイントを設定するアプリをデバッグで実行するステップ実行をするデバッグを終了する そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPでデバッグログを出力する方法について詳しく説明していくね！ 大石ゆかり お願いします！   デバッグ デバッグとは、作成したプログラムを実際に利用しながら、処理の詳しい流れを確認することです。 デバッグを行うことで、プログラムをリリースする前に不具合を検証することが可能です。 PHPで、デバッグを行う代表的な関数には次の3つがあります。 var_dump関数 var_export関数 print_r関数   var_dump関数の概要と使い方 PHPのvar_dump関数は、引数として渡した変数の中身を詳細にダンプする関数です。 ダンプとは表示するという様な意味です。 主に、コーディングした処理内容が、正しいか検証する「デバッグ」を行う際に使用します。   var_dump関数の使い方 サンプルコード var_dump($ダンプしたい変数) 解説 var_dump関数に、引数として「ダンプしたい変数」を指定します。 var_dump関数を実行した結果、返り値として値を何も返しません。 返り値とは、戻り値とも呼ばれ、関数を実行した結果得られる値を意味します。   [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中var_export関数の概要と使い方 PHPのvar_export関数も、var_dump関数と同じく引数として渡した変数の中身を表示するための関数です。 var_export関数も、主にデバッグ時に使用する関数で、var_dump関数と非常によく似ています。 var_dump関数は、返り値を返却しないのに対し、var_export関数は、返り値として「ダンプした結果」が返却される違いがあります。 つまり、var_export関数でダンプした変数の内容を変数に代入し、その後のPHPスクリプト内で使用できるということです。   サンプルコード var_export($ダンプしたい変数[, $返却フラグ]) 解説 var_export関数の第1引数に「ダンプしたい変数」を渡します。 引数とは、関数を利用する際に関数側で処理するための値です。 また、第2引数にboolean型で「true」を引数として渡した場合、var_export関数はダンプした変数の内容を返却します。 第2引数はオプションのため、引数を渡すかは任意です。 引数を渡さない場合は、デフォルトでboolean型で「false」に設定されているため何も返却しません。 boolean型というのは、真か偽かを表す変数の型です。 真の場合は「true」、偽の場合は「false」という結果になります。   コラム 実は私も！？独学で損する人の特徴 「スクールは高いから独学で成功する」という気持ちの方は多いと思います。 もちろんその方が金額は低く抑えられるでしょう。 ただ 独学には向き不向きがあり、実はスクールが向いている人も大勢います。 そんな方のために参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。
PHP

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>     コラム 実は私も！？独学で損する人の特徴 「スクールは高いから独学で成功する」という気持ちの方は多いと思います。 もちろんその方が金額は低く抑えられるでしょう。 ただ 独学には向き不向きがあり、実はスクールが向いている人も大勢います。
Androidアプリ開発

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

副業したい方

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

はじめての副業コース

転職したい方

未経験から16週間で
エンジニアに

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

スキルアップしたい方

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

Pythonコース

※ 経済産業省の第四次産業革命スキル習得認定講座で、厚生労働省指定の専門実践教育訓練給付制度の対象です。条件を満たすことで支払った受講料の最大70％（最大306,460円）が給付金として支給されます。詳しくは エンジニア転職保証コース のページ内の注意事項をご確認ください。

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

1時間でできる無料体験
挫折しない学習方法とは？
TechAcademy（テックアカデミー） Androidアプリコース スマートフォンアプリ開発 Androidアプリ開発 Android StudioでAndroidアプリのデバッグをする方法【初心者向け】