連載
» 2017年04月28日 05時00分 公開

開発者のスケジュール管理に超便利、GitHub Issues、Label、Milestone、Projects使いこなし術こっそり始めるGit/GitHub超入門(12)(2/4 ページ)

[平屋真吾,クラスメソッド]

GitHub Projectsの基本的な使い方

 「Projects」はプロジェクト管理サービス「Trello」「Waffle」のような「カンバン方式」のタスク管理機能です。

 Projectsを使用して「ソフトウェア開発に関連するタスクの管理」を行えば、「今どのようなタスクが進行しているのか」「そのタスクが今どのような状態にあるのか」などを把握することができます。

 Projectsの機能は「プロジェクト」「カラム」「カード」の3つの要素で構成されます。

 プロジェクトは1つのリポジトリに対して複数作成でき、プロジェクトには複数の「カラム」を追加できます。そしてさらに「カラム」の中に複数の「カード」(1つのタスクを表す要素)を追加できます。「カラム」は「カード」をグルーピングするために使用します。

 リポジトリ、プロジェクト、カラム、カードの階層をまとめると以下のようになります。

  • リポジトリ
    • プロジェクト1
      • カラム1
        • カード1
        • カード2
        • (省略)
      • カラム2
      • (省略)
    • プロジェクト2
    • (省略)

プロジェクトを作成する

 プロジェクトを作成してみましょう。GitHub上のリポジトリページを表示し「Projects」タブをクリックします。

図8 「Projects」タブをクリック

 プロジェクトを1つも作成していない場合、以下のような表示になります。「Create a project」をクリックします。

図9 「Projects」タブ

 プロジェクト作成ページが表示されます。Nameにプロジェクトの名前を、Descriptionにプロジェクトの説明を記入し、「Save project」をクリックします。

図10 プロジェクト作成ページ

 プロジェクト作成が完了すると、今回作成したプロジェクトのページが表示されます。

図11 プロジェクトのページ

カラムを追加する

 カラムの数や名称は、プロジェクトのワークフローに合わせて自由に設定できます。今回は、「ToDo」(実行予定のタスク)と「Done」(完了したタスク)の2つのカラムを作成してみます。

 プロジェクト作成直後の場合、カラムは1つも存在しません。「Add column」をクリックしてカラムを作成しましょう。

図12 「Add column」をクリック

 1つ目のカラム名「ToDo」を入力し、「Create column」をクリックします。

図13 カラムを追加

 カラム「ToDo」が追加されました。同様の操作でカラム「Done」を追加しましょう。

図14 カラム「ToDo」追加後のプロジェクトのページ

 カラム「Done」が追加されました。

図15 カラム「Done」追加後のプロジェクトのページ

カードを追加する

 カラムの準備ができましたので「カード」を追加してみましょう。

 カードを追加するにはカラムの右上の「+」ボタンをクリックします。ここではカラム「Todo」にカードを追加してみます。

図16 カラムの右上の「+」ボタンをクリック

 カラムの上部にテキストボックスが表示されるので、タスクの内容を記入し、「Add note」をクリックします。

図17 カード追加

 カードが追加されました。

図18 カード追加後のプロジェクトのページ

カードを移動する

 カラムに追加したカードは別のカラムへ移動できます。

 今回のようにカードのステータスごとにカラムを作成した場合、カードを移動することでカードのステータスを更新できます。

 カードを移動するには、移動したいカードを移動先のカラムへドラッグ&ドロップします。

図19 カードの移動

 カードがカラム「Done」へ移動しました。

図20 カード移動後のプロジェクトのページ

 1つのカラム内にカードが複数ある場合、カラム内でドラッグ&ドロップすると、カードの順序を入れ替えることができます。

イシュー(プルリクエスト)を追加する

 イシュー(プルリクエスト)をカラムに追加することもできます。追加するには「Add cards」をクリックします。

図21 「Add cards」をクリック

 イシュー(プルリクエスト)の一覧が右側に表示されるので、追加したいイシュー(プルリクエスト)を追加先のカラムへドラッグ&ドロップします。

図22 イシュー(プルリクエスト)を追加

 イシュー(プルリクエスト)がカラム「Done」に追加されました。追加したイシューやプルリクエストは、通常のカードと同様に、カラムの移動などの操作ができます。

図23 イシュー(プルリクエスト)追加後のプロジェクトのページ

Copyright © ITmedia, Inc. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。