LoginSignup
7
5

More than 3 years have passed since last update.

【初めてのチーム開発①】仲間と一緒にHello, World!する

Last updated at Posted at 2021-01-06

Qiita初投稿です。
この度初めて本格的にチーム開発をすることになったので、
準備手順を自分用の備忘録として残しときます。

(※ 適宜編集します)

0. 手順

  1. GitHubリポジトリ作成〜招待
  2. 自分のローカル環境にクローン
  3. index.htmlなどを追加してpush

1. GitHubリポジトリ作成〜招待

(リードプログラマー)
・GitHubリポジトリ作成
・チームメンバーをリポジトリに招待

(メンバー)
・招待メールを開き、招待をacceptする
・リポジトリをforkする

2. 自分のローカル環境にクローン

$ mkdir (ディレクトリ名)
$ git clone git@github.com:リードプログラマーのユーザー名/リポジトリ名.git

3. index.htmlなどを追加してpush

$ git init
$ git remote add リモート名 https://github.com/リードプログラマーのユーザー名/リボジトリ名.git
$ git remote -v
$ git checkout -b develop
$ touch index.html
(index.htmlを編集。[下記参照])
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
  <title>Vue.js test</title>
</head>

<body>
  <div id="app">
    <!-- testValの内容を表示 -->
    {{ testVal }}
  </div>
  <script>
    const app = new Vue({
      el: '#app',
      data: {
        testVal: 'Hello World!' //testValを定義
      }
    });
  </script>
</body>
</html>
$ open index.html (→ Hello,World!が表示されることを確認)
$ git add -A
$ git commit --allow-empty -m "first commit"
$ git push -u origin develop

【参考記事】

「githubで共同開発 招待方法」
「GitHubにあるリポジトリをローカルにcloneする方法」
「チーム開発 GitHubの使い方」
「Vue.jsで Hello World!」
「Gitの最初のコミットは空コミットにしよう」
「gitを使用したブランチ作成からpushまでの簡単な流れ」

7
5
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
5