Android Studioで開発したアプリを実機でテストする方法【初心者向け】

Eclipseで開発したAndroidアプリを【実機でテストする】方法を初心者向けに解説した記事です。エミュレータでもテストは可能ですが、加速度センサーなどの各種センサーを使ったアプリの場合は実機のテストが必須です。

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

今回は、Android Studioで開発したアプリを実機でテストする方法を解説します。

Androidアプリを開発したら、実機ではなくエミュレータでテストできます。

ただし、加速度センサーなど各種センサーを使ったりバイブレーション動作を入れた場合はどうしても実機でテストをする必要があります。

実務でも、スマートフォンの機能を活用する場合、実機でテストする必要があるためぜひ学習してみてくださいね。

今回は、Android Studioで開発したAndroidアプリを実機でテストをする方法をご紹介します。

WindowsのPCを使って解説します。

実機側の設定を行う

Android Studioの設定の前に実機の設定を行います。

初めて実機でテストをする場合、[設定]に[開発者向けオプション]を表示させる必要があります。

[設定]-[端末情報]を開き「ビルド番号」を7回タップします。

795316b92fc766b0181f6fef074f03fa4-577x1024

[設定]を開き、[開発者向けオプション]を開きます。

2b530e80c7d0de90885e285c5d7980634-577x1024

[開発者向けオプション]で、開発者オプションをONにし、「USBデバッグ」のチェックボックスにチェックをします。

c8856789ec11ab8b1013037cef6929f95-576x1024

[開発者向けオプション]を下にスクロールしていくと、タップした場所を表示したり、レイアウト境界を表示できたりと、デバック時に便利な機能があります。

3a4f695a458cb0ac0aceaa2eb13ac2dd4-577x1024

実機とPCをUSBで接続する

実機とPCをUSBケーブルで接続します。

接続完了後、実機に「USBデバックを許可しますか？」というダイアログボックスが表示されるので、[OK]をタップします。

その際、「このパソコンからのUSBデバッグを常に許可する」にチェックを入れておくと、次回から許可するダイアログボックスのOK操作が不要になります。

企業内などで実機テスト用端末を利用する場合は、「このパソコンからのUSBデバッグを常に許可する」にチェックを入れておくと便利です。

これで実機とPCをUSBで接続が完了できました。

f96d9b4281f6d16b3c7589aed5a17be53-576x1024

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

アプリを実行する

最後に開発したアプリを実機で起動してみましょう。

Android Studioのメニューバーの[実行]を選択します。

実行ボタンは、三角の形をしています。

94ed160662be198949535a112047e9b42-620x340

しばらくするとアプリが実機にインストールされ、アプリが実行されます。

これでアプリを実機でテストできました。

f4a1b0aed5dc02442c433030ff24c031-620x403

一度設定をしてしまえば、今後は実機とPCをUSBで接続すれば簡単にテストが行えます。

テストが完了したらAndroidアプリをGooglePlayでリリースしてみましょう。

コラム

コスパとタイパ、両方結果的に良くなる良くなる学び方とは？

「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。

コスパ・タイパ最適化の参考として、テックアカデミー卒業生がスクールを選んだ理由をご紹介します。

・困ったときに、質問や相談できる相手がいるため挫折しなかった
・プロとして必要なスキルのみを深く学べたので無駄がなかった
・副業案件の提供と納品までのサポートがあったので目的を達成できた

安価・短期間で広く浅く学んでも意味がありません。本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に無料相談に参加してみませんか？

カウンセラー・現役のプロへ、何でも気軽に無料相談可能。 30分か60分お好きな時間が選べて、かつ3回まですべて無料でご利用できます。
無理な勧誘は一切ないので、お気軽にご参加ください。

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

まとめ

今回は、Androidアプリを実機でテストする方法を解説しました。

スマートフォンのハードウェア機能であるセンサーなどの動作確認を行うためには、実機のテストが必須でした。

Android端末側の開発者向けの設定を行うことで、実機とPCの接続が可能になりました。

みなさんもぜひ実機でテストしてみてください。

あ、実機でアプリが起動しました♪なんか作った感が出ますね♪

そうだね。Androidは実機の種類が多いから、よく使うことになると思うよ。

はい、わかりました♪

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

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

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

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

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

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

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

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

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

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

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

「受けてよかった」と感じていただけるようカウンセラーやエンジニア・デザイナーがあなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。

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

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

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

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

Androidアプリ開発

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

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

Androidアプリ開発

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

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

Androidアプリ開発

Kotlinのreturn文に付いている@について現役エンジニアが解説【初心者向け】

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

Androidアプリ開発

Androidアプリのアイコン画像を変更する方法【初心者向け】

Androidアプリの顔とも言えるアイコン。Google Playストアでも、アイコンはとても目立つ位置に表示され、ダウンロード数に影響が出るとも言われています...

Androidアプリ開発

Androidアプリ開発でArrayAdapterクラスを使ってリストを表示させる方法【初心者向け】

Androidアプリを開発では、ArrayAdapterクラスを使うと簡単にリストを表示することができます。そこで今回はArrayAdapterクラスを...

Androidアプリ開発

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

Pythonのテストフレームワークunittestとpytestの違いを現役エンジニアが解説【初心者向け】

Pythonのテストフレームワークunittestとpytestの違いについて、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。目次実機側の設定を行う実機とPCをUSBで接続するアプリを実行するまとめAndroidアプリ開発を学習中の方へそもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。田島悠介今回は、Pythonに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 Pythonのテストフレームワークunittestとpytestの違いについて、詳しく説明していくね！大石ゆかりお願いします！テストフレームワークとはテストフレームワークとは、ソフトウェアのテストを支援してくれる機能群のことをいいます。この機能を使用してテスト用コードを作成し、テスト用コードから開発したコードを呼び出して、期待通りの結果が出力されるのかをテストします。このテスト用コードは再利用できるため、テストを手動で行うよりも効率的にテストできます。このようなメリットがあるため、開発現場でもテストフレームワークを使用したテストが行われています。 unittestについてまず、Pythonの標準モジュールで提供されているテストフレームワーク unittestについて紹介します。 unittestは、Javaでテストを行う際に使われるJUnitに触発されて開発されています。そのため、他の言語で標準で取り入れられているテストフレームワークと同様の方法でテストできます。つまり、unittestを使ったテストが分かれば、他言語のフレームワークを使ったテストもしやすくなります。今回は、以下の引数の数を2倍にする関数のテストにおいて、unittestを使用してみましょう。 # 引数の数を2倍する def num_double(num): return 2 * num まず、こちらのコードをnum_double.pyというファイル名で保存しましょう。続いて、以下のテスト用コードをtest.pyというファイル名で保存しましょう。 import unittest from num_double import num_double class Test_num_double(unittest.TestCase): def test_num_double(self): num = 3 expected = 6 actual = num_double(num)

Python

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

iPhone(iOS)アプリを実機でテストする方法【初心者向け】

Xcodeを使ってiPhoneアプリを開発して、シミュレーターでの確認が完了したら、実機でもテストしてみましょう。今回は、初心者向けにiPhoneアプリを実機でテスト（デバッグ）する方法を解説します。なお本記事は、TechAcademyのiPhoneアプリ開発オンラインブートキャンプの内容をもとに紹介しています。目次本記事では下記の流れで紹介します。 Xcodeで作業をする前の準備が必要ですので、ご注意ください。 App IDの登録開発用Provisioning Profileの作成 Xcodeでの作業 App IDの登録 Xcodeを使って作成したアプリを実機で動作させるには、「Provisioning Profile」が必要です。こちらの登録は有料のため、無料で行うことはできません。 Provisioning Profileの作成にはApp IDが必要ですので、まずはApp IDから作成します。 Developer PortalのMember Centerにアクセスします。（※アカウントが必要です）そこでCertificatesにあるIdentifiers & Profilesをクリックし、さらに表示された画面でiOS AppsのIdentifiersをクリックします。 App IDの画面に遷移します。ここで新規アプリケーションを登録するので、右上にある「＋」ボタンをクリックします。すると、iOS App IDの登録画面に遷移するので、App ID Descriptionにアプリの名称、App ID SuffixではExplicit App IDを選択して、Bundle IDを決めます。 Bundle IDは通常は自己所有のドメインを後から記述し、最後にApp ID Descriptionで指定したアプリ名を記述するのが通例です。例えばcom.domain.SampleAppの様な形式です。 App ServicesではiCloud等アプリで使うであろう機能にチェックを入れて､Continueをクリックします。確認画面が表示されますので、内容に間違いがなければSubmitをクリックして、登録は完了です。 [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中開発用Provisioning Profileの作成続いて同じ画面の左カラムにあるProvisioning Profilesセクションの「Development」をクリックします。現在登録してある開発用のProvisioning Profilesの一覧が表示されるので、右上の「＋」をクリックして新規作成をします。表示された画面で「iOS App Development」にチェックを入れて「Continue」をクリックします。次の画面で、先ほど作成したApp IDを選択して「Continue」をクリックします。開発者用のcertificatesが表示されますので、チェックを入れて「Continue」をクリックしてください。次に自分が開発に利用する端末にチェックを入れて「Continue」をクリックします。 Provisioning Profileの名前を決めます。一意な名前であれば問題ありませんが、今回はわかりやすいように「App ID_dev」としました。 Provisioning Fileが完成したら「Download」をクリックします。これでファイルがダウンロードされるので、ダブルクリックでXcodeに取り込みます。 Xcodeでの作業最後にXcodeでの作業です。まずは新規プロジェクトを作成します。アプリケーションの種類を決めたらプロジェクトの設定を行います。ここで、Product NameにはApp IDで決めた名前を、Company IdentifierにはBundle Identifierで入れたcom.domainまでを入力してください。なお、BUndle Identifierは後から変更できまが、Product Nameは修正できないので間違えないようにご注意ください。次にプロジェクトの保存先を決めるダイアログが開きますので､保存先を決めて「Create」をクリックします。ここで注目したいのは「Bundle Identifier」の部分です。Company Identifierは黒文字で表示されていて変更可能ですが、App IDはグレイの文字で変更できないことがわかるはずです。次にTeamを指定します。通常はDeveloper CenterでTeamは自動的に作成されていますので、それを選択します。続いてBuild SettingsタブのCode Signingに移動します。最初は何も設定されていません。 Provisoning Profileの欄で、先ほど読み込んだProvisioning Profileを選択し、Code Signing Identitityで自分のDeveloper Profileを選択します。これで全ての準備が整いました。 Xcodeの左上にあるSampleAppと書かれた右側をクリックすると､利用可能な端末とシミュレーターの一覧が表示されます。ここから、Development用のProvisioning Profileを作成した時に指定した端末を選択して、「cmd+R」のショートカットキー実行すると実機でアプリを起動させることができます。

iPhoneアプリ開発

UIデザインの作成ツール！誰でも分かるSketchの使い方【初心者向け】

アプリのUIデザインなどを作る上で有名なツール「Sketch」デザイナーの方でSketchを使っている人は多いでしょう。元からあるツールや機能が多くUIデザインを作成するのに非常に便利です。また、プラグインを使えば自分でカスタマイズできるのが特徴です。今回は、そのSketchの使い方を初心者の方でも分かるように詳しく説明しています。使ったことがないという人でもぜひ試してみてください。なお本記事は、TechAcademyのUI/UXデザインオンラインブートキャンプの内容をもとに紹介しています。 Sketchとは Sketchは、Bogemian Coding社によって開発されたMac用のグラフィックデザインです。とくにWeb、UIデザインをするときに便利な機能が盛り込まれており、近年注目を集めています。 Sketchの便利な点他のデザインソフトでも、Web、UIデザインに対応しているものがあります。代表的なのはAdobe社のPhotoshopでしょう。 Sketchの特徴は、冒頭にある通り、Web、UIデザインに特化している点です。そのため、これらを効率よくデザインできるよう設計されています。下にSketchの特に優れた点を挙げてみました。ベクターデータ : ファイル容量が小さく、拡大縮小しても線が汚くなりません。Photoshopでは全て画像データとして保存されるのでどうしてもファイルが大きくなってしまいます。豊富なテンプレート: 各デバイス向けのテンプレートが用意されているので、効率的にUIデザインができます。素早い実機確認: iOSアプリを通して、デザインがデバイス上でどう表示されるかすぐに確認することができます。これは他のデザインソフトにはない、Sketchの優れた機能だと思います。 [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中Sketchの使い方 Sketchは2016年6月現在、Mac OS Xにのみ対応しています。Windowsからは使えませんのでご注意ください。まずは下記のURLにアクセスして、Sketchのトライアル版をインストールしましょう。 Sketch 左側の「download free trial」をクリックすると、zip形式でインストーラがダウンロードされます。ダウンロードが完了したら、zipファイルを解凍してインストールします。初回起動したときは、下のような画面が現れます。「OK」で進みましょう。 Sketchで実際に作業してみよう(描画編) では、Sketchを実際に使ってみましょう。アートボードの挿入まずはSketchの描画機能を学んでいきましょう。最初に、描画スペースとなるアートボードを挿入します。左側にある「＋」ボタンをクリックして、「Artboard」を選択します。すると右側に、様々なデバイスのディスプレイサイズが表示されるので、自分の作成したいサイズを選びましょう。今回はiPhone6を選択してみます。背景色の設定右側にある、「Background color」にチェックを入れ、背景色を選びます。今回は分かりやすいよう黒に設定しました。図形を描いてみる「＋」ボタンから、いろいろな図形を挿入することができます。円を描いてみましょう。「Oval」を選択した後、アートボード上で左クリックしながらドラッグで好きな大きさの円を描くことができます。 Shiftを押しながらドラッグすると真円にできます。図形を塗りつぶしてみましょう。右側のメニューから設定します。塗りつぶしは「Fills」、図形の線は「Borders」です。図形の外や中に影をつけることもできます。長方形も挿入してみましょう。「＋」ボタンから「Rectangle」を選んで描画します。アートボードの端に触れるとガイドがでるので、きれいに配置することができます。「Fills」の右にある「＋」ボタンを押すと、塗りつぶしのパターンを選択することができます。グラデーションをかけてみました。スライスの使い方先ほど描いた図形をスライスしてみましょう。スライスしたいオブジェクトを選択した状態で右側の「Export」を開いて「Export ~」をクリックすると、スライスすることができます。スライスしたものは、下のようにナイフマークが表示されるのでわかりやすいです。マスクの使い方 Sketchではマスクも使うことができます。まずはマスクしたい形を描画します。左側のリストで、マスクとして使う図形より上にあるものが、マスクの対象となるので、順番を入れ替えておきますマスクとして使いたい図形をリスト上で右クリックして「Mask」を選択します。下の画面のようにマスクがかかりました。コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。コスパ・タイパ最適化の参考として、

アプリデザイン

ビジョンを実際のアプリに落とし込むまでの9つのステップとは

本稿は、Codementorのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、Android OSアプリ開発者のAbinash Neupane 氏によって投稿されました。あなたにも朝起きたときに、大ヒットして億万長者になれるような創造的なアイデアを思いついたことがあるでしょうか。未来を変えることができるようなアイデアを思くことは誰にでもあります。その中の多くのアイデアは空想に終わりますが、中には私たちの生活を大きく変えるような可能性を秘めたものもあります。ビジョンを実際のアプリとして実現し、未来を変えるためのステップを見てみましょう！ほとんどのアイデアが単なる「アイデア」で終わってしまうのは、適切なガイドがないためです。アプリ開発を大量のコードを書くだけの作業だと思っている人もいますが、コードを書くことはアプリ開発の中の1つのステップにすぎません。良いアプリを開発するには、その他にも大切なステップがあります。これら9つのステップを紹介していきます。目次最初のステップ要件工学技術的な指標の分析デザイン開発テストアプリの公開保守管理(メンテナンス) マーケティング 1. 最初のステップ最初のステップはビジョンを広げるのに役立ちます。最初のステップの前に、アプリのアイデアを考える必要があります。アイデアは整理されたものでなくても、ぼんやりとしたビジョンでも構いません。最初のステップでは、アプリを開発する目的やゴールを定め、ゴールを達成するための計画を詳細に立てます。また、すでに似たようなアプリが世の中に存在していないか、調べておきます。下の画像はプロジェクトの計画の一例で、プロジェクトに必要となるすべてのタスク、段階、マイルストーン（プロジェクトの進捗管理のための各節目）を設定したものです。プロジェクトによっては、チームのメンバー全員が最初のゴール、目的、価格などを把握できるように、長期的な製品ライフサイクルを見据えて「プロジェクト計画書」を作成することもあります。アプリについてのアイデアをデバイスのスクリーン上に描いておくのもいいでしょう。また、スケッチを描くのもビジョンを明確にするのに役立ちます。アプリの主な機能、およそのレイアウトや構造などを、スケッチに描いておけば、アプリのコンセプトを視覚的につかめます。 [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中2. 要件工学（RE：Requiment Engineering）アプリについて明確なビジョンやゴールを設定したら、次は要件工学です。このステップでは、アプリのゴールを拡張します。アプリによって実現できることや、ユーザーにとってのメリットを定義します。また、ターゲットとなるユーザーを設定することで、価格戦略や市場戦略に役立てましょう。プロジェクトが予算内に収まるかどうかもチェックします。アプリの開発が実行可能かどうか話し合うのもいいでしょう。要件工学で使える「5W」の問いは多数あります。アプリのゴールは何か？（What）このアプリはなぜ他とはちがうのか？（Why）誰がこのアプリを使うのか？（Who）ユーザーはいつアプリを使うか？（When）ユーザーがアプリから得られる最大のメリットは何だろう？（What）ユーザーはどんな場面でアプリを使うのか？（Where）収益アプリを開発するときには、収益を図る方法を考えておくことも必要です。例えば次のような方法があります。有料アプリ In-App Purchase（iOSにおいてアプリ内課金を可能とするAppleの組込みテクノロジー） Admob（アプリの収益を高めるためのGoogleの広告サービス） iAd（iOSのアプリ内に実装できる広告）マイルストーン（プロジェクトの進捗管理のための各節目）マイルストーンを設定するメリットは、タスク、開発にかかる時間などの管理が容易になることです。スケジュール管理を時間軸ベースで把握するのに役立ちます。平均すると、AndroidやiOSのアプリ開発には約18週間（約4ヵ月半）かかります。ワイヤーフレームとストーリーボード次のステップは、アプリの動作性を示すために、ワイヤーフレーム（レイアウト）やストーリーボード（ユーザーの利用体験を漫画のような一連の画像で表現したもの）を作成することです。最初のビジョンをよりクリアーに表現できます。ワイヤーフレームでは開発するアプリの、モックアップやプロトタイプを作成します。モックアップやプロトタイプを作成できるアプリには、Balsamiq、Moqups、HotGlooなどがあります。 3. 技術的な指標の分析次の技術的な指標について分析をします。スケーラビリティ（拡張性）：アプリの潜在的な成長可能性アベイラビリティ（可用性）：ダウンタイム（故障や停止などでシステムを使えない時間）を考慮した、システムの利用可能率メンテナビリティ（保守性）：保守管理のしやすさモジュラーアプローチパフォーマンスポータビリティ（移植性）：例えば、AndroidやWindows PhoneなどのOSに対応したマルチプラットフォームであることユーザビリティ：エンドユーザーを中心に考えた開発バージョン管理このステップにおいては、アプリを開発するために必要なテクノロジーについて話し合います。例えば、アプリに必要なバックエンドの処理を行う技術、データベースの決定などです。SQLiteのようなデータベースを使えば、起動中のアプリを閉じても、データを失うおそれはありません。次のようなテーマについても話し合います。アプリのデータを格納する必要はあるか？あるとしたら、どのように格納するか？どのようなタイプのデータベースを利用するか？アプリは静的なのか動的なのか？アプリに求められるセキュリティ要件は？アプリのセキュリティの欠陥にはどのように対処するか？サードパーティーの製品を統合するか？するとしたら何を選ぶか？将来的にアプリの開発をさらに進めるかどうか？分析を終えたら、次のような項目を含んだ「プロジェクト文書」を作成しましょう。導入問題の提示目的方法予算とスケジュールリファレンス（仕様や機能の解説）コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。コスパ・タイパ最適化の参考として、

スマートフォンアプリ開発

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

Android Studioで開発したアプリを実機でテストする方法【初心者向け】

目次

実機側の設定を行う

実機とPCをUSBで接続する

アプリを実行する

まとめ

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

関連するキーワード

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

Pythonのテストフレームワークunittestとpytestの違いを現役エンジニアが解説【初心者向け】

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

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

iPhone(iOS)アプリを実機でテストする方法【初心者向け】

UIデザインの作成ツール！誰でも分かるSketchの使い方【初心者向け】

ビジョンを実際のアプリに落とし込むまでの9つのステップとは

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

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

目次

実機側の設定を行う

実機とPCをUSBで接続する

アプリを実行する

まとめ

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

記事を検索

関連するキーワード

関連する記事

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

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

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