[{"_path":"/home","_draft":false,"_partial":false,"_empty":false,"title":"Hello commit-mate","description":"","excerpt":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"hello-commit-mate"},"children":[{"type":"text","value":"Hello commit-mate"}]}]},"navTitle":"Home","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"hello-commit-mate"},"children":[{"type":"text","value":"Hello commit-mate"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:1.home.md","_source":"content","_file":"1.home.md","_extension":"md"},{"_path":"/about","_draft":false,"_partial":false,"_empty":false,"title":"About commit-mate","description":"","excerpt":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"about-commit-mate"},"children":[{"type":"text","value":"About commit-mate"}]}]},"navTitle":"About","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"about-commit-mate"},"children":[{"type":"text","value":"About commit-mate"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:2.about.md","_source":"content","_file":"2.about.md","_extension":"md"},{"_path":"/joinsteps/fork","_draft":false,"_partial":false,"_empty":false,"title":"Fork","description":"フォークとは GitHub 上の他のユーザーのリポジトリを、自分のGitHubアカウントにコピー（Clone）することです。\nこれを使えば、オリジナルリポジトリ（フォーク元リポジトリ upstream）に影響を与えることなくプロジェクトへの変更を行えます。\nフォークされたリポジトリの更新をオリジナルリポジトリからフェッチ（取得）したり、フォークしたリポジトリからオリジナルリポジトリへプルリクエストを送って変更を承認してもらったりできます。\nつまり、共同開発ができるということです。","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"フォークとは GitHub 上の他のユーザーのリポジトリを、自分のGitHubアカウントにコピー（Clone）することです。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nこれを使えば、オリジナルリポジトリ（フォーク元リポジトリ upstream）に影響を与えることなくプロジェクトへの変更を行えます。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nフォークされたリポジトリの更新をオリジナルリポジトリからフェッチ（取得）したり、フォークしたリポジトリからオリジナルリポジトリへプルリクエストを送って変更を承認してもらったりできます。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nつまり、共同開発ができるということです。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"さっそく、"},{"type":"element","tag":"a","props":{"href":"https://github.com/commit-mate/commit-mate.net","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"commit-mate.net リポジトリ"}]},{"type":"text","value":"にアクセスして、右上のForkボタンからリポジトリをフォークしてみましょう。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nフォークしたリポジトリ名は同じく「commit-mate.net」などわかりやすい名前にしましょう。"}]}]},"stepTitle":"リポジトリをフォークする","images":["step-1"],"body":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"フォークとは GitHub 上の他のユーザーのリポジトリを、自分のGitHubアカウントにコピー（Clone）することです。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nこれを使えば、オリジナルリポジトリ（フォーク元リポジトリ upstream）に影響を与えることなくプロジェクトへの変更を行えます。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nフォークされたリポジトリの更新をオリジナルリポジトリからフェッチ（取得）したり、フォークしたリポジトリからオリジナルリポジトリへプルリクエストを送って変更を承認してもらったりできます。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nつまり、共同開発ができるということです。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"さっそく、"},{"type":"element","tag":"a","props":{"href":"https://github.com/commit-mate/commit-mate.net","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"commit-mate.net リポジトリ"}]},{"type":"text","value":"にアクセスして、右上のForkボタンからリポジトリをフォークしてみましょう。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nフォークしたリポジトリ名は同じく「commit-mate.net」などわかりやすい名前にしましょう。"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:joinsteps:1.fork.md","_source":"content","_file":"joinsteps/1.fork.md","_extension":"md"},{"_path":"/joinsteps/clone1","_draft":false,"_partial":false,"_empty":false,"title":"Clone1","description":"フォークして自分の GitHub アカウントに commit-mate.net リポジトリが作成されたら、次はそれをクローンします。\nクローンとは GitHub 上のリモートリポジトリをローカル（PC）にコピー（複製）することです。","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"フォークして自分の GitHub アカウントに commit-mate.net リポジトリが作成されたら、次はそれをクローンします。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nクローンとは GitHub 上のリモートリポジトリをローカル（PC）にコピー（複製）することです。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"まず、リポジトリページの右上の「Code」をクリックし、「SSH」タブに切り替えて、出てきた文字列をコピーします。"}]}]},"stepTitle":"フォークしたリポジトリをローカルにコピーする","images":["step-2"],"body":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"フォークして自分の GitHub アカウントに commit-mate.net リポジトリが作成されたら、次はそれをクローンします。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nクローンとは GitHub 上のリモートリポジトリをローカル（PC）にコピー（複製）することです。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"まず、リポジトリページの右上の「Code」をクリックし、「SSH」タブに切り替えて、出てきた文字列をコピーします。"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:joinsteps:2.clone1.md","_source":"content","_file":"joinsteps/2.clone1.md","_extension":"md"},{"_path":"/joinsteps/clone2","_draft":false,"_partial":false,"_empty":false,"title":"Clone2","description":"次に、ローカル（PC）の任意の場所に、作業用のディレクトリを作成します。\n作成後そのディレクトリに移動して、コマンドラインツールの$ git cloneコマンドでクローンを実行します。\nこれでGitHub上のリポジトリがローカル環境にクローンされました。","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"次に、ローカル（PC）の任意の場所に、作業用のディレクトリを作成します。\n作成後そのディレクトリに移動して、コマンドラインツールの"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"$ git clone"}]},{"type":"text","value":"コマンドでクローンを実行します。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nこれでGitHub上のリポジトリがローカル環境にクローンされました。"}]}]},"stepTitle":"ローカルに作業用のディレクトリを作成してクローンする","images":["step-3-1","step-3-2"],"body":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"次に、ローカル（PC）の任意の場所に、作業用のディレクトリを作成します。\n作成後そのディレクトリに移動して、コマンドラインツールの"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"$ git clone"}]},{"type":"text","value":"コマンドでクローンを実行します。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nこれでGitHub上のリポジトリがローカル環境にクローンされました。"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:joinsteps:3.clone2.md","_source":"content","_file":"joinsteps/3.clone2.md","_extension":"md"},{"_path":"/joinsteps/package","_draft":false,"_partial":false,"_empty":false,"title":"Package","description":"開発のための部品（パッケージ）をパッケージ管理ツールでローカルにインストールします。\npackage.json（と yarn.lock）で使用するパッケージとそのバージョンが書かれているので、これをパッケージ管理ツールでインストールすることで、開発者全員が同じパッケージを使って開発できるようになります。","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"開発のための部品（パッケージ）をパッケージ管理ツールでローカルにインストールします。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\npackage.json（と yarn.lock）で使用するパッケージとそのバージョンが書かれているので、これをパッケージ管理ツールでインストールすることで、開発者全員が同じパッケージを使って開発できるようになります。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"今回は yarn を使ってインストールしてみましょう。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"$ yarn"}]},{"type":"text","value":"または"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"$ yarn install"}]},{"type":"text","value":"コマンドでパッケージをインストールします。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"これで開発の準備が終わりました。次のステップで実際にソースコードを編集してフォーク元へプルリクエストを送信しましょう！"}]}]},"stepTitle":"パッケージをインストール","images":["step-4"],"body":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"開発のための部品（パッケージ）をパッケージ管理ツールでローカルにインストールします。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\npackage.json（と yarn.lock）で使用するパッケージとそのバージョンが書かれているので、これをパッケージ管理ツールでインストールすることで、開発者全員が同じパッケージを使って開発できるようになります。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"今回は yarn を使ってインストールしてみましょう。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"$ yarn"}]},{"type":"text","value":"または"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"$ yarn install"}]},{"type":"text","value":"コマンドでパッケージをインストールします。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"これで開発の準備が終わりました。次のステップで実際にソースコードを編集してフォーク元へプルリクエストを送信しましょう！"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:joinsteps:4.package.md","_source":"content","_file":"joinsteps/4.package.md","_extension":"md"},{"_path":"/joinsteps/component","_draft":false,"_partial":false,"_empty":false,"title":"Component","description":"components > Members.vueを開くと、scriptタグ内にmembersを定義している記述があります。\n前回の人の記述の続きから、以下をコピー & ペーストしてプロパティに自分の情報を記述しましょう。","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"components > Members.vue"}]},{"type":"text","value":"を開くと、scriptタグ内に"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"members"}]},{"type":"text","value":"を定義している記述があります。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\n前回の人の記述の続きから、以下をコピー & ペーストしてプロパティに自分の情報を記述しましょう。"}]},{"type":"element","tag":"code","props":{"code":"\n{\n  id: 'ここに GitHub ID',\n  displayname: 'ここに表示名',\n  bio: 'ここに簡単な自己紹介',\n},\n\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"\n{\n  id: 'ここに GitHub ID',\n  displayname: 'ここに表示名',\n  bio: 'ここに簡単な自己紹介',\n},\n\n"}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"書き終わったら保存して、次のステップで"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"commit"}]},{"type":"text","value":"します。"}]},{"type":"element","tag":"blockquote","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"通常は別ブランチを作成し、そのブランチから Pull Request を送りますが、この一連の作業に限り main ブランチのまま作業していただいて構いません。"}]}]}]},"stepTitle":"Members.vue コンポーネントに情報を追加する","images":["step-5"],"body":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"components > Members.vue"}]},{"type":"text","value":"を開くと、scriptタグ内に"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"members"}]},{"type":"text","value":"を定義している記述があります。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\n前回の人の記述の続きから、以下をコピー & ペーストしてプロパティに自分の情報を記述しましょう。"}]},{"type":"element","tag":"code","props":{"code":"\n{\n  id: 'ここに GitHub ID',\n  displayname: 'ここに表示名',\n  bio: 'ここに簡単な自己紹介',\n},\n\n","language":"javascript"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"\n{\n  id: 'ここに GitHub ID',\n  displayname: 'ここに表示名',\n  bio: 'ここに簡単な自己紹介',\n},\n\n"}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"書き終わったら保存して、次のステップで"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"commit"}]},{"type":"text","value":"します。"}]},{"type":"element","tag":"blockquote","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"通常は別ブランチを作成し、そのブランチから Pull Request を送りますが、この一連の作業に限り main ブランチのまま作業していただいて構いません。"}]}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:joinsteps:5.component.md","_source":"content","_file":"joinsteps/5.component.md","_extension":"md"},{"_path":"/joinsteps/commit","_draft":false,"_partial":false,"_empty":false,"title":"Commit","description":"ターミナルを開いてgit commit -a -m \"ここにコメント\"を実行します。\nコミットすることで、現在までの変更のスナップショットを撮って保存することができました。\n次にその変更をgit pushコマンドでリモートリポジトリ（GitHub上のリポジトリ）へプッシュします。\nプッシュすると、ローカルで行ったコミットがリモートリポジトリに送信されます。","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"ターミナルを開いて"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"git commit -a -m \"ここにコメント\""}]},{"type":"text","value":"を実行します。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nコミットすることで、現在までの変更のスナップショットを撮って保存することができました。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\n次にその変更を"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"git push"}]},{"type":"text","value":"コマンドでリモートリポジトリ（GitHub上のリポジトリ）へプッシュします。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nプッシュすると、ローカルで行ったコミットがリモートリポジトリに送信されます。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"実際に変更が反映されているか、自分のGitHub上のリポジトリを確認してみましょう。"}]}]},"stepTitle":"変更をコミット&プッシュする","images":["step-6"],"body":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"ターミナルを開いて"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"git commit -a -m \"ここにコメント\""}]},{"type":"text","value":"を実行します。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nコミットすることで、現在までの変更のスナップショットを撮って保存することができました。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\n次にその変更を"},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"git push"}]},{"type":"text","value":"コマンドでリモートリポジトリ（GitHub上のリポジトリ）へプッシュします。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nプッシュすると、ローカルで行ったコミットがリモートリポジトリに送信されます。"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"実際に変更が反映されているか、自分のGitHub上のリポジトリを確認してみましょう。"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:joinsteps:6.commit.md","_source":"content","_file":"joinsteps/6.commit.md","_extension":"md"},{"_path":"/joinsteps/pullrequest","_draft":false,"_partial":false,"_empty":false,"title":"Pullrequest","description":"プッシュできているのを確認したら、最後はいよいよプルリクエストです。\n今回はコマンドラインツールではなくGitHubのサイト上でプルリクエストを送信します。commit-mate/commit-mate.net プルリクエストへアクセスして、右上の「New pull request」をクリックします。","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"プッシュできているのを確認したら、最後はいよいよプルリクエストです。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\n今回はコマンドラインツールではなくGitHubのサイト上でプルリクエストを送信します。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"element","tag":"a","props":{"href":"https://github.com/commit-mate/commit-mate.net/pulls","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"commit-mate/commit-mate.net プルリクエスト"}]},{"type":"text","value":"へアクセスして、右上の「New pull request」をクリックします。"}]}]},"stepTitle":"GitHub UIでプルリクエストを送信する","images":["step-6"],"body":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"プッシュできているのを確認したら、最後はいよいよプルリクエストです。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\n今回はコマンドラインツールではなくGitHubのサイト上でプルリクエストを送信します。"},{"type":"element","tag":"br","props":{},"children":[]},{"type":"element","tag":"a","props":{"href":"https://github.com/commit-mate/commit-mate.net/pulls","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"commit-mate/commit-mate.net プルリクエスト"}]},{"type":"text","value":"へアクセスして、右上の「New pull request」をクリックします。"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:joinsteps:7.pullrequest.md","_source":"content","_file":"joinsteps/7.pullrequest.md","_extension":"md"}]