TechAcademy（テックアカデミー） Androidアプリコース スマートフォンアプリ開発 Androidアプリ開発 初心者におすすめ！Androidアプリ開発の入門として参考になるサイト・記事まとめ
オーダーメイドコース
icon
icon
Androidアプリ開発

初心者におすすめ！Androidアプリ開発の入門として参考になるサイト・記事まとめ

「Androidアプリ開発の入門」として参考になるサイト・記事まとめました。開発環境の構築からAndroidアプリのリリースまで、この記事を読めばひと通りの流れを把握することができます。アプリをすぐに開発したい場合は、要チェック！

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

スマートフォンの普及に伴って、自分でもスマートフォンアプリを開発してみたい！と考える人も多いのではないでしょうか？

 

そこで今回は、Androidアプリ開発の入門として参考になるサイト・記事を集めてみました。

記事を参考にしてぜひチャレンジしてみてください。

 

Android入門

Android入門

Androidアプリの開発に必要なソフトは英語のサイトで配布されていることも多く、開発環境の構築に必要なダウンロードやインストールの手順で戸惑ってしまうこともあるかもしれません。

このサイトではすべての作業を初心者向けに図解入りで一から説明されています。もちろん日本語です。

まずはこのページを見て第一歩を踏み出してみましょう。

 Android入門

 

 

 Javaプログラミング講座

Javaプログラミング講座

Androidアプリの開発に欠かせないのがプログラミング言語のJavaです。このサイトでは、Javaの基本的な構文について練習問題も使ってしっかりと解説されています。

Javaのプログラミングを始める前に、入門としてまずは読んでおきましょう。

Javaプログラミング講座

 

 

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

世界を目指せ！Androidアプリ開発入門

世界を目指せ！Androidアプリ開発入門

開発環境を構築する入門編から製作、エミュレータでのテスト、そして実際にアプリとして仕上げてマーケットへ公開するまでの一連の手順が全12回の記事を通して紹介されている連載記事です。

これからアプリを開発しようとする時、どの段階でも参考になる記事がそろっています。

Eclipseやエミュレータの細かい操作がしっかりと解説されていますので、作業中分からないことがあったらすぐにチェックしてみましょう。

世界を目指せ！Androidアプリ開発入門

 

 

 

Androidで楽しく学ぶJava入門（1） – はじめてのアプリ開発

はじめてのアプリ開発

Androidアプリの開発を楽しく学べる記事です。難しい内容も、分かりやすい例えを使って説明されています。

コピー&ペーストですぐ使えるソースコードも充実していて、まだ初心者だけどとりあえず色々動かしてみたいという方にもおすすめです。

Androidで楽しく学ぶJava入門（1） – はじめてのアプリ開発

 

 

MacでAndroidアプリの開発環境を構築する方法（ADT Bundle版）

MacでAndroidアプリの開発環境を構築する方法（ADT Bundle版）

Androidのアプリ開発はMacでも可能です。この記事ではMac OSでの開発環境構築の手順を説明しています。開発環境はEclipseを使います。

ADT Bundleを使っているので、複雑な操作が必要なくなりました。エミュレータでの起動まで一通りのわかる記事です。

MacでAndroidアプリの開発環境を構築する方法（ADT Bundle版）

 

 

「AndroidStudio」を使ったAndroidアプリ開発環境の構築方法

AndroidStudio

2014年秋からThe official Android IDEとして正式に リリースされた新しい開発環境の「AndroidStudio」を使った開発環境の構築についてまとめた記事です。これからアプリを作りたい場合は、上記のADT Bundleを使うのではなく、AndroidStudioを使うことをおすすめします。

操作や機能は従来とあまり変わっていないため、以前にAndroidアプリを開発したことがある方でも、違和感なく使えるはずです。

「AndroidStudio」を使ったAndroidアプリ開発環境の構築方法

 

 

AndroidアプリをGooglePlayでリリースする方法

Androidアプリリリース

Androidアプリを誰もが使えるようにするには、GooglePlayで公開する必要があります。

公開するために必要なAPKファイルの作り方から、実際の登録方法まで初心者向けに解説している記事です。

AndroidアプリをGooglePlayでリリースする方法

 

 

今回の記事はいかがでしたか？

ぜひ記事を参考にAndroidアプリの開発にチャレンジしてみてください！

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

記事を検索

関連するキーワード

関連する記事

KotlinでDatePickerによる日付入力機能の実装方法を現役エンジニアが解説【初心者向け】

KotlinでDatePickerによる日付入力機能の実装方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解...
Androidアプリ開発

KotlinのAnyクラスについて現役エンジニアが解説【初心者向け】

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

Androidアプリ開発でImageButton(イメージボタン)を追加する方法【初心者向け】

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

Androidアプリ開発でResourcesクラスを使ってリソースを参照する方法

Androidアプリ開発では、Resourcesクラスが用意されていて、画像やテキストなどの外部リソースを利用して開発することができます。 そこで今回はR...
Androidアプリ開発

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

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

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

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

Androidアプリの開発手順をゼロから紹介していきます。 今回の記事では、アプリを作ったことがないという未経験者でも分かりやすく2人のキャラクターが登場しながらAndroidアプリ開発について解説しています。 「Androidアプリを作る上で必要なもの」「Androidアプリを作ってリリースしてみたい」などそれぞれシチュエーションに分けて細かく紹介していきます。   では、Androidアプリの開発手順を実際に見ていきましょう！   目次 Androidアプリ開発をする上で必要なもの 実際にAndroidアプリを作ってみる アプリをリリースしてみる アプリで収益を得る   大石ゆかり 田島メンターってなんでiPhoneとAndroid、両方のスマホ持ってるんですかー？ 田島悠介 なんでって両方のアプリを勉強するためだよ！ 大石ゆかり え、でも同じアプリ入れてるじゃないですかっ！ 田島悠介 実はね、iPhoneとAndroidで同じアプリでも違うデザインになっていたりするんだよ！ 大石ゆかり へぇ〜そうなんですね。どっちも同じように作ってると思ってました！ 田島悠介 実は結構違うんだよね！ ちなみにiPhoneとAndroid、それぞれ持ってる人の割合って何%くらいか知ってる？ 大石ゆかり んー、私の周り見てもみんなiPhoneだからほとんどiPhoneなんじゃないですかー？ 田島悠介 たしかに日本人でiPhone使ってる人は多いよね！ でも世界ではスマホを使ってる人の71.9%くらいがAndroidって言われているんだよ！（2021年1月statcounter調べ：Mobile Operating System Market Share Worldwide | StatCounter Global Stats） 大石ゆかり え、そうなんですかー！初めて知りました！ 田島悠介 アプリを海外の人に使ってもらおうと思ったらAndroidから作る方が良いかもね！せっかくだからAndroidアプリの作り方を一通り説明しようか？ 大石ゆかり ぜひ！知っておきたいです！(Androidアプリ作れたら海外で働く夢も叶うかも♪)   Androidアプリ開発をする上で必要なもの PC(Mac/Windows/Linuxのいずれか) Android Studio JavaやKotlinなどのAndroid開発言語 Androidアプリの開発を進めるためには上の3つが必要です。   PC MacやWindowsなどのOSに関わらず、メモリは16GBほど搭載しておくと、開発する際にストレスなく動作させることが可能です。 もちろん、CPU性能も影響します。   開発環境 Android StudioではなくEclipseという環境でアプリ開発することも可能ですが、Android Studioで作る場合が一般的です。 Android Studioに関しては次の記事を参考にしていただくと分かりやすいです。 「AndroidStudio」を使ったアプリ開発環境の構築方法 | TechAcademyマガジン   言語 Java Javaは世界中の基幹システムで使われているプログラミング言語です。 Androidアプリ開発でも利用しますが、業務システムでもよく利用されるため、Javaを習得することで幅広い業務のシステム開発を行うことが可能になります。 Javaについては、次の記事を参考にしていただくと分かりやすいです。 今さら聞けない！Javaとは 【初心者向け】 | TechAcademyマガジン   Kotlin KotlinはJava言語と100%の互換性を保ちつつ、より簡潔にソースコードを書けるよう、現代的な言語仕様が多く取り入れられています。 2010年に開発が始まり、2017年にはAndroid開発用言語として正式サポートされた新しい言語のため、書きやすい文法であるよう工夫されています。 Kotlinについては、次の記事を参考にしていただくと分かりやすいです。 Androidアプリ開発に使うメリットを解説！Kotlinとは【初心者向け】 | TechAcademyマガジン   Dart（Flutter2） Dart言語を利用してAndroid開発をを行う際、Flutter2というフレームワークを利用します。 Flutter2を利用することで、「iOS」「Android」などのスマホアプリ、「Windows 10」「macOS」「Linux」などのデスクトップアプリ、「Google Chrome」「Safari」「Microsoft　Edge」など、ブラウザアプリを1つのソースコードですべて開発可能です。 https://flutter.dev/   JavaScript（React Native） JavaScriptを利用するReact Nativeでは、React.jsというフロントエンドフレームワークを利用してスマホアプリの開発が可能です。 基本的にはフロントエンドプログラミングの技術を利用しているため、フロントエンドエンジニアがスマホアプリを開発する際、低い学習コストで開発が可能です。 React.jsもReact NativeもFacebookがサポートしています。 React Native · A framework for building native apps using React また、中にはツールを使ってアプリ開発できるものもありますが、プログラミングをして自分の力で作りたいという人は「Java」というプログラミング言語を理解する必要があるでしょう。   C#（Unity） C#を利用して開発するUnityでは、ゲームの開発を行うことが可能です。 Unityで開発したゲームは、AndroidやiPhoneなどのスマホアプリだけでなく、PlayStationやNintendoSwitchやXboxなどの家庭用ゲーム機用や、WindowsやMacやLinuxなどのPC向けゲームなどでリリースすることが可能です。 Unityについては、次の記事を参考にしていただくと分かりやすいです。 今さら聞けない！ゲーム開発で人気のUnityとは | TechAcademyマガジン   C#（.net） Xamarin という機能を利用して、iOS、Android、Windows向けアプリケーションを実装可能です。 Xamarinという名称は、今後、MAUI という名称に変更される予定です。 Xamarin とは – Xamarin | Microsoft Docs   ノーコード ノーコードとは、コードを書かずに実装が可能なツールを言います。 実際プログラミング言語を学ばなくてもある一定レベルのアプリを作成することが可能です。 スマホアプリを実装可能なノーコードツールはたくさんありますが、代表的なものとしてGoogleが買収したAppSheetなどがあります。 Make an App with No-Code. Start building today for free.
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アプリ開発

初心者でもできる！「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アプリ開発のFrameLayoutの使い方【初心者向け】

Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。 今回はそのなかの1つである、FrameLayout（フレームレイアウト）を追加する方法と基本的な使い方をご紹介します。   本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。   大石ゆかり 田島メンター！！FrameLayoutっていうレイアウトがあるんですけど、これって何に使うんですか〜？ 田島悠介 FrameLayoutはビューを重ねて表示したい時に使うんだ。ちょっと試しにやってみようか。   FrameLayoutとは FrameLayoutとは、パーツをひとつだけ配置して使用するレイアウトです。位置の指定はできず、FrameLayoutに配置したパーツは左上に表示されます。 また、FrameLayoutに複数のパーツを配置した場合、パーツが重なって表示されます。     FrameLayoutを配置する FrameLayoutはレイアウトエディタのパレットの「レイアウト」から配置できます。 パレット内のFrameLayoutを、プレビュー画面までドラッグしましょう。     [PR] Androidアプリ開発コースFrameLayoutにパーツを配置する FrameLayoutにパーツを配置するには、レイアウトエディタのパレットから配置したいパーツを選択し、プレビュー画面へドラッグします。   配置したパーツの位置を指定することはできず、画面の左上に表示されます。   さらにもうひとつパーツを配置してみましょう。すると先ほど配置したパーツの上に重なって表示されます。     FrameLayoutの応用 最後に応用として、FrameLayoutを利用して次のような画面のレイアウトを作る例を紹介します。 ボタンを押すことで表示される内容が変わる画面です。   レイアウトは、次のようになっています。 最初にLinearLayout（Vertical）（黄色枠）を配置します。 次に、LinearLayout（Hrizontal）（青枠）を配置し、画面を切り替えるためのボタンを配置します。 さらに、FrameLayout（赤枠）を配置し、その中に表示する画面を作成するために、レイアウトを3つ重ねた状態で配置しています。   なお、表示する画面の切り替えは、FrameLayoutの中に作成したレイアウトを、javaで制御しています。 レイアウトのソースは以下のようになります。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="画面1" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="画面2" /> <Button android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="画面3" /> </LinearLayout> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:id="@+id/layout1" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:visibility="invisible"> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="40dp" android:text="画面１" android:textSize="40dp" /> </LinearLayout> <LinearLayout android:id="@+id/layout2" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:visibility="invisible"> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="40dp" android:layout_gravity="center" android:layout_marginTop="40dp" android:text="画面２" /> </LinearLayout> <LinearLayout android:id="@+id/layout3" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:visibility="invisible"> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="40dp" android:layout_gravity="center" android:layout_marginTop="40dp" android:text="画面３" /> </LinearLayout> </FrameLayout> </LinearLayout> MainActivityには以下のように記述しました。 public class MainActivity extends AppCompatActivity { private LinearLayout mLayout1; private LinearLayout mLayout2; private LinearLayout mLayout3; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mLayout1 = (LinearLayout)findViewById(R.id.layout1); mLayout2 = (LinearLayout)findViewById(R.id.layout2); mLayout3 = (LinearLayout)findViewById(R.id.layout3); findViewById(R.id.button1).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { mLayout1.setVisibility(View.VISIBLE); mLayout2.setVisibility(View.INVISIBLE); mLayout3.setVisibility(View.INVISIBLE); } }); findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { mLayout2.setVisibility(View.VISIBLE); mLayout1.setVisibility(View.INVISIBLE); mLayout3.setVisibility(View.INVISIBLE); } }); findViewById(R.id.button3).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { mLayout3.setVisibility(View.VISIBLE); mLayout2.setVisibility(View.INVISIBLE); mLayout1.setVisibility(View.INVISIBLE); } }); } } 今回の記事は以上です。 さらに他のレイアウトを試したい場合はGridLayoutの使い方も合わせてご覧ください。   大石ゆかり なるほど、こうやって使うんですね！ 田島悠介 使うのが少し難しいLayoutだけど、使い方によっては画面内で画面を切り替えるようなこともできるから、覚えておくと良いね。 大石ゆかり はい！   [お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。
Androidアプリ開発

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

iPhoneアプリの開発手順をゼロから紹介していきます。 今回の記事では、プログラミングをやったことがないという初心者の方にも分かりやすく2人のキャラクターを用いて解説しています。 「iPhoneアプリを作る上で準備しなければならないもの」 「iPhoneアプリをリリースしてみたい」「iPhoneアプリで収益を上げたい」などそれぞれシチュエーションに分けて細かく紹介しています。   では、iPhoneアプリの開発手順を実際に見ていきましょう！ 目次Android入門 Javaプログラミング講座世界を目指せ！Androidアプリ開発入門Androidで楽しく学ぶJava入門（1） - はじめてのアプリ開発MacでAndroidアプリの開発環境を構築する方法（ADT Bundle版）「AndroidStudio」を使ったAndroidアプリ開発環境の構築方法AndroidアプリをGooglePlayでリリースする方法 今回の登場人物   田島悠介（29） 現役エンジニアで田島アプリスクールの代表。人の成長を見るのが一番のやりがいになっている。 テックアカデミーのメンター。好きな映画は『トスカーナの休日』 大石ゆかり（24） テックアカデミーの受講生。 Instagramには3つの写真加工アプリで編集してからアップするという。   大石ゆかり 田島メンター！こういうインスタみたいなアプリってどうやって作るんですかー？ 田島悠介 おっ！ゆかりちゃんもアプリ作ってみたいの？ 大石ゆかり はいっ！！だってアプリ作れたら稼げるって聞いたから！ 田島悠介 (すごいミーハー感が・・・) じゃあ、せっかくだからiPhoneアプリを公開する手順をひととおり説明していくね！ ゆかりちゃんが気になってるお小遣い稼ぎの方法も最後に紹介するからね！ 大石ゆかり やった〜！！ありがとうございます！（これで世界一周行けるかな♪）   iPhoneアプリ開発で準備するもの iPhoneアプリを作る前に準備すべきものが2つあります。 Mac Xcode iPhoneアプリ（iOSアプリ）の開発を進めるためには上の2つが必要になります。 実際にApp Storeにリリースしたいと思っている方は、リリースまでに準備すべき6つのことをご覧ください。 すでにMacを持っている方は、Xcodeのインストール方法をご覧ください。   大石ゆかり 田島さん、iPhoneアプリってWindowsのパソコンじゃ作れないんですか？？ 田島悠介 良い質問だね！iPhoneアプリを作るためのXcodeをインストールしたり、あとで紹介するアプリをリリースするためにMacが必要なんだ。 大石ゆかり そうなんですね！やっぱりMacの方がかっこいいですもんね。 田島悠介 (やっぱりどこかミーハーなんだよなあ・・・) じゃあ次は実際にアプリを作ってみる流れを説明するね！   WindowsはiPhoneアプリ開発ができないのか？ WindowsでiPhoneアプリを開発することは可能です。 しかし、iPhoneアプリをリリースすることが難しいです。 iPhoneアプリをリリースするためには、必ずMacが必要です。 それではWindowsユーザーは、最新のMacを購入する必要があるかというとそうではありません。 様々な考え方がありますが、わかりやすい指標で言うと、Xcodeの動作が可能なMacであれば、最新のMacでなくても大丈夫です。 そして、iPhoneアプリの開発だけに絞るとMacのみで開発可能です。   UnityでiPhoneアプリ開発 Unityとは、Unity Technologiesが開発するゲーム開発環境です。 C#やJavaScriptを利用してゲーム開発が可能です。 C 、C++、Objective-C で書かれたカスタムのネイティブな関数を C# スクリプトから呼び出すことも可能です。 Unityでゲーム開発を行うメリットは、アセットストアの素材を利用できることです。 アセットストアでは、音楽、キャラクター、ほぼできあがっている状態のゲームテンプレートなどが無料・有料で販売されています。   React NativeでiPhoneアプリ開発 React Nativeとは、Facebookが開発しているReact.jsというJavaScriptのライブラリを利用した、モバイル端末用のJavaScriptフレームワークです。 JavaScriptを利用すれば開発できるということで、これまでのiPhoneアプリ開発に比べ、格段に開発者の裾野が広がりました。 ネイティブUIを利用してTypeScriptも利用できることから、フロントエンドエンジニアと言われているJavaScriptを得意とするエンジニアも、iPhoneアプリ開発に取り組むことが可能です。   IonicでiPhoneアプリ開発 Ionic FrameworkはIonicが開発する、オープンソースのUIツールキットです。 HTML、CSS、JavaScriptを使っているフロントエンドエンジニアであれば使いやすいと思います。 Angular や React 、 Vue といったJavaScriptの人気フレームワークと併用して、TypeScriptも利用可能です。 iOS、Android、 Webアプリ（PWA可能）、 Electronで動作します。 ReactNativeとの違いは、UIがWeb Componentを利用しており、アプリ内でコンテンツを表示するWebView上で動作するという点です。   FlutterでiPhoneアプリ開発 FlutterはGoogleがリリースしている開発フレームワークです。 Dartという言語を利用します。 現在Flutter2がリリースされたことで、基本実装で同じコードをネイティブアプリ(iOS、Android)、Windows、macOS、Linuxで利用可能になりました。 ToyotaもFlutterを採用する計画があるそうです。   MonacaでiPhoneアプリ開発 Monacaとは、HTMLとJavaScriptを利用した開発環境です。 Monacaではクラウド上での開発が可能です。 クラウド上での開発が可能ということは、手元のPCに開発環境を構築する必要がないというメリットがあります。   RAD StudioでiPhoneアプリ開発 RAD StudioはWindows、Android、iOS、macOS、Linuxアプリケーション構築をサポートする統合開発環境です。 C++とDelphiという言語で開発可能です。 有償製品のため、サポートが充実しています。 無料トライアルも可能です。   [PR] Androidアプリ開発コースXcodeで利用するプログラミング言語 XcodeでiPhoneアプリを開発する上で、SwiftとObjective-Cが利用されます。 Objective-CでiPhoneアプリ開発も可能ですが、Apple自身がSwiftの利用を推奨しているため、初心者の方にはSwiftの利用をおすすめします。   Swift Swiftは、2014 年からApple製品専用の言語として開発されました。 AppleはiPhoneアプリを開発する際、Swiftを推奨しています。 Objective-Cよりシンプルで、初心者にも使いやすく、処理速度も速いです。   実際にアプリを作ってみる せっかくXcodeをインストールしたらオリジナルのiPhoneアプリを作ってみたいと思うはずです。 作りたいものが浮かばないという人は、サンプルアプリを紹介しているので、そのまま真似して作ってみるのも良いでしょう。 もし、実際にiPhoneアプリを作ろうと思ったら「企画→設計→開発」といった流れが一般的です。 企画 企画では、いつ誰が何のために使うのかなど具体的にアプリのイメージを考えます。 個人で作るアプリであれば自分が欲しいと思うものが良いでしょう。 設計 設計では、画面設計図を作りましょう。 手書きでも良いですが最近では、ProttやCacooといったツールで誰でも簡単に作成できるのでぜひ試してみてください。 開発 企画や設計が終わったら実際にアプリを作っていきます。 iPhoneアプリは、Storyboard(ストーリーボード)というところで画面を作り、ソースコードを書いて正常な処理や動作を行います。 例えば、写真のアプリを作る場合「カメラを起動している画面」と「写真を保存する画面」が少なくとも必要です。 1．カメラでボタンを押して写真を撮る 2．ライブラリに写真を保存する この1と2を連動させるためにコードを書く必要があります。 そして、完成したら自分のiPhoneでテストしてみましょう。 実際にiPhoneでサクサク動くかどうか確認しておくことは重要です。   大石ゆかり ソースコードってなんですか？ 田島悠介 ソースコードというのは、コンピュータに何か命令を送る時に使う言葉なんだよ。 僕らが日本語や英語で会話するように、コンピュータにも特有の言語があるんだよね。 iPhoneアプリを作るときはSwift(スウィフト)っていう言語を使うことが多いよ！ 大石ゆかり Swiftって言うんですか？？ テイラー・スウィフトとは何か関係があったりするんですかー？ 田島悠介 いやいやテイラー・スウィフトとは何も関係ないよ(笑) (それにしてもすごい連想だな・・・)   アプリをリリースしてみる iPhoneアプリを開発したら一般にリリースします。 App Storeに公開するためには、iTunesConnect, DeveloperCenterというサイトで設定し、申請を行います。 ちなみにリリースさせるためにはAppleのDeveloper登録が必要で年間11,800円かかります。 参考サイト サルでもできるiOSアプリ公開手順～App store 登録～   田島悠介 最初にも言ったけど、iPhoneアプリをリリースするためにはMacでなければならないんだ。 ちなみにiPhoneアプリをリリースする際はAppleによる審査があるから覚えておこうね。 大石ゆかり なんで審査なんてするんですか〜？ 田島悠介 アプリを使う時に登録した個人情報が外に漏れないといったセキュリティ面や不快な表現がないかどうかの確認をするためだよ。 大石ゆかり へえ〜意外と厳しいんですね！ 田島悠介 そうなんだよね。だからみんな開発が終わってもたくさんテストして不具合がないか確認するんだよね。 さて最後は、ゆかりちゃんお待ちかねのアプリでの稼ぎ方について説明していくよ！ 大石ゆかり わあ〜！待ってました！   アプリで収益を得る iPhoneアプリで収益を上げるためには3つの方法があります。 有料ダウンロード 広告 アプリ内課金 有料ダウンロードは、アプリを有料で販売することです。 有料アプリはゲームが多く購入される傾向にあります。 広告はアプリ内に広告を表示して収益を得ます。 アプリ自体は無料で使ってもらい、広告を出すことで収益が上げられます。 アプリ内課金はゲームによく使われます。 ゲーム内のアイテムを販売するなどして収益を得ます。 広告などを利用すれば個人でもアプリで稼ぐことができるでしょう。   田島悠介 ちなみにゆかりちゃんはどんなアプリを作りたいの？ 大石ゆかり 撮った写真にプリクラみたいに可愛くスタンプとか文字を載せたいんです。あと、フィルターもおしゃれにして。とにかく可愛くデコレーションができるアプリが欲しくて、できるならアプリで稼げたらいいなあなんて思ってます。 田島悠介 面白そうなアプリだね！そのアプリで収益をあげようと思ったら例えば、無料のスタンプやフィルターを用意しておいて、もっとおしゃれなものを使いたいと思ったら課金するみたいな感じが良いかもね。 大石ゆかり なるほど〜！ いろいろ教えていただきありがとうございましたっ！   おさらい iPhoneアプリの開発にはMacが必要！ アプリを作る時は企画→設計→開発という順番で進めよう！ アプリのリリースにはAppleのDeveloper登録が必要！ アプリで収益を得るには3つの方法がある！     監修してくれたメンター 中本賢吾（なかもとけんご） アジマッチ有限会社　代表取締役社長 開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。WordPressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。ボランティア活動：小学生がオリジナルAndroidアプリをGoogle Playでリリース、NHK Whyプログラミング入賞、全国Programming Festival入賞、中学生がSNS型PWAアプリリリースする市クラブ講座活動を行っている。   iPhoneアプリ開発を学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのiPhoneアプリコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、Swiftを学習・勉強して短期間でオリジナルのiOSアプリを開発できるようになります。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
iPhoneアプリ開発

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

オーダーメイドコース
TechAcademy（テックアカデミー） Androidアプリコース スマートフォンアプリ開発 Androidアプリ開発 初心者におすすめ！Androidアプリ開発の入門として参考になるサイト・記事まとめ