GitHub標準のカンバンが登場！新たに導入されたProjectとは


本日様々な新機能がGitHubに導入されました！ :clap:
ここではその中の1機能Projectについて紹介します。

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Code review, project management, and new profiles—all available today: <a href="https://t.co/DnZ9dlOmIx">https://t.co/DnZ9dlOmIx</a></p>&mdash; GitHub (@github) <a href="https://twitter.com/github/status/776123063712616448">September 14, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

## Projectとは

[GitHub Help](https://help.github.com/articles/tracking-the-progress-of-your-work-with-projects/)に詳細は書いてありますが、使ってみた結果まとめると2つに集約されます。

1. カンバン形式でタスクを管理できる
2. Issue以外にもNoteを作成できる

一通り使い方と参考画面を示していきます。

### Projects作成

まずRepositoryページへ行くとProjectsという項目が追加されているのが分かります。

![Project Tab](https://qiita-image-store.s3.amazonaws.com/0/68131/f4a281d2-f6b6-089f-a5fd-f121ee6667f2.png "Project Tab")

Create a projectボタンを押して新規Projectを作成できます。

![Create a project](https://qiita-image-store.s3.amazonaws.com/0/68131/3db5df6e-2285-9b5e-6004-6fe982a3039b.png "Create a project")

ProjectにはWorkflowとなるColumnを追加することができます。

![Project Page](https://qiita-image-store.s3.amazonaws.com/0/68131/258e96c4-63ad-447c-89ed-b6cc13693591.png  "Project Page")

Fullscreenで利用することもできColumnとNote追加してみると良い感じです :blush:

![Project Fullscreen](https://qiita-image-store.s3.amazonaws.com/0/68131/4f0c996a-3184-a905-2335-eff96aab10a5.png "Project Fullscreen")

### Projectの管理

Add cardsをクリックすると既にRepositoryに作成済みのIssueを参照できます。ドラッグ&ドロップでColumnに追加することができます。

![Add cards](https://qiita-image-store.s3.amazonaws.com/0/68131/5b5f3105-d69b-5a1e-ee61-d34c210d48e2.png "Add cards")

#### Columnの追加

Add columnボタンから新規でColumnを作成できます。

![New Column](https://qiita-image-store.s3.amazonaws.com/0/68131/d02d8018-7472-25ee-aa65-fefcd6f8dfd7.png "New Column")

作成されるとこのようにボックスが出来上がります。

![Column created](https://qiita-image-store.s3.amazonaws.com/0/68131/04423571-407e-33fe-8c57-f6962ce2cda3.png "Column created")

ドラッグ&ドロップで簡単に移動できて安心ですね :smile:

![Column can be moved](https://qiita-image-store.s3.amazonaws.com/0/68131/ced8a250-6f58-722c-a9bf-c2f9e171e370.png "Column can be moved")

#### Noteの追加

ColumnにはNoteを作成できます。今までのGitHubにはなかった新たな概念です。

![Create Note](https://qiita-image-store.s3.amazonaws.com/0/68131/5a6c0335-32f1-28d0-9db4-a4d43b15de30.png "Create Note")

Noteに対しては次の4つのアクションが行えます。

1. Copy Card URL（CardへのURlをコピー）
2. Convert to issue（NoteをIssueへ変換）
3. Edit note（Noteを編集）
4. Delete note（Noteを削除）

![Note Action](https://qiita-image-store.s3.amazonaws.com/0/68131/d50d1e6b-dbd9-1ad7-8c16-f9608100ce1e.png "Note Action")

もちろんNoteもドラッグできます。

![Note can be moved](https://qiita-image-store.s3.amazonaws.com/0/68131/ef31f8ce-0142-492a-ba73-7201616d9276.png "Note can be moved")

##### NoteのIssueへの変換

NoteをIssueへ変換してみると...
バッチリIssueマークになります。

![Note can be converted to Issue](https://qiita-image-store.s3.amazonaws.com/0/68131/6f53476f-31d0-61b2-5ab8-47c4ea626cdf.png "Note can be converted to Issue")

Closeするとマークも変わるためIssueの状態が分かりやすいです。

![Issue Closed](https://qiita-image-store.s3.amazonaws.com/0/68131/638e1635-90f0-00ab-4306-d413ca1d1ae5.png "Issue Closed")

## GitHubでカンバンと言えば...

そうです！**ZenHub**です。
ZenHubはGitHubのIssueをカンバン形式に管理可能にしてくれる拡張機能です。
ZenHubに関しては以下の記事が参考になります。

- [ZenHubとは](http://qiita.com/GeckoTang/items/f75b9a1c20c8e5091147)
- [GitHubに革命が起きる？ZenHubに追加された新機能"エピック"とは](http://qiita.com/nafu/items/c8cc09f9a128dfef86ed)

### ZenHubは不要に！？

GitHubにProject機能が導入されたことでZenHubは不要になったのでしょうか。
そうではありません。（少なくとも現段階では）

[Dispatches from GitHub Universe: Integrating with Projects](https://www.zenhub.com/blog/dispatches-from-github-universe/)にてZenHubがGitHubとの違いについてまとめられています。

GitHubともパートナーとして協力しているようですし、
ZenHubでしか利用できない機能は依然存在しています。

1. 複数リポジトリを同時に管理できる
2. Issueを直接カンバン管理できる
  - GitHubではProjectとIssueを事前に紐付ける必要がある

## まとめ

- GitHubにProject Management機能が追加されカンバン表示が可能になりました
- ZenHubは依然として有益です