LoginSignup
67
63

More than 5 years have passed since last update.

Hackathonで勝つために!! 2分でGithub連携チャットルームを作る方法

Posted at

最近Hackathonをするなら、大抵はソースコードをアップ、共有するのにGithubを使うと思うんですが、それと連携してファイルとかも送れるチャットを高速で作る方法を紹介します。

完成形のスクリーンショット

sync-github.png

IssueやPull Requestの作成、そこにつくコメントなどが流れます。もちろん画像投稿やファイル添付もできます。

流れ

  1. Githubでリポジトリを作る
  2. チームメンバーをCollaboratorに入れる
  3. チャットツールSyncで部屋を作る
  4. Github Issueを作り招待URLを貼る
  5. SyncのGithub連携をONにする

1. Githubでレポジトリを作る

実際に使用する言語を決めてソースを書いてpushする時までGithubでレポジトリを作る必要はないと思う人もいるかもしれませんが、それは間違いです。
特にIssueを用いて、各個人が調べたAPIの仕様や、アイデアをまとめられるようにするために、まずはじめにレポジトリを作ったほうが良いです。

1.1. リポジトリの作成画面に行く

Githubでは以下のようにして新しいレポジトリを作ります。

awakia__Naoyoshi_Aikawa_.png

もしくは、URLに直接飛んじゃいましょう!
=> https://github.com/new

1.2. 実際にレポジトリを作る

レポジトリ名と、どういうレポジトリかを軽く書いたDescriptionを書いて、実際に1つレポジトリを作成しましょう。

Create_a_New_Repository.png

ここで、レポジトリをpublicにするかprivateにするかは場合によって考えましょう。普通はHackathon中に他人のレポジトリなんて見に行かないので公開でやっても大丈夫だと思いますが、すごく中味を明かせない理由があるときなどはprivateにしましょう。

1.3. レポジトリ作成完了

awakia_great-hackathon.png

2. チームメンバーをCollaboratorに入れる

次は参加してくれているチームメンバーが自由にpushやpullを出来るようにCollaboratorに追加しましょう。

2.1. Collaborator設定画面に行く

Settings画面でCollaboratorタブを選択します

Options.png

2.2. Collaboratorの追加

チームの人にGithubのアカウント名(多分Hackathon参加者なら持っているはず)を聞いて追加しましょう。

Collaborators.png

ここではサンプルアプリで僕は池澤さんとHackathonをしたいので池澤さんを追加してみましたw

2.3. 追加完了

Collaborators.png

こんな感じでメンバー全員を追加していきましょう!

3. チャットツールSyncで部屋を作る

ファイルや画像添付が出来るチャットツールのSyncを使ってグループチャットができる部屋を作ります。Slackでもいいのですが、Hackathonのために一つOrganizationを作らないといけなくてちょっと抵抗感があります。

Syncを普段から使っている人は、3.3.からはじめて下さい。

3.1. Syncをダウンロード

Syncを持っていない場合は以下からダウンロードしましょう。
Web版もあるのでダウンロードしなくても出来ますが、ダウンロードてアプリとしてあったほうが使い勝手がいいと思います。

SyncのMac版、もしくはWindows版をダウンロードしましょう。モバイル版もありますがHackathonでは必要ないと思います。携帯で写真を撮っていっぱいPCに送りたいときはアプリ版も役に立ちます。

Cursor_and_Sync__シンク__ダウンロード___生産性を倍にするビジネス用グループチャット.png

3.2. Syncにログイン

Syncを起動し、ユーザ登録します。Facebookアカウントで行うと一瞬です初回はクマとペンギンが話しかけてくると思いますが、今はガン無視しましょう!

Cursor_and_Wantedly_Accounts.png

3.3. Syncでグループの作成

Sync上でグループチャットの部屋を作成します。

Cursor_and_Sync.png

3.4. Sync部屋の招待URLを取得

作った部屋に入れる招待URLを作ることが出来ます。

Cursor_and_Sync.png

Cursor_and_Sync.png

ここまでで、このステップで完了です。

4. Github Issueを作り招待URLを貼る

4.1. Issue の作成画面へ

Issues_·_awakia_great-hackathon.png

4.2. 招待URLを載せたIssueの中身を書く

New_Issue_·_awakia_great-hackathon.png

4.3. 作成完了

Hackathon用共有事項_·_Issue__1_·_awakia_great-hackathon_and_Sync_and_Hackathonで勝つために___高速でGithub連携チャットルームを作る方法.png

後は池澤さんが入ってきてくれるのを待つだけ!!

5. Syncで、Github連携をONにする

5.1. GitHub連携ページを開く

Cursor_and_Sync.png

5.2. GitHubを認証し連携するレポジトリを選択

Cursor_and_Sync.png

5.3. 続いて、対応する部屋を選択して完了!

Sync.png

おわりに

いかがだったでしょうか?

スクリーンショットを取るとちょっと多く感じるかもしれませんが、早ければ2分、登録とか全部やっても5分あれば十分出来る作業です。

自分の世界に集中しがちなHackathonですが、チームでやる場合はチームメンバーとうまく連携することも勝つためには大事な要素だと思うので是非試してみてください!!

67
63
0

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
67
63