手っ取り早くプロジェクトをなんとかしたい人のためのnanapi流ツール活用術～WebSig会議 vol.34「Webディレクター必見！プロジェクトを成功に導く、オンラインツール活用トラノマキ2014」

conﬁdential Copyright © nanapi Inc. All Rights Reserved. 1
手っ取り早くプロジェクトをなんとかしたい人のための
nanapi流ツール活用術
担当
株式会社nanapi
齊藤壮
so.sa...

「垣根は相手が作っているのではなく、
自分が作っている。」
アリストテレス

自己紹介

齊藤壮（さいとうそう/30歳）
株式会社nanapi
nanapi事業プロジェクトリーダー

学生時代の僕

学生向けの掲示板サイトや、サークルチラシ
のWebサービスを作っていました

チラシをスキャンしてただけ

新卒で楽天株式会社に入社し、
「前略プロフィール」の担当に

2011年に
株式会社ロケットスタートに入社しました
（現・株式会社nanapi）

やってきたこと

nanapi PC版

nanapi フィーチャーフォン版

nanapi スマートフォン版

nanapi Web

nanapiワークス

もやもやnanapi

まるばつnanapi

しんだんnanapi

広告運用

そのままnanapi.jp全体プロデューサーになりました

nanapiの紹介

ビジョン

「できることをふやす」

サイト名 nanapi（ナナピ）
サイト概要ハウツー情報の共有サイト
サイトURL http://nanapi.jp
ハウ...

nanapiには
どんなハウツーがあるの？

お皿を汚さずにカレーを食べる方法
お皿を汚さずにカレーを食べる方法 | nanapi [ナナピ]
http://nanapi...

Google Analyticsでサイトのことが丸分かり
のバブルチャートをフル活用する方法
Google Analytic...

電柱を動かす方法
電柱を動かす方法 | nanapi [ナナピ]
http://nanapi.jp/606/

ワニとの追いかけっこで勝つ方法と
負けた場合の対処法
ワニとの追いかけっこで勝つ方法と負けた場合の対処法 | nanapi ...

サイト名アンサー
サイト概要即レスQ&Aサービス
サイトURL http://answer.jp
質問数 15万件
回答...

是非、最低5人に
すすめていただけると幸いです！
https://itunes.apple.com/jp/app/wu-li...

nanapiのプロジェクトを
取り巻く環境についてご紹介

nanapiの従業員
3年前→約10名
現在 →約70名

nanapiの従業員
3年前→約10名
現在 →約70名
7倍！

nanapiのPV
3年前→1300万
現在 →6500万

nanapiのPV
3年前→1300万
現在 →6500万
5倍！

nanapiのサービス
3年前→nanapi.jpだけ
　　　　　現在→ アンサー、モヤモヤ、まる
ばつ、しんだん、うちト...

人数も
サービス規模も
サービス数も
どんどん増えてきて大変！

とはいえ、ベンチャー企業は

スピード感が命
とはいえ、ベンチャー企業は

一般的なイメージ
生産力
（人的リソース）
コミュニケーションコスト

nanapiの場合
生産力

nanapiの場合
生産力
この差を
オンラインツールで解消する！

オンライン
ツール
プロダクト開発
セールス
プロモーション活動社内ナレッジ蓄積
3つの観点から実例をもとに
オンラインツ...

nanapiが活用している
代表的なオンラインツール

それぞれのツールを簡単に説明

•  社内チャットとして利用（時に社外も）
•  Skypeやメッセンジャーの代わり
•  グループチャットやタスク管理がで...

•  課題管理サービスとして利用
•  あらゆる業務のプロジェクト進行に利用
•  wikiやファイル管理もできる
■特徴
...

•  開発進行では課題管理として利用
•  利用者はエンジニア、デザイナー、ディレ
クターのみ
■特徴
エンジニアデザイナ...

•  社内情報共有で利用
•  Macユーザーならばkobitoアプリから手
軽に情報をアップできる
■特徴
社内全体
■関...

•  Oﬃceの代わりに利用
•  パワポ、Excel、Wordいらず
•  webアンケートなどでも利用
•  Analy...

では実際にどうやって使っているか？

1からすべて説明するのは非常に困難なので・・・

1からすべて説明するのは非常に困難なので・・・
よくある事例を交えて紹介

プロダクト開発
の現場

エンジニアに話しかけたら怒られた！
Case

ねえねえ、
いまちょっといい？
ディレクター
エンジニア

ねえねえ、
いまちょっといい？
ディレクター
エンジニア
カチャカチャカチャ・・・

ちょっと仕様について相談あ
るんだけど・・・
ディレクター
エンジニア

ちょっと仕様について相談あ
るんだけど・・・
ディレクター
エンジニア
カチャカチャカチャ・・・

一分で終わるから！
エンジニア

一分だけだから！
ディレクター
エンジニア
うるせえ！！！

•  エンジニアのアウトプット量は業績に直結する
•  集中してる状態に話しかけると、また集中する状
態にもっていくまで10...

基本的なやりとりはChatworkで完結
エンジニア
ディレクター

チケット管理はGitHubを利用し、
更新があった場合にChatWorkで連絡する
エンジニア
ディレクター
GitHubの...

GitHubのIssuesに、施策内容を記載。
コメントで要件を詰めていくことも。
ディレクター

タスクが完了したらエンジニアがClose。
確認し、問題あればディレクターがReOpen。
Closeして完了
エンジニア
...

ポイント
エンジニアが作業に没頭できる環境を考える。
また、絶対的なやり方は存在しないので、
みんなで振り返りながら、
独自...

チャットで雑談ばかりする
Case

ChatWorkの「チャット情報」欄でルールを明記

例

雑談が始まったり、部屋の目的と異なる会話が
始まったときには各々で注意する

ポイント
「誰かが管理する」という発想は捨てる！
メンバーそれぞれが意識して、
いい環境を作っていくことが大事

大事な仕様書がみつからない
Case

よくある例

ファイルも重複するし、
そもそもどこにあるのかわからない
結果・・・

ファイルはほとんどGoogle Docsで管理

ファイルの説明とともにストックしておきたいとき
にはBackLogで管理
BackLogのWiki BackLogのファイル...

短期的なプロジェクト用のファイルについては
ChatWork上でファイルを管理

ポイント
クラウド上にファイルを置き、
関係者がどこでもすぐに見れる状態にして
おくことが大事

リリース直後のバグがさばき切れない
Case

リリース直後だと、Chatworkのバグ報告部屋の流
れが早すぎて追えなくなる

バグが多発しそうなときには
ChatWorkではなく、GoogleDocsへ誘導
Google Docsへ誘導

社員でもアルバイトでも、バグを発見したら積極的
にGoogleSpreadsheetに入力

バグ報告用スプレッドシートの例
非エンジニアが記入エンジニアが記入

ポイント
状況に応じて最適なツールを選択！
バグ発見は改善施策の一環なので
従業員総出でエンジニアの手伝いをしよう。

オンラインツールから
リアルへの橋渡しもしています
番外編

ChatWork用のJenkinsプラグインを作ってみた | nanapi TechBlog
http://nanapi....

セールスプロモーション活動
編

受注後の納品スケジュールがよく遅れる
Case

ChatWorkでタスク管理、BackLogで進捗管理
ChatWorkで受注報告＆タスク化 BackLogで課題を立てて...

ポイント
営業、営業アシスタント、ディレクター、
デザイナー、クライアントなど
多数の人が関係する場合には、
ツールをフル...

メンバーが多くて、
それぞれの月次目標の管理ができない
Case

Googleスプレッドシートでだれでも入力出来る状態
にしておき、入力すれば予実がわかるようにする

メンバーへの入力依頼はChatWorkでタスク化

ポイント
Google Docsの共有機能を使って
効率よく社内データを集約

社内ナレッジ蓄積
編

情報をwikiにまとめたのに
誰も見てくれない
Case

よくある状態
BackLogで
Wikiを書いたよ！
共有

よくある状態
BackLogで
Wikiを書いたよ！
・・・
反応なし
共有

Team Qiitaを利用し、コメントや編集リクエストを
使って情報への参加感を高める。

ポイント
一次アウトプットは始まりに過ぎない！
みんなで一緒にブラッシュアップしていく。
そのためのツール選びが重要。

メンバーが期限までに
書類を提出してくれない
Case

ChatWorkでタスク化してメンバーに連絡

タスクを完了したメンバーが可視化され、
リマインドが容易になる。

ポイント
多くのメンバーにやってほしいタスクは、
「だれが」、「いつ」対応したのかリアルタイムに
把握できるChatWor...

飲み会の日程調整がうまくいかない
番外編

少人数の場合には・・・
調整に便利なWebサービスを利用

大人数（20人以上）の場合には・・・
Google スプレッドシートを利用

オンラインツール
番外編

メインのツールを補助するツールも
いろいろあります

Nyazo
Gyazoのnanapi版。nanapi IP外からの利用時には
ベーシック認証がかかるようになっている

ChatWork上で画像URLにサムネイルがつく
ようになるChrome拡張

例

まとめ

まとめ
の前に・・・

「オンラインツールでやらないほうがいいものもある」
アリストテレス

•  スクラム開発時のカンバン
•  サービスコンセプト、マインドの共有
•  社内制度の浸透

ただアップしておくだけでは
メンバーに伝わらないし動き出さない

まとめ

手っ取り早くプロジェクトをなんとかするた
めに必要なこと

•  絶対にハマるツールなんて存在しない
•  よさそうなツールがあったらどんどん試す
•  みんなが主体的にコミュニケー...

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