CreatorsMeetUp17の登壇資料です。 第17回 Creators MeetUp http://lab.designsatellites.jp/?p=2264 Session07「気持ちが軽やかに楽しく作れるツール連携例！～コミュニケーションツールの話～」 とあるアプリ制作で少人数チームで導入して比較的うまく行ったコミュニケーションツールを例に良くなった点・改善できた点をあれこれ。制作よく起こる出来事を例にチャットワークを中心としたツール連携をご紹介したいと思います。 ◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！ ・商用フリーで使える影絵素材サイト シルエットデザイン →　http://kage-design.com/ ・human pictogram 2.0 →　http://pictogram2.com/

1. 気持ちが軽やかに楽しく作れる
ツール連携例！
•～コミュニケーションツールの話～
1

2. 私の本ライトニングトーク（LT）は、
スライドは後ほど共有しますので、話
す内容に注力いただいて大丈夫です！
2

3. 自己紹介
3

4. 田中正吾（たなかせいご）
屋号：ワンフットシーバス
2004年よりフリーランス。
以後、FLASH制作を中心にインタラクティブコ
ンテンツを主に行い現在に至る。
最近は、JavaScriptやHTML5アニメーショ
ン、スマートフォン演出制作のワークフロー改
善に関わったりしていました。
4

5. デジタルサイネージ作ったり、
！
5

6. iPadアプリ作ったりしています。
6

7. さてはじめましょう
7

8. 今回は、あるアプリ制作において、少人数
チームで導入したコミュニケーションツー
ルを例に、良くなった点・改善できた点を
あれこれ紹介します。
8

9. 今回のチーム構成
9

10. • 今回のチーム構成は以下のとおり
– 3名で構成されiPad専用AIRアプリを制作しました。
– デザインを受領してアプリを制作しました。
私
A
さん
B
さん
先方窓口
全体設計 実制作
アプリ申請 実機検証
ほかもろもろ
素材加工・切り出し
実制作（2つ目担当）
設計や仕様の相談フォロー
実機検証
システム周り
アプリ申請ナレッジ
AIR制作フォロー
実機検証
※デザインを受領して制作
10

11. • 状況
– 3名の少人数チーム
– いままで何度も制作は一緒にしてる人たち
– それぞれ別の場所で制作してる
– 制作する時間帯が違う場合もある
私A
さん
B
さん
11

12. 以前の連絡方法
12

13. メール連絡
＋
添付ファイル
私A
さん
B
さん
13

14. メール連絡
＋
チャット連絡
＋
添付ファイル
私A
さん
B
さん
14

15. やり取りの情報が散らばる
必要ファイルも散らばる
添付
ファイル
添付
ファイル
添付
ファイル
15

16. 時間を空けてみると
情報を追う大変さが顕著になる
添付
ファイル
16

17. なんとかしたい・・・。
（もちろん普段は運用でカバーしてますYO）
17

18. 今回どうしたか。
18

19. チャットワークを導入してみた
メールとチャットの合わせ技みたいなツール
効率的に情報共有できる
タスク管理ができる
手軽にファイルを共有できる
19

20. チャットワークを導入してみた
http://www.chatwork.com/ja/
チャットワークサイトより
20

21. チャットワークを導入してみた
チャットワークサイトより
21

22. GoogleDriveを導入してみた
ブラウザ上でExcelやWordのような
ドキュメントを編集・共有できるツール
URLでドキュメントを知らせられる。
22

23. GoogleDriveネタ①
スケジュール表
23

24. GoogleDriveネタ②
課題管理表
24

25. GoogleDriveネタ③
ファイル名管理表
25

26. bitbucketを導入してみた
Gitバージョン管理ツールのリポジトリを
レンタルできるホスティングサービス。
26

27. bitbucketを導入してみた
bitbucketは5ユーザーまでなら
非公開レポジトリの数は無制限に作れる。
公開できる場所にソースコードを置くのは
差し支えがあるときに良い
27

28. bitbucket ～ ソースツリー ～
28

29. bitbucket ～ コミットログ ～
29

30. bitbucket ～ Wiki ～
制作メモに使える
30

31. 役割はこんな感じ
31

32. ソース管理
バージョン管理
Wiki（開発メモ）
制作ドキュメント管理
ファイル管理
ポータル
バグ・課題管理
仕様・設計資料管理
メール的連絡
チャット的連絡
タスク管理(進行管理系）
32

33. 今回はクライアントの連絡も
チャットワーク導入していただけた。
（理解があってとても嬉しかった）
クライアント 開発チーム
私
33

34. フローはこんな感じ
34

35. クライアント 開発チーム
私
ドキュメント共有
メール的・チャット的連絡
ソース管理
バージョン管理
開発メモ
35

36. より連携を活かすために
～ ポータル ～
36

37. これらの導入でもかなり良くなった。
37

38. しかし・・・。
38

39. チャットワークに
GoogleドライブのURLを貼り付け
39

40. チャットワークに
GoogleドライブのURLを貼り付け
40

41. どんどん流れて
やっぱり、散らばってしまう
添付
ファイル
添付
ファイル
41

42. より連携を活かすために
「ポータル」という概念を導入した
42

43. ポータルとは、
「ここを見ればいい場所」
「資料の入り口」
43

44. ポータルとは、こんなかんじ。
GoogleDriveでURLのリスト
44

45. 必要な資料は必ずここに書いた。
（書かれていなければ無視されるレベル）
小ネタ：こんな式でリンクを実現してます。
45

46. チャットワークTIP①
リンクをプレビュー
46

47. GoogleドライブのURLを
貼り付けるとプレビューが出る
47

48. GoogleドライブのURLを
貼り付けるとプレビューが出る
サイト遷移せずに見れるので
より閲覧ストレスが減る
48

49. さらに！
49

50. チャットワークTIP②
概要にリンク付与
50

51. グループチャットの概要欄に
URLを貼り付けるとリンク化
ポータルURLと合わせると効果UP
しかもGoogleDriveだからプレビュー出る
51

52. チャットワークTIPS③
あとで見てほしいときタスクで連絡
52

53. やりとりの時間によっては
チームで見る時間がずれるときはある
53

54. そんなときは、タスクで連絡。
あとで見に来ると本人への通知がわかりやすく出る。
54

55. そんなときは、タスクで連絡。
しかも「見た」＝タスク完了してもらうので
さらにすれ違ってもやりとりが出来る。
55

56. どうなったか
56

57. 会話がゆるくしやすい。
メールのように「～～様・さん」のような冒頭、
「よろしくお願いします」のような文末がなくてよく、
必要な会話に絞って話が進めやすい。
57

58. 会話がそのままタスクにできるので
伝達漏れ・作業漏れが軽減
58

59. タスクによって
やるべきボリュームが見えやすい
59

60. ポータルによって
見るべきものが1つになって
情報を追うストレス軽減
60

61. ポータルの調整で済むので
資料の整理や増減がしやすい。
（状況に応じた資料作成できる）
61

62. 別作業から戻ってきても
比較的気持ちが楽に追える
62

63. （もちろんデメリットもあるが）
恩恵も補ってあまりある！
63

64. まとめ
64

65. • まとめ
– 今回はツールを活かして情報の流れを、
なるべく一本化でき、参加時の把握や追
うストレスを軽減できた。
– タスク化に努めて今やるべきことを整え
ることが出来た。
– 適度なタイミングで書類を効果的に共有
でき良い流れを維持できた。
– 高負荷な時期もあったが、トラブルは少
なめに、ポジティブ目に対応できた。
（はず）
65

66. 気持ちが軽やかに楽しく作れた！
66

67. ご清聴ありがとうございました！
67