JBUG福岡 #10 2019/09/24 @Garyuten

地方のWeb制作会社が

Backlogなしで 仕事できない理由

2019/09/25 Update：wikiのツリー構造の追記、ガントチャート情報追加

理由

​

ディレクター不在だから

金内 透（かねうち とおる） 44歳 福岡出身�合同会社CGFM Webファシリテーター&フロントエンドエンジニア�崇城大学 デザイン学科 デザイン発想論演習 非常勤講師�デザイナー（妻）と2人だけの会社

Before

After

Create a Good Future Meeting

@garyuten

#jbug

S701

UI / Webデザイン

ワークショップ講師

(Fukuoka Design Nest School / 崇城大学非常勤講師)

企業向けファシリテーション

福岡ファシリテーション研究会

#jbug

S701

今日のテーマ

​

受託中心のWeb制作案件で

クライアントと外注の人を含めた

Backlog どうしてる？

​

って話をします

Aaaaaテキストテキスト�キストテキストキストテキストキストテキスト

#jbug

S701

CGFMでの使い方を さくーっと流すので

​

質疑応答で深堀りできたらいいなー

#jbug

S701

ダミーのプロジェクトも登録してみた

​

​

※自動課題登録とか便利な機能については今日話しません

#jbug

S701

先に大事なこと

​

​

Backlogの料金プランは

プロジェクト数 無制限に

​

​

#jbug

S701

全体の話

• 何のために使ってる？
• どういう仕事で使ってる？
• どんな人達と使ってる？
• Backlogのプロジェクトを�立てるタイミングは？

#jbug

S701

何のために使ってる？

• プロジェクトマネジャー、ディレクターの代わり�デザイナー、フロントエンドが�ディレクションできる

​

• 関係者全員の情報共有

全体の話

#jbug

S701

どういう仕事で使ってる？

• Web制作全般�会社紹介、ECサイト、LP、大学、官公庁、他
• システム開発系�アプリ、サービス、BtoB、業務システム、他
• イベント関係�セミナー、イベント、結婚式、引っ越し、他

全体の話

#jbug

S701

どんな人達と使ってる？

• 全員巻き込み型（一択）�制作会社、クライアント関係者、外注、システム会社

​

※一番効率良くて面倒がない

全体の話

#jbug

S701

Backlogのプロジェクトを立てるタイミングは？

• 受託が決まった瞬間�最初の打ち合わせ（キックオフ）で立てる
• 案件毎に作成（大小関わらず）�同じクライアントでも別ドメインなら別プロジェクト
• 年度切替毎に作成（運営）�年ごとに参加メンバーが入れ替わるパターン

全体の話

#jbug

S701

詳細

• 最初にやってること
• カテゴリ
• マイルストーン
• コメント用課題
• 課題登録の考え方
• 親課題、子課題
• 課題名の付け方

• 課題の状態、担当者、�マイルストーン
• ファイル管理
• Gitで差分管理

​

#jbug

S701

カテゴリーの追加

• Web制作なら業務フロー�に合わせて設定
• イベントなら「広報」�「スポンサー」「登壇者」など

最初にやってること

#jbug

S701

マイルストーンの設定

• マイルストーンの設定�＝大まかなスケジュール

最初にやってること

日付も入れておくとわかりやすい

課題のシンプル検索で使いやすい

#jbug

S701

最初の課題にコメント

• コメントの練習
• ログイン後にすぐ�使ってもらう
• 絵文字 大量に使う

心理的安全性の向上

最初にやってること

#jbug

S701

変なアバターに（裏技）

• ユーザー登録時に�変なアイコンで登録する

この辺とか

ユーザー設定を

触ってもらうため

最初にやってること

#jbug

S701

#jbug

S701

課題の粒度

• 切り分けしやすい単位
• web制作なら1P1課題
• 担当者が責任を持つ作業

課題登録の考え方

#jbug

S701

課題名の付け方

• [カテゴリ名]を先頭に
• 課題一覧、メール通知時にわかりやすくするため
• 制作会社が課題登録する場合だけで、クライアントには強要しない

課題登録の考え方

#jbug

S701

親子課題の活用

• カテゴリやまとまった�更新作業に
• 作業担当者を意識する

課題登録の考え方

関連作業を把握しやすい

#jbug

S701

チェックリストの活用

• 個別の課題だと�細かすぎる時に便利

課題登録の考え方

チェック状態が保持できる

#jbug

S701

ガントチャート便利

• 課題に開始日と期限日�の設定が必須
• ガントチャート画面でも�編集可能
• マイルストーン設定で�🚩が出て便利

課題登録の考え方

マイルストーンの期日

#jbug

S701

共有ファイルの活用方法

主に原稿や素材の置き場

案件の普遍的なファイル

​

課題にファイル添付も便利

詳細

最近はGoogle DriveやDropboxも

​

写真素材ならGoogle Photoなど

​

外注とリアルタイム共有するなら�Adobe Cloud、Dropboxなど

最近利用頻度減りました

#jbug

S701

Gitで差分管理

これなしでもう仕事できない

​

Git使いたい時だけでも�プロジェクト登録するぐらい

詳細

コードやコーディングデータ、

CMSコアファイルも管理�デザインファイルは対象外

#jbug

S701

#jbug

S701

運用

• wikiの活用方法
• クライアントと打ち合わせ時に課題単位で確認

#jbug

S701

wikiの活用方法

• ｢あの情報、どこだっけ？｣�の探す手間をなくす
• wikiにその案件の�全ての情報を残す
• HOMEに書くと便利

運用

#jbug

S701

wikiの活用方法

• 議事録は？�→個人的に課題で運用
• Google Documentもアリ�→同時編集できるから�→確認は課題にURL貼付

運用

増えると管理が煩雑

“/”でツリー構造

#jbug

S701

課題の状態管理

誰が完了するの？�→運用ルールはそれぞれ

例）

• 課題を立てた人が完了
• PMが完了
• 担当者が完了

​

​

運用

作業担当者の作業完了

【処理済み】

【処理済み】�＋担当をPMに

PMが�【処理済み】状態�の課題をチェック

【処理済み】�＋担当を変更

（PMかクラに）

担当された人が�【完了】

PMが判断して�【完了】

#jbug

S701

課題完了のコツ

​

定例ミーティング時など

打ち合わせ中に行う

​

課題のコメント中に�別タスクが発生したら？

課題を切り分けて交通整理する

​

新規課題を登録後、�｢こちらの課題で対応しますね｣

とコメントにリンクを残す

運用

#jbug

S701

他ツールとの連携

• cacoo
• コミュニケーションツール�（Typetalk、ChatWork、他）

#jbug

S701

backlogにURL貼付で�プレビューが見れて便利！�（課題本文、コメント、wiki)

​

コメントも付けてもらえる

他ツールとの連携

#jbug

S701

日頃のコミュニケーションツール

ちょっとしたやり取りに

• 打ち合わせ日程調整
• 気軽な質問
• 雑談

​

Backlog課題「雑談用」を立てて�コメントでやり取りもアリ

他ツールとの連携

Backlog連携◎

#jbug

S701

質疑応答

Create a Good Future Meeting