Name: 初心者のためのAndroidアプリの作り方 (How to Make an Android App for Beginners)
Uploaded: 2025-05-22T07:50:07.000Z
Duration: 19 min 18 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

分詞構句

Android development can be a great way to turn your idea into reality or start a promising career as an app developer, and getting started is probably easier than you think.

Android開発は、あなたのアイデアを現実のものにしたり、アプリ開発者としての有望なキャリアをスタートさせたりするのに最適な方法です。

基礎受動態

These days, Android development is done with a tool called Android Studio.

最近では、Androidの開発はAndroid Studioというツールを使って行われる。

Android Studio is kind of like the Microsoft word for writing Android apps.

Android Studioは、Androidアプリを書くためのマイクロソフト・ワードのようなものだ。

It helps organize our projects and gives us a user-friendly way to create what we're looking for.

プロジェクトを整理し、探しているものを作るための使いやすい方法を提供してくれる。

In this video, we'll walk through installing Android Studio and then make an app.

このビデオでは、Android Studioのインストールからアプリの作成までを説明します。

Don't worry if you don't have any experience with Android or even programming in general.

アンドロイドやプログラミング全般の経験がなくても心配はいらない。

As long as you follow along, we'll all end up at the same place.

あなたがついてきてくれる限り、私たちは皆、同じ場所にたどり着く。

Now we'll download Android Studio in just a second, but first, let's look at what we'll be making.

では、Android Studioをすぐにダウンロードするが、その前にこれから作るものを見てみよう。

These days, there are too many choices of everything.

最近は何でも選択肢が多すぎる。

So to help us choose between a bunch of options, we'll make an app that lets us specify how many options there are and then selects one at random when we click a button.

そこで、たくさんの選択肢の中から選ぶのを助けるために、選択肢の数を指定できるアプリを作り、ボタンをクリックするとランダムに1つを選ぶようにしよう。

Now that we know where we'd like to end up, let's start by downloading Android Studio.

さて、最終目的地がわかったところで、まずはAndroid Studioをダウンロードしよう。

Click the link below to go to the Android developer website, and then click the download button.

下のリンクをクリックしてAndroid開発者のウェブサイトに移動し、ダウンロードボタンをクリックしてください。

Accept the terms and conditions, and then download Android Studio.

利用規約に同意し、Android Studioをダウンロードしてください。

Once it's downloaded, follow these steps to install Android Studio.

ダウンロードが完了したら、以下の手順に従ってAndroid Studioをインストールしてください。

Drag it into the Applications folder, and then launch Android Studio.

アプリケーションフォルダにドラッグし、Android Studioを起動します。

Since you won't have any previous settings, you can choose Do Not Import Settings.

以前の設定がないため、「設定をインポートしない」を選択できます。

Then click OK to complete the installation.

その後、OKをクリックしてインストールを完了する。

And now we're presented with the Android Studio setup wizard.

Android Studioのセットアップ・ウィザードが表示されます。

On this first screen, we can just click Next.

この最初の画面では、「次へ」をクリックすればいい。

For the install type, let's pick Custom, and then click Next.

インストールの種類は「カスタム」を選び、「次へ」をクリックする。

これでUIテーマを選ぶことができる。

デフォルトのままにしておくよ。

And then, when we're selecting our SDK components, I already have the Android SDK installed on my computer, but you'll want to make sure this is checked, as well as the Intel Haxm performance box, and since I'll be running this on a virtual device, we'll want to include an Android virtual device as well.

それから、SDKコンポーネントを選択するときに、私はすでにAndroid SDKをコンピュータにインストールしていますが、これがチェックされていることを確認します。また、Intel Haxm performanceのボックスもチェックします。仮想デバイス上でこれを実行するので、Android仮想デバイスも含めることにします。

This is just a version of Android that runs on our computer.

これは私たちのコンピューター上で動くアンドロイドのバージョンに過ぎない。

If you have your own Android device, you don't need to include this, but it's recommended if you're going to continue doing Android development.

もしあなたが自分のAndroidデバイスを持っているなら、これを入れる必要はないが、Android開発を続けるのであれば入れることをお勧めする。

Then let's click Next, and we can accept the recommended choice here, and click Next again, and then Finish.

次にNextをクリックし、ここで推奨される選択を受け入れ、もう一度Nextをクリックし、Finishをクリックする。

Once you've downloaded all the components, you might need to type in your password to allow it to install Haxm.

すべてのコンポーネントをダウンロードしたら、Haxmのインストールを許可するためにパスワードを入力する必要があるかもしれません。

Then let's click Finish, and now that we're running Android Studio, let's pick Start a new Android Studio project to get started.

そしてFinishをクリックし、Android Studioを起動したら、Start a new Android Studio projectを選んで始めましょう。

First we'll need to specify our application name.

最初にアプリケーション名を指定する必要がある。

Then for the company domain, you would put the web address of your company.

そして、会社のドメインには、会社のウェブアドレスを入れます。

So for me, this will be teamtreehouse.com, though really, as long as you're not publishing the app to the Play Store, this can be whatever you want.

私の場合、teamtreehouse.comになりますが、Playストアにアプリを公開しない限り、何でも構いません。

Lastly, Android used to be written entirely in Java, but recently we've been given the freedom to use Kotlin, which I think is a big improvement over Java.

最後に、Androidは以前はすべてJavaで書かれていましたが、最近はKotlinを使う自由が与えられています。

Let's check the Include Kotlin Support box, and then click Next to continue.

Kotlinサポートを含める］ボックスをチェックし、［次へ］をクリックして続行しよう。

Now I know you're probably ready to get started, but before we get on with the app, let's take a minute to talk about how an Android app comes together.

さて、アプリを始める準備はできていると思いますが、アプリを始める前に、Androidアプリがどのように出来上がっていくのかについて少しお話ししましょう。

The first piece of an app is the layout, which describes how the app should look.

アプリの最初の部分はレイアウトで、アプリがどのように見えるべきかを記述する。

In Android, layouts are created by combining different types of views.

Androidでは、レイアウトは異なるタイプのビューを組み合わせて作成される。

At its most basic, a view is just a rectangular area on the screen, but there are views that contain text, views that act as buttons, and even views for holding other views.

最も基本的なものでは、ビューは画面上の長方形の領域に過ぎないが、テキストを含むビュー、ボタンとして機能するビュー、さらには他のビューを保持するためのビューもある。

And by combining all these different types of views, we can make pretty much anything.

そして、これらの異なるタイプのビューを組み合わせることで、ほとんど何でも作ることができる。

The other piece of an app is the activity.

アプリのもうひとつの要素はアクティビティだ。

You can think of the activity as the code behind a layout.

アクティビティはレイアウトの背後にあるコードと考えることができる。

It's where you tell your buttons what to do.

自分のボタンに指示を出す場所だ。

Getting back to the code, it looks like we're looking at our activity.

コードに戻ると、アクティビティを見ているようだ。

It also looks like we've got an error, and it's suggesting a solution.

また、エラーが発生したようで、解決策を提案している。

So I'll click that, accept the agreement, and click Next.

それをクリックして同意書に同意し、「次へ」をクリックする。

Now, I'll take a second to just make my screen a little easier to see.

では、ちょっとだけ画面を見やすくします。

そして、私のフォントサイズをもう少し大きくしてください。

Okay, so Android apps have two parts, the layout and the activity.

さて、Androidアプリにはレイアウトとアクティビティという2つの部分がある。

And right now, we're inside the activity.

そして今、私たちは活動の中にいる。

And if we look inside this onCreate function, we can see a line that says setContentView r.layout.activity.main.

このonCreate関数の中を見ると、setContentView r.layout.activity.main.ContentViewという行があります。

This is where our layout gets connected to our activity.

ここでレイアウトとアクティビティがつながる。

As you might have guessed, this makes activity.main.xml our layout.

お察しの通り、これでactivity.main.xmlがレイアウトになります。

Let's click on it and see what we've got.

And I'll click right here to hide this side section.

そして、ここをクリックしてサイドセクションを隠す。

We can bring it back by clicking the Project pane.

プロジェクト・ペインをクリックすれば、プロジェクト・ペインを復活させることができる。

On this screen, we can create our layout by dragging and dropping views.

この画面で、ビューをドラッグ＆ドロップしてレイアウトを作成します。

We can also delete views by selecting them and then hitting Backspace.

また、ビューを選択してBackspaceを押すことで、ビューを削除することもできる。

Let's get rid of this Hello World text view and then start adding some views of our own.

このHello Worldテキスト・ビューを取り除き、独自のビューをいくつか追加してみよう。

だからそれをクリックしてバックスペース。

So if we drag out a button, we'll get a button.

つまり、ボタンをドラッグすればボタンができる。

Now one thing to call out is that we're putting these views inside of another view called a constraint layout.

ここで一つ注意しなければならないのは、これらのビューをコンストレイント・レイアウトと呼ばれる別のビューの中に置くということだ。

What's cool about a constraint layout is that it lets us position the views inside by using constraints, which let us chain views together and makes creating a layout super simple.

コンストレイント・レイアウトがクールなのは、コンストレイントを使ってビューを内部に配置できることです。

Let's try using constraints with our button to make it look like it does in the mockups.

モックアップのように見えるように、ボタンに制約を使ってみましょう。

To align it to the bottom, start by selecting the button, then click on the bottom white circle and drag it to the bottom of the screen to make the connection.

一番下に合わせるには、まずボタンを選択し、一番下の白い円をクリックし、画面の一番下までドラッグして接続する。

Notice that it doesn't quite make it to the bottom.

底まで届いていないことに注目してほしい。

This is because our constraint contains an 8-pixel buffer.

これは、この制約が8ピクセルのバッファを含んでいるからだ。

You can see the details about a view's constraints up here on the right.

ビューの制約に関する詳細は、この右側に表示されます。

And if you want to change the buffer, you can type in the box or select a value.

バッファを変更したい場合は、ボックスに入力するか、値を選択する。

バッファーを24に変更しよう。

次に、ボタンを中央に配置する必要がある。

To center something in a constraint layout, you just constrain it to both the left and right sides.

コンストレイント・レイアウトで何かを中央に配置するには、左右の両端をコンストレイントすればよい。

So let's drag the left side to the left and the right side to the right.

では、左側を左に、右側を右にドラッグしてみよう。

Also, you may have noticed that we have two screens here.

また、ここに2つのスクリーンがあることにお気づきだろうか。

The left one is showing us what the app will look like.

左はアプリがどのように見えるかを示している。

And the right one is more of a blueprint view, showing us all the little details behind the app.

そして右側は、アプリの背後にある小さなディテールをすべて見せてくれる、より設計図的なビューだ。

You can toggle between showing the design, just the blueprint, or both by using this button up here.

このボタンを使って、デザインを表示するか、設計図だけを表示するか、あるいは両方を表示するかを切り替えることができます。

So just to make things a little easier to see, for this screencast, I'll be using the design view.

このスクリーンキャストでは、少し見やすくするために、デザイン・ビューを使います。

But keep in mind, if you want to see the blueprint view, it's always there.

しかし、ブループリントを見たいのであれば、いつでもそこにあることを覚えておいてほしい。

Now to make our button, say, roll, we just need to update the text attribute over here on the right.

さて、ボタンを回転させるには、右側のtext属性を更新すればいい。

そこで、ボタンを削除し、ロールと入力する。

And let me make this just a little wider so it's easier to read.

読みやすいように、もう少し幅を広くしよう。

The last thing we need to do with our button is make it wider.

最後に、ボタンの幅を広げる必要がある。

To change the width of a view, you just update the layout width attribute.

ビューの幅を変更するには、レイアウトの幅属性を更新するだけです。

Let's make it take up the full width of its constraints by changing this to match constraint.

これをmatch constraintに変更することで、制約の幅いっぱいになるようにしてみよう。

Then, to make this match the mockups, let's change the buffer for both the left and right constraints to 96.

そして、これをモックアップと一致させるために、左右両方のコンストレイントのバッファを96に変更しましょう。

Now that we've got our button, let's add our selector.

ボタンができたので、セレクタを追加しよう。

In Android, that type of view is called a seek bar.

Androidでは、このようなビューをシークバーと呼ぶ。

To find it, click on widgets and then drag out a seek bar to screen.

それを見つけるには、ウィジェットをクリックし、画面にシークバーをドラッグアウトします。

Then let's constrain the bottom of the seek bar to the top of our button and the sides to the sides of the screen.

次に、シークバーの下部をボタンの上部に、両サイドをスクリーンの両サイドに拘束しよう。

Let's also update the buffers for those constraints to be 32 for the sides and 24 for the bottom.

また、これらの制約のバッファを、側面が32、底面が24になるように更新しましょう。

Finally, let's change the layout width to match constraint and we're good to go.

最後に、レイアウトの幅を制約に合うように変更すればOKだ。

The next piece we need is a text view that says how many.

次に必要なのは、その数を示すテキストビューだ。

Let's click on the text tab and drag out a text view.

テキスト・タブをクリックして、テキスト・ビューをドラッグしてみよう。

字幕リスト動画再生

初心者のためのAndroidアプリの作り方 (How to Make an Android App for Beginners)

awesome

content

recommend

progress