Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
39
Help us understand the problem. What is going on with this article?
@kashira2339

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

More than 3 years have passed since last update.

サイバー・バズ@kashira2339です。

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

PublicKey: [速報]GitHub、かんばんライクな新機能「Projects」発表。GitHub Universe 2016

いままで、TrelloZenHubwaffle.ioを使ってなんとか実現してきたGitHub上でのカンバン機能を
GitHubが公式で実装したというのです。

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

さっそく使ってみよう

Projectを作ってみる

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

スクリーンショット 0028-09-15 午前10.29.09.png

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

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

スクリーンショット 0028-09-15 午前10.29.48.png

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

スクリーンショット 0028-09-15 午前10.29.58.png

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

カンバン機能を使ってみる

いよいよ、その機能を一つ一つ試してみましょう。

カラムの追加

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

スクリーンショット 0028-09-15 午前10.30.20.png

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

スクリーンショット 0028-09-15 午前10.30.27.png

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

スクリーンショット 0028-09-15 午前10.30.41.png

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

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

カードの追加

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

スクリーンショット 0028-09-15 午前10.31.05.png

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

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

スクリーンショット 0028-09-15 午前10.31.45.png

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

スクリーンショット 0028-09-15 午前10.59.49.png

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

スクリーンショット 0028-09-15 午前10.34.05.png

issue, Pull Requestからインポート

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

スクリーンショット 0028-09-15 午前10.35.03.png

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

スクリーンショット 0028-09-15 午前11.08.33.png

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

フルスクリーンモード

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

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

スクリーンショット 0028-09-15 午前10.35.31.png

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

まとめ

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

TrelloZenHubwaffle.io特有の機能だったものなども、徐々に実装されていくのではないでしょうか?

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

おわりに

サイバー・バズでは一緒にサービスを創れるエンジニアを募集しています :)

39
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
kashira2339
株式会社サイバー・バズでScalaとTypeScriptをよく使うエンジニアです。
cyberbuzz
SNSマーケティングサービスや、”買いたい”に出会えるメディア「to buy」などの開発・運用をしています。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
39
Help us understand the problem. What is going on with this article?