イシューを立てるとか、プルリクとかなんか聞いたことあるけど実際にはやったことなかった、どうもおの/るしわんです。
GitHubもほぼ１人で使っていてエラーが起きたらいつも慌ててた自分が、これを機会にコロナ対策サイトへ貢献してみました。
今回出てくる用語集
- OSS
- イシュー、issue(Git)
- プルリク、pull request(Git)
- フォーク、Fork(Git)
- クローン、clone(Git)
- Github
参考サイト、リンク集
- JKが東京都のコロナ対策サイトに貢献した話。OSSに貢献しよう！
- 東京都 新型コロナウイルス対策サイトへの貢献方法を解説
- https://www.stopcovid19.jp/
- 貢献の仕方
- 派生サイト一覧
- twitterにメモしながらやってみた
1.issueを立てる
今回自分は出身地である新潟県のサイトへプルリクを目指します
https://github.com/CodeForNiigata/covid19
日付別グラフに土日祝がわかるように色分けしたいと思い立ててみました
https://github.com/CodeForNiigata/covid19/issues/287
他の人の立てたissueを解決するのもいいかもですね
2.やります宣言！
自分が立てたissueでも他人のissueでも、今から作業します！とコメントを書きます
3.自分のGithubへFork
これはcovid_19でのマナーっぽいです
4.自分の開発環境にclone
VSCodeで
git clone [自分のgithubのURL]
# 自分の場合は
git clone https://github.com/tkyko13/covid19.git
5.開発、編集
cd covid19
yarn install
# or
sudo npm i
yarnはnpmでもできますが、sudoを前につけなきゃな場合が多いです
また結構速度も変わってしまうし、安定もしない場合があります
yarn dev
# or
sudo npm run dev
するとlocalhost:3000にサーバが立ち上がるので、これをブラウザで開きます
VSCodeでちょっと編集してセーブすると勝手にブラウザがリロードされます
Nuxt.jsで一部TypeScriptで書かれています
自分は一部をコメントアウトして消えた部分を見て、コードと表示の一致をさせています
ようやく見つけてコードを編集しました
6.コミット
git add .
git commit -m 'こんな内容を編集しました'
git push [自分のgithubのURL] development
まだここでは自分のgithubへのコミットなので恐れず…
7.プルリク
自分のgithubからのプルリクも送れる
派生サイトのプルリクを送るときの注意点
新潟だけかもしれないですが、[New pull request]ボタンの遷移先が東京のほうなので、しっかりとリクエスト先を自分の出したいところのリポジトリを選びます
左がしっかりと「CodeForNiigata/covid19」になっています
間違って東京に送ってしまっていた…
クローズ（プルリクを閉める）をやってもらっています。（お手数かけました…）
皆さんも間違えないように〜
8.承認待ち
すぐに本番サイトに反映されるわけではなく、確認してもらって反映されるようです
アドバイスもいただけるようですね
【後日】承認してくれました
アドバイスもいただけました！
たしかに…
またこちらもissueを立ててどんどん改善していけるといいですね
アウトプットすることでまた次のアウトプットをしたくなる連鎖が起こっていい感じです！