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

本連載では、バージョン管理システム「Git」とGitのホスティングサービスの1つ「GitHub」を使うために必要な知識を基礎から解説しています。今回は、イシューとプルリクエストの連携やテンプレート設定、GitHub Projects、ラベル、マイルストーンなどを紹介します。

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

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　イシュー（プルリクエスト）追加後のプロジェクトのページ