GitHubに待望のカンバン機能「Project」ができたので、即座に使ってみた話

[サイバー・バズ](http://qiita.com/organizations/cyberbuzz)の@kashira2339です。


今朝、こんなニュース記事を目にし、胸が躍りました。

PublicKey: [［速報］GitHub、かんばんライクな新機能「Projects」発表。GitHub Universe 2016](
http://www.publickey1.jp/blog/16/githubprojectsgithub_universe_2016.html)


いままで、[Trello](https://trello.com)や[ZenHub](https://www.zenhub.com/)、[waffle.io](https://waffle.io/)を使ってなんとか実現してきたGitHub上でのカンバン機能を
GitHubが公式で実装したというのです。

これは、試してみない手はありません！

# さっそく使ってみよう

## Projectを作ってみる

皆様のリポジトリを見てみてください。
リポジトリ真下のナビに、「Projects」タブが追加されていますね。
開いてみると以下のような画面です。

<img width="996" alt="スクリーンショット 0028-09-15 午前10.29.09.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/36491444-6443-8eff-5399-e30b0637f2a3.png">

なるほど。ここに書いてある紹介だけでももうワクワク。
ほかのカンバンツールにあった機能はもちろん、GitHub特有のissueやPull Requestまで紐付け可能なようです。

真ん中の「Create a project」を押すと、以下の画面にうつります。

<img width="991" alt="スクリーンショット 0028-09-15 午前10.29.48.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/81e3f64d-ac0f-fe39-4153-a9761f8f2c55.png">

この画面では、プロジェクト名とその説明文が記述できます。
記入がおわったら「Save project」を押しましょう。

<img width="1012" alt="スクリーンショット 0028-09-15 午前10.29.58.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/fd6b954b-d49d-f9a3-d960-c43f804c2cab.png">


新しいprojectが追加されましたね。

## カンバン機能を使ってみる
いよいよ、その機能を一つ一つ試してみましょう。

### カラムの追加

まだ空っぽのprojectを開くと、以下のような画面になります。

<img width="1228" alt="スクリーンショット 0028-09-15 午前10.30.20.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/0f514f79-4f04-8ef1-6884-f698e93cc532.png">

「Add column」をクリックすると、モーダルが立ち上がります。
カンバンを使いなれた人にはなじみ深い機能ですね。

<img width="870" alt="スクリーンショット 0028-09-15 午前10.30.27.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/525e337c-3371-7bcc-7002-d4ab61a9ff3b.png">

プレースホルダに一般的な例が書いてあります。
今回は、「TODO」としてcolumnを作ってみましょう。

<img width="1228" alt="スクリーンショット 0028-09-15 午前10.30.41.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/26c82500-b6ad-7281-1afc-1c5d9e46d4c4.png">

TODOカラムが追加されました。

まずはこれを繰り返し、お好みのカラムを揃えておきましょう。


### カードの追加

TODOカラムの右側の＋アイコンをクリックすると、
そのカラムに新たなカードが追加できます。
例えばnpmプロジェクトであればこんなタスクもありそうですね。

<img width="320" alt="スクリーンショット 0028-09-15 午前10.31.05.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/684f06a8-2bbe-809b-0398-2abc6a502344.png">

記述できたら、「Add note」をクリックすると、カードが追加されます。


追加したカードは、いくつかの機能を持っています。
その中で光るものは、「Convert to issue」すなわち、issueへの変換機能です。
カードの右上の下矢印アイコンをクリックすると、メニューが開きます。

<img width="315" alt="スクリーンショット 0028-09-15 午前10.31.45.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/775b85e9-af47-5ed1-db3d-2fa03a176e66.png">

ここで、「Convert to issue」を選択すると、このカードがそのままnew issueとして発行されます。
以下は見慣れたissueの画面ですね。

<img width="789" alt="スクリーンショット 0028-09-15 午前10.59.49.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/07e0ed2b-798e-7e50-f513-256d7d7de24a.png">

issue化したカードにラベルをつけたりすることも自由自在です。

<img width="969" alt="スクリーンショット 0028-09-15 午前10.34.05.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/b0cf6f7d-addb-78e3-d154-73bdcb684d6d.png">

#### issue, Pull Requestからインポート

また、すでにあるissueからカードを作ることもできます。
画面右の「+ Add cards」をクリックしてみてください。
以下の画面が現れるはずです。

<img width="338" alt="スクリーンショット 0028-09-15 午前10.35.03.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/76f778c3-a5c5-991d-d061-b5f6d43f5f1b.png">

なんと素晴らしい。
ここには、すでにopenしているissueやPull Requestが表示されるのですね。
ドラッグアンドドロップで、これらを好きなカラムに追加することができます。

<img width="1227" alt="スクリーンショット 0028-09-15 午前11.08.33.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/690cae67-83bc-7072-51ec-9924d4d342cf.png">

TODOカラムに移動してみました。
ここまでやってみると、他のカンバンツールと遜色のない（どころか、GitHubと公式で結びついていて、なお協力な）機能を揃えていることがわかりますね。

### フルスクリーンモード

極め付けはこれ。
ブラウザのタブ一つにProjects機能を常駐させたいことはあるかと思います。
そんな時は、フルスクリーンモードを使いましょう。

画面右側の「Fullscreen」をクリックすると、
ナビなどが画面表示を妨げないサイズまで縮小され、カンバンを見ることに集中することができます。

<img width="1224" alt="スクリーンショット 0028-09-15 午前10.35.31.png" src="https://qiita-image-store.s3.amazonaws.com/0/36105/81bc041b-d07d-e7d2-fa56-019c9ec611d9.png">

マルチスクリーンで、1画面はこれに使ってしまうのもスマートですね！

## まとめ

GitHubが公式でカンバン機能を持ったツールを出したことで、
今まで以上にカンバンの導入のしきいが下がったのではないかと思います。
無料、issue & PRとの紐付け、複数のプロジェクト。。。
欲しい機能はすでに一通り揃っています。

[Trello](https://trello.com)や[ZenHub](https://www.zenhub.com/)、[waffle.io](https://waffle.io/)特有の機能だったものなども、徐々に実装されていくのではないでしょうか？

APIを使ってアプリなどを作るプレイヤーも出てきそうですね！
今後が非常に楽しみです。

# おわりに

[サイバー・バズでは一緒にサービスを創れるエンジニアを募集しています :)]
(https://www.wantedly.com/projects/65092)