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

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

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

今回は、初心者向けAndroid StudioでAndroidアプリのデバッグをする方法を解説します。

Androidアプリをリリースする前に、実際にアプリを実行してバグがないかを確認する必要があります。

これがデバッグの作業です。

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

実務でもデバッグを行うことで結果的に効率的な開発につなげるので、ぜひ学習してみてください。

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

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

まずは、一時的に停止するポイント（ブレイクポイント）を設定しましょう。

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

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

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

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

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

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

アプリを操作し、ブレイクポイントを設定した箇所を通ると、現在止まっている行が青矢印で示されています。

また、下部のデバッグビューで現在の変数の状態などを確認できます。

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

ステップ実行をする

キーボードの「F8」ボタンをクリックすると、1行ずつコードが実行されます。

変数に変化があった場合は、変数ビューで確認できます。

デバッグを終了する

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

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

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

まとめ

今回は、Android StudioでAndroidアプリのデバッグをする方法を解説しました。

ブレイクポイントを設定することで、処理を一時的に停止させる位置を指定できました。

アプリをデバッグで実行することで、値の確認ができました。

ステップ実行をすることで、1行ずつ処理を実行できました。

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

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

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

はい♪

Androidアプリ開発を学習中の方へ

これで解説は終了です、お疲れさまでした。

つまずかず「効率的に」学びたい
副業や転職後の「現場で使える」知識やスキルを身につけたい

プログラミングを学習していて、このように思ったことはありませんか？

テックアカデミーのAndroidアプリコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。

合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、Swiftを学習・勉強して短期間でオリジナルのiOSアプリを開発できるようになります。

まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。

時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！

Androidアプリ開発でgradlewを使ってプロジェクトをビルドする方法

Android Studioからではなくコマンドライン（ターミナル）からAndroidアプリをビルドする方法として、gradlewを使う方法があります。 ...

Androidアプリ開発

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

Androidアプリをこれから開発したい！という初心者向けの記事です。 Androidアプリの開発環境のAndroid Studioでエミュレータを使えば...

Androidアプリ開発

Kotlinで文字列連結する方法を現役エンジニアが解説【初心者向け】

Kotlinで文字列連結する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。初心者向けに...

Androidアプリ開発

Androidアプリ開発でBitmapクラスを使って画像を表示させる方法

Androidアプリを開発では、Bitmapクラスを使って画像を表示したり変更したりすることができます。そこで今回はBitmapクラスを使って画像を表示...

Androidアプリ開発

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

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

Androidアプリ開発

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

初心者がAndroidアプリを開発しようと始めた時の、最初のハードルは開発環境の構築ではないでしょうか？そんな初心者向けに、AndroidStudio（...

Androidアプリ開発

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

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

PHPのデバッグを行う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPのデバッグができると、エラーを未然に防ぎ、効率的に開発を進めることができるようになります。 PHPを始めたばかりという人は、エラーでつまずきやすいので、ぜひ理解しておきましょう。 PHPのデバッグは日々の業務で利用しますので、転職する際の面接で聞かれても答えることができるようにしておきましょう。目次ブレイクポイントを設定するアプリをデバッグで実行するステップ実行をするデバッグを終了するまとめAndroidアプリ開発を学習中の方へそもそも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

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

今回は、PHPでデバッグログを出力する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPでデバッグログを出力することで、PHPのデバッグで何を行ったか確認できます。実務でも、PHPでデバッグログを出力して、動作検証を行いますので、ぜひ学習してみてください。目次ブレイクポイントを設定するアプリをデバッグで実行するステップ実行をするデバッグを終了するまとめAndroidアプリ開発を学習中の方へそもそも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」という結果になります。 print_r関数の概要と使い方 PHPのprint_r関数も、var_dump関数やvar_export関数と同じく、引数として渡した変数の中身を表示するためのデバッグ用の関数です。 print_r関数は、var_export関数と同じく、返り値として「ダンプした結果」を返却できます。 var_dump関数とvar_export関数と比べ、print_r関数は値だけを確認したいというような、簡易的なデバッグを行う際に使用するとよいでしょう。サンプルコード print_r($ダンプする変数 [, $返却フラグ]) 解説 print_r関数の第1引数に「ダンプしたい変数」を渡します。また、第2引数にboolean型で「true」を引数として渡した場合、print_r関数はダンプした変数の内容を返却します。第2引数はオプションのため、引数を渡すかは任意です。引数を渡さない場合は、デフォルトでboolean型で「false」に設定されているため、何も返却しません。実際に書いてみよう var_dump関数とvar_export関数とprint_r関数を使用して実際に書いてみましょう。デバッグ内容を表示するここでは、var_dump関数とvar_export関数とprint_r関数を使用して実際に変数の中身をダンプし、比較する実装を実際に書いてみましょう。サンプルコード <?php $array = array( 'apple' => 'りんご', 'orange' => 'みかん', 'banana' => 'ばなな' ); var_dump($array); var_export($array); print_r($array); 実行結果解説 <?phpでは、PHPプログラムを開始しています。 $array = array(では、配列を宣言して、変数$arrayに代入しています。 ‘apple’ => ‘りんご’,が1つ目の配列データです。 ‘orange’ => ‘みかん’,が2つ目の配列データです。 ‘banana’ => ‘ばなな’が3つ目の配列データです。 );では配列の宣言を終了しています。 var_dump($array);では、var_dumpを利用して変数$arrayをデバッグしています。 var_export($array);では、var_exportを利用して変数$arrayをデバッグしています。 print_r($array);では、print_rを利用して変数$arrayをデバッグしています。ログファイルに出力するここでは、var_export関数とprint_r関数は返り値を使用して、ログファイルにその内容を出力する方法を実際に書いてみましょう。サンプルコード <?php $array = array( 'apple' => 'りんご', 'orange' => 'みかん', 'banana' => 'ばなな' ); error_log(var_dump($array,true), 3, './debug1.txt'); error_log(var_export($array, true), 3, './debug2.txt'); error_log(print_r($array, true), 3, './debug3.txt'); 下記の例では、error_log関数を使用して、第3引数に指定したログ出力用のファイルにダンプしています。 error_log関数の第1引数にvar_export関数かprint_r関数を使用することで、返り値のダンプ結果が引数として渡されます。 ※error_log関数の第2引数に3を渡すことで、ファイル出力します。 <?php $array = array( 　'apple' => 'りんご', 　'orange'

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> 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アプリ開発

デバッグを行う！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

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をクリックすることで次のデバッガーまでのデバッグを実行できます。まとめ今回は、Atomのプラグインでデバッグを行う方法を紹介しました。 Atomは自分の好みのデザインを設定することができて、さらにプラグインを充実させることで快適なコードエディタにカスタマイズできます。ただし、あまり多くのエディタを入れすぎると動作が重くなるので、使うプラグインは必要最小限で設定することをおすすめします。監修してくれたメンターメンター三浦モバイルゲームを運用している会社のエンジニアをしています。趣味でWEB開発やクラウドコンピューティングもやっており、ソフトもハードもなんでもやります。 TechAcademyジュニアではPythonロボティクスコースを担当しています。好きな言語はPython, Node.js。大石ゆかり内容分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ TechAcademyでは、初心者でもPythonを使った人工知能（AI）や機械学習の基礎を習得できるオンラインブートキャンプPython講座を開催しています。挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

Python

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

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

目次

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

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

ステップ実行をする

デバッグを終了する

まとめ

Androidアプリ開発を学習中の方へ

関連するキーワード

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

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

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

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

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

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

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

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

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

目次

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

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

ステップ実行をする

デバッグを終了する

まとめ

Androidアプリ開発を学習中の方へ

記事を検索

関連するキーワード

関連する記事

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

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

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