Web制作現場のディレクションを支えるGitHub

D0cbc297e483306fb188649ea56f0c8d?s=47 mikakane
November 02, 2019

 Web制作現場のディレクションを支えるGitHub

2019/11/02 FRONTEND CONFERENCE 2019 での登壇資料です。

D0cbc297e483306fb188649ea56f0c8d?s=128

mikakane

November 02, 2019
Tweet

Transcript

  1. 23.

    chatbox.inc タスク管理ツール Backlog や GitHub 、Trello などの Web ブラウザで利用できるタスク管理ツール 業務上のあらゆる作業を、

    タスク管理ツール上に登録されたタスクに紐付ける 口答でのタスク依頼を完全に禁止 人間の記憶は消える。 言った言ってないとかではなく、記録に残すことで、 後世の参考になったりする。
  2. 24.

    chatbox.inc レビューツール デザインにおける Adobe XD の Web共有や コードにおける Github の

    Pull Request など 成果物を特別なソフトを起動するコトなく、 Web で誰でも簡単に閲覧することができる。 簡単さ、手軽さはコミュニケーションの源泉 URL 付きのデータで参照も容易に
  3. 30.

    chatbox.inc Project Issue をカード型の UI で 一覧化して表現可能 デザイン → 実装

    → リ リースのような一連の流 れを列で表現 Issue 化するほど固まっ ていない内容もMemo と して残せる 左のパネルで Issue の概 要を見たり、簡単な操作 を行うことが可能
  4. 31.

    chatbox.inc #2 Pull Request を利用した品質管理 Pull Request を利用してコードの品質を確保 チームメンバー全員でのコードレビューを Web上で行えるように。

    各種製品への変更を Issue と紐付けながら 誰が、なぜ、どういう経緯で変更したのかを記録する。 Web 上で記録することで、 後で振り返りや経緯の調査などができるようになり、 ナレッジとして活用できる。
  5. 32.

    chatbox.inc Issue Reference 変更内容を、概要形式で 記述して提出 File Changed のタブから ファイルの変更箇所を確 認可能。

    関連する Issue と 紐付けることができる 変更の中で気になる点を コメント形式で記述 Netlify 等でのチェック を確認できる。