- [Steven Lipton] In Xcode 9,

- Steven Lipton] Xcode 9で。

Apple made some significant changes

アップルはいくつかの重要な変更を行った

concerning repositories in GitHub.

GitHubのリポジトリに関すること。

So I'm going to explore repositories in Xcode

ということで、Xcodeでリポジトリを探索することにします

and how to move them directly to GitHub

と、それらを直接GitHubに移動させる方法

without using the GitHub website or desktop application.

GitHubのウェブサイトやデスクトップアプリケーションを使用せずに。

We'll start with a new Xcode project.

まず、新しいXcodeプロジェクトを作成します。

Before we do,

その前に

head over to Preferences,

をクリックし、「環境設定」を選択します。

and Source Control,

とソース管理。

and make sure that Source Control is enabled.

をクリックし、ソースコントロールが有効になっていることを確認します。

Close Preferences.

環境設定を閉じる。

Head to File,

ヘッドからファイルへ。

New,

新品です。

Project.

プロジェクト

We'll pick an iOS project of Game

GameのiOSプロジェクトをピックアップします。

since there's already usable SpriteKit code there.

というのも、そこにはすでに使えるSpriteKitのコードがあるからです。

If you're not familiar with SpriteKit code, don't worry.

SpriteKitのコードに慣れていない方でもご安心ください。

I'll walk you through what changes we'll make.

どのような変更を加えるか、順を追って説明します。

Click next.

次へ」をクリックします。

For our project name, call it "RepoDemo."

プロジェクト名は、"RepoDemo "とします。

Set your team, organization name,

チーム名、組織名を設定します。

and organization identifier as you usually would.

と組織の識別子を通常通り入力します。

Set the language to Swift,

言語をSwiftに設定します。

and we're going to use SpriteKit for the game technology.

で、ゲーム技術にはSpriteKitを使うことにしています。

Go ahead and hit next.

先に進み、次を押してください。

I'm going to save it to the desktop,

デスクトップに保存しておきます。

and most important of all here

そして、ここで最も重要なのは

is make sure where it's a Source Control,

は、それがSource Controlである場所を確認します。

you have a check next to "Create Git repository on my Mac."

は、"Create Git repository on my Mac" の横にチェックが入っていますね。

This will let you have the source control capabilities

これにより、ソースコントロール機能を持つ

we're interested in.

が気になるところです。

Go ahead and click create,

続けて、作成をクリックします。

and the project appears in Xcode.

をクリックすると、Xcodeにプロジェクトが表示されます。

Run the app so you can see it

アプリを起動して見ることができます

as an animated Hello World app.

をHello Worldのアニメーションアプリにしました。

Click your mouse on the app

アプリ上でマウスをクリック

and the text pulses with a small square

と表示され、テキストが小さな四角で脈打つ

with rounded corners rotating.

角が丸くなった回転式

Stop the app.

アプリを停止する。

Click on the GameScene.swift file.

GameScene.swiftファイルをクリックします。

Give yourself some room

余裕を持たせる

by closing the attributes if it's open.

が開いている場合は、属性を閉じることによって。

This code has two nodes, the shape and the label.

このコードには、shapeとlabelという2つのノードがあります。

The shape is generated here in code,

形状はここでコードで生成されます。

the label in a GameScene.sks file.

というラベルをGameScene.sksファイルに記述します。

We'll change both of these in the GameScene.swift code.

この2つをGameScene.swiftのコードで変更します。

Under the if let label = self.label at line 21,

21行目のif let label = self.labelの下にあります。

I'm going to change the text to "Hello Pizza"

テキストを "Hello Pizza "に変更します。

and the font name to Georgia.

で、フォント名をGeorgiaにしました。

Then I'll scroll on down,

そして、下にスクロールしていきます。

to line 29,

を29行目に追加しました。

and put right underneath that "let w equals" another line

そして、その「let w equals」のすぐ下に別の行を置く。

and I'm going to call it let h = w * 2.0.

とし、let h = w * 2.0 とする。

This will give us a height.

これで高さが出ます。

The original code actually has both a width and a width,

実は元のコードには、widthとwidthの両方があります。

so it stays square,

ので、正方形のままです。

but I'm going to make this oblong

が、これを長方形にすると

and make it twice as high as it is wide.

で、高さは幅の2倍にしてください。

And then underneath that,

そして、その下には

you'll see the shape node here,

をクリックすると、ここにシェイプノードが表示されます。

and,

とします。

it starts with rectOf.

はrectOfで始まる。

Change rect to ellipse.

矩形を楕円に変更する。

Okay.

なるほど。

Change the height,

高さを変更する。

to H,

をHにする。

and this only has that one parameter,

で、これはその1つのパラメータしか持っていません。

the corner radius doesn't apply

コーナーラジアスが適用されない

so delete the corner radius.

ので、コーナーラジアスを削除してください。

So that's our changes to our code.

これで、コードの変更は完了です。

You can go ahead and run that.

それを実行に移すことができます。

And we got a different experience.

そして、異なる体験を得ることができました。

Okay, you can close that up.

では、それを閉じてください。

And take a look at this little M over here.

そして、ここにある小さなMを見てください。

This says that it's a modified file.

これは、修正されたファイルであることを示しています。

You can see what the modifications are

修正内容を確認することができます

by going over to the version editor,

バージョンエディタに移動してください。

clicking it once or clicking comparison.

を一度クリックするか、比較をクリックします。

And you'll see a screen that has two sides of code,

そして、コードが2面ある画面が表示されます。

one the old code, one the new code.

1つは古いコード、もう1つは新しいコードです。

In between, you'll see things with little numbers.

その間に、小さな数字が入ったものが出てきます。

So for example, here we have the one for the shape node,

例えば、ここにShapeノードのものがありますね。

and it's got two changes.

と、2つの変更点があります。

I can discard those changes if I want,

その変更は、私が望めば捨てることができます。

which I'm not going to do.

というのは、やめます。

And if you go up a little further,

そして、もう少し上に行くと

you can see one change 'cause they were blocked together

ブロック化されているため、1つの変化を見ることができます。

of the two changes to the label.

ラベルの2つの変更のうち

You'll also find at the top of the screen,

また、画面上部にもあります。

a menu for source control.

ソースコントロールのためのメニューです。

And here you've got all the classic things

そして、ここには定番のものが揃っています。

that you will find for Git or GitHub

GitやGitHubのために見つけることができます。

where you've got commit, push, pull,

コミット、プッシュ、プルがあるところ。

fetch and refresh, et cetera.

フェッチ＆リフレッシュ、など。

And of course, clone on the bottom.

もちろん、底面にはクローンも。

Go ahead and hit commit.

続けて、コミットを押す。

And you got a new window with the listed change files

そして、新しいウィンドウに変更ファイルが表示されます。

over here on the side.

この横にある

If you click on the GameScene.swift file,

GameScene.swiftファイルをクリックした場合。

which is the only change we've got,

というのが、唯一の変化です。

you'll see again, it'll show you your changes.

をクリックすると、変更内容が表示されます。

On the bottom, you'll find space for a commit message

底面には、コミットメントを記入するスペースがあります。

and I'm going to change to an oval shape

で、オーバル型に変更するつもりです

and change the message to hello pizza.

というメッセージを表示し、メッセージをhello pizzaに変更します。

I can now go down the bottom here,

ここで下に降りられるようになりました。

which is commit one file,

は、1つのファイルにコミットしています。

and commit the files.

を実行し、ファイルをコミットしてください。

You'll find another little icon next to the navigator icon,

ナビゲーターアイコンの隣に、もう一つ小さなアイコンがあります。

which is over here.

はこちらです。

This is the source control navigator,

ソースコントロールナビゲーターです。

and you'll open up its box,

をクリックすると、その箱を開けることができます。

and open up branches.

と枝を開く。

And you can see under branches, there's a master branch,

そして、ブランチの下にmasterブランチがあるのがわかると思います。

and you can see the initial commit

をクリックすると、最初のコミットが表示されます。

and our commit where we changed the shape.

と、形状を変更した私たちのコミット。

Besides storing your project locally in Xcode,

Xcodeでプロジェクトをローカルに保存する以外に。

starting with Xcode 9,

をXcode 9から導入しました。

you can store and share your project in GitHub.

を使えば、GitHubにプロジェクトを保存して共有することができます。

You'll need an account from github.com

github.comのアカウントが必要です。

if you don't already have one.

をお持ちでない方は、こちらをご覧ください。

Once you have your GitHub account,

GitHubのアカウントを取得したら

in Xcode, go to Preferences > Accounts.

XcodeでPreferences > Accounts を選択します。

Click the + and select GitHub.

をクリックし、GitHubを選択します。

Click continue.

続行をクリックします。

Once selected,

選択したら

add your account and password.

アカウントとパスワードを追加します。

Mine is a MakeApp,

私のはMakeAppです。

and I'll type in my password.

とパスワードを入力します。

You'll see you now have a source control account.

ソースコントロールアカウントを取得したことが確認できます。

You can go ahead and close the preferences.

そのまま環境設定を終了してください。

Right-click on remotes,

リモコンを右クリックする。

go to Create RepoDemo Remote on GitHub,

GitHubのCreate RepoDemo Remoteにアクセスします。

and you get a creation screen.

をクリックすると、作成画面が表示されます。

Set your account,

アカウントを設定します。

and the owner,

とオーナー。

the repository name,

リポジトリ名。

and a description,

と説明文があります。

which I'll put an example repository from Xcode.

ということで、Xcodeからのサンプルリポジトリを載せておきます。

You can set it to public or private,

公開・非公開を設定することができます。

and the remote name.

とリモート名を指定します。

Now you can change the repository name

これで、リポジトリ名を変更することができます

if you don't want to call it RepoDemo.

レポデモと呼ばない場合。

So for example,

だから例えば

I'm going to change it to my exercise name here,

ここでエクササイズ名に変更します。

and hit create.

をクリックし、作成を押してください。

I can go over to GitHub now,

GitHubに移動できるようになりました。

check my repositories,

私のリポジトリをチェックしてください。

and right there is "Tips_01_Github."

で、そこに "Tips_01_Github "があります。

So this is how you save a project into GitHub.

これが、GitHubにプロジェクトを保存する方法です。

Once there,

一旦、現地へ。

this is another GitHub project

これもGitHubのプロジェクトです

and acts like any other GitHub project.

で、他の GitHub プロジェクトと同じように動作します。

As of now, you can't do this to playgrounds.

今のところ、遊び場にはできない。

For a project like the one we just made,

先ほどのような企画に。

that's how you set up integration with GitHub

GitHubとの連携はこのように設定します。

from an Xcode repository.

をXcodeのリポジトリから取得します。

(upbeat music)

(アップビート・ミュージック)