すでにメンバーの場合は

無料会員登録

GitHubアカウントで登録 Pikawakaが許可なくTwitterやFacebookに投稿することはありません。

登録がまだの方はこちらから

Pikawakaにログイン

GitHubアカウントでログイン Pikawakaが許可なくTwitterやFacebookに投稿することはありません。

Gitの設定をしよう!

この記事で出来るようになること

Githubの設定

GitHubのアカウント登録をしよう!

GitHubのアカウント登録ページから、GitHubのアカウント登録をしてください!

Pikawakaクラスのレポジトリに入ろう!
  1. 所属するチームチャンネルで、「アカウント登録完了!」と宮嶋にメンションをつけて投稿
  2. 「招待完了!」のリプライメッセージを受け取れば、GitHubから届いているメールを開く
  3. メールを開いて「view invitation」をクリック
  4. GitHubページの「accept invitation」をクリック
  5. pikawaka_classのGitHubページが表示されていることを確認(以下の画像のように表示されていたらOK!)

レポジトリ招待で参加した際の画像

Cloud9とGitHubを紐付けよう!

Cloud9とGitHubを紐付る設定をします。

まず .sshディレクトリにカレントディレクトリを移動しましょう。

ターミナル | ディレクトリの移動
1
cd ~/.ssh

Cloud9とGitHubを紐付るために暗号鍵を作成します。

ターミナル | 暗号鍵の作成
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
ssh-keygen -t rsa

# Enterを押してください。
Generating public/private rsa key pair.
Enter file in which to save the key (/home/ec2-user/.ssh/id_rsa): 

# Enterを押してください。
Enter passphrase (empty for no passphrase): 

# Enterを押してください。
Enter same passphrase again: 

# 以下が表示されれば登録完了
Your identification has been saved in /home/ec2-user/.ssh/id_rsa.
Your public key has been saved in /home/ec2-user/.ssh/id_rsa.pub.

作成した暗号鍵をコピーしましょう。

ターミナル | 暗号鍵のコピー
1
2
3
4
5
6
cat ~/.ssh/id_rsa.pub

# コマンドを実行して下に表示されたものをコピー(全てコピーするように注意してください!!)

ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAA.....

GitHubページを開いて、右上のプロフィールアイコンをクリックしドロップダウンメニューの「Settings」をクリックして下さい。

鍵登録までの画像1

クリックするとプロフィール詳細画面が表示されます。左のサイドバーにある「SSH and GPG keys」をクリックします。

鍵登録までの画像2

暗号鍵に関する設定画面が表示されます。「New SSH key」をクリックします。

鍵登録までの画像3

GitHubに暗号鍵を登録する画面が表示されます。
Titleに「Cloud9」と入力して下さい。

Key typeに「Authentication Key」を選んで下さい。

Keyに先ほどコピーしたテキストをペーストして下さい。

鍵登録までの画像4

入力したら「Add SSH key」のボタンをクリックして登録して下さい。

登録できれば、Cloud9とGitHubの紐付け完了です。

GitHubのレポジトリをCloud9のターミナルにクローンしよう!

environmentディレクトリに移動しましょう。

ターミナル | ディレクトリの移動
1
cd ~/environment

Pikawakaクラスのレポジトリをクローンしましょう。

ターミナル | Pikawakaクラスのレポジトリをクローン
1
git clone git@github.com:pikawaka/pikawaka_class.git

クローンしたレポジトリ、 pikawaka_class ディレクトリに移動しましましょう。

ターミナル | ディレクトリの移動
1
cd pikawaka_class

lsでチームごとの名前のディレクトリが表示されたら完了です。

ターミナル | 一覧表示
1
2
3
4
ls

# 以下が表示されたらOK
admin  chitoitsu  power_programmer  team-topards
gitの設定をしよう!

gitで利用する名前とメールアドレスを設定しましょう。
以下の設定コマンドを打ち込んで下さい。

ターミナル | gitで利用する名前とメールアドレスを設定するコマンド
1
2
3
4
5
6
# git config --global user.name "Your Name" gitで利用する名前
# git config --global user.email you@example.com gitで利用するメールアドレスの設定

# 例: 宮嶋の場合は以下のように記載する。
git config --global user.name "miyajima yuya"
git config --global user.email pikawakaclass@gmail.com

設定コマンドの入力が終われば、gitの設定が反映されているか確認しましょう。

git config -l と入力して出力された表示内容の中で、 user.name user.email の二つが入力した内容の通りに表示されていれば設定完了です。

gitの設定画像

ディレクトリ構造を確認しよう

pikawaka_classディレクトリは現状このようになっています。
これから自身のチーム名ディレクトリ配下でハンズオン作業を行なっていくので、ターミナルやcloud9エディタなどでもディレクトリ構成を確認しておきましょう。

ディレクトリ構成
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
├── pikawaka_class
│   ├── admin # teamディレクトリ名
│   │   ├── sample # ハンズオンの作業ディレクトリ名
│   │   │   ├── miyajimasan.rb # メンバーごとの個人作業のファイル
│   │   │   ├── tanifujisan.rb
│   │   │   ├── team-member-introduction.rb # チーム作業のファイル
│   ├── hip_hopper
│   │   ├── sample
│   │   │   ├── chishakisan.rb
│   │   │   ├── kosemurasan.rb
│   │   │   ├── mitsuhashisan.rb
│   │   │   ├── murakamisan.rb
│   │   │   ├── team-member-introduction.rb
│   ├── q_and_a
│   │   ├── sample
│   │   │   ├── kobayashisan.rb
│   │   │   ├── onitsukasan.rb
│   │   │   ├── ooharasan.rb
│   │   │   ├── yumurasan.rb
│   │   │   ├── team-member-introduction.rb
│   ├── sapphire
│   │   ├── sample
│   │   │   ├── shigenosan.rb
│   │   │   ├── sugadasan.rb
│   │   │   ├── tamurasan.rb
│   │   │   ├── yamaguchisan.rb
│   │   │   ├── yasuosan.rb
│   │   │   ├── team-member-introduction.rb