connpass 
特徴と開発の流れ 
BPStudy#88 
@AE35
おまえだれよ 
@AE35 
BeProudでエンジニアしてます 
connpassの中の人のひとりです
話すこと 
connpassの特徴 
どのように運営しているのか 
どのように開発しているのか
connpassの特徴 
人をつなぐ 
IT勉強会・イベント支援サイト
単なる 
イベント支援サイト 
ではなく 
IT勉強会支援サイト
おかげさまで 
IT勉強会用のサービスとして 
取り上げていただく機会が増えてきました
ITの勉強・交流になる、IT系のイベント・勉強会を探せるサイト・サービス6選 
! 
! 
! 
! 
! 
Code部:一度は行っておきたい!「IT勉強会のススメ」 
! 
! 
! 
!
LIGブログ:IT/WEB業界を中心に勉強会・セミナー・イベントが探せるサービス6選 
! 
! 
! 
! 
! 
! 
[WEB開発] 私的な最近のおすすめサービス/ツール 14選 ~2014年版~ - Qiita 
! 
! 
! 
!
あなたが勉強会を開く際に覚えておきたい10のTips 
! 
! 
! 
! 
! 
もう技術系勉強会を見逃さない!おすすめアカウント&ツール8選 
! 
! 
! 
!
connpassの特徴 1 
人とつながっているから 
見逃さない、集まりやすい
興味が近い人が開催 
気になる 
興味が近い人が参加 
気になる
連携SNSのフレンド情報を取り込んで 
イベント情報を通知 
!
connpassの特徴 2 
イベントを育てやすい
IT勉強会の種類 
もくもく会、読書会:2~10人 
ハッカソン、勉強会:10~50人 
カンファレンス:100人以上
イベントは 
回数や参加者を伸ばして 
成長していく
イベントをグループにまとめれば 
活動の歴史を追いやすい 
活動を分析しやすい 
活動をアピールしやすい
connpassの特徴 3 
! 
Produced by
エンジニアとデザイナーが 
中心の開発/運営 
!
ざっくりした役割 
@ian :エンジニア 
@ae35 :エンジニア 
@uniq :デザイナー 
@社長 :要求分析ファシリテート
いわゆる 
「ディレクター」さんは不在
基本は 
みんなで決めて 
みんなで運営
話すこと 
connpassの特徴 
どのように運営しているのか 
どのように開発しているのか
どのように運営しているのか 
基本は 
みんなで決めて 
みんなで運営
日常的な運営 
お問い合わせ対応 
フィードバック/Twitter対応 
KPIの確認 
IT勉強会イベントのピックアップ 
ブログ更新 
定期メンテナンス
使用ツール 
Slack 
サポート部屋、通常業務のやりとり
使用ツール 
Redmine 
問い合わせ、フィードバックのチケット化
使用ツール 
Google Analytics 
自作Flask製KPI管理ツール 
KPI チェック
使用ツール 
Django Admin画面 
簡単なフラグの上げ下げ
話すこと 
connpassの特徴 
どのように運営しているのか 
どのように開発しているのか
どのように開発しているのか 
基本は 
みんなで決めて 
みんなで運営
1. 次フェーズ会議 
1 2 3 4 5 6 7 8 9 
メンバー全員 
1フェーズ全体は、だいたい1.5~3ヶ月 
要求洗い出し 
戦略とフィードバックから 
ここがconnpass開発のメイン作業 
一番重要だから時間をかけて考える 
~2週間
2. 各要件の概要設計 
1 2 3 4 5 6 7 8 9 
手分けして 
各機能ごとに分割してチケット化 
実装時にチケットごとにブランチ作成できるように分割 
ざっくりとした工数算出 
実装レビュー工数も全体の2割ほどで入れる 
Balsamiq Mockups など 
ワイヤーフレーム作成 
数日
3. 概要設計レビュー 
1 2 3 4 5 6 7 8 9 
メンバー全員 
見せ方や使い心地を詰めるため 
ここでも結構時間がかかる 
数日
4. 詳細設計 
1 2 3 4 5 6 7 8 9 
エンジニア/デザイナ 
相談しながら詳細仕様を決める 
ほぼHTMLレベルで画面設計 
数日
5. 実装 
1 2 3 4 5 6 7 8 9 
エンジニア/デザイナ 
Mercurialでチケットドリブン開発 
各チケットブランチ 
リリース準備ブランチ 
リリースブランチ 
やっと手を動かせる! 
1ヶ月~1ヶ月半
6. 実装レビュー 
1 2 3 4 5 6 7 8 9 
エンジニア/デザイナ 
デザイナもレビューされるしする 
rietveld 
レビューツール 
実装工数の2割
7. テストシナリオ作成 
1 2 3 4 5 6 7 8 9 
手分けして 
各チケットごとにシナリオを用意 
数日
8. シナリオテスト&修正 
1 2 3 4 5 6 7 8 9 
メンバー全員 
リリースする全ブランチを 
まとめて確認 
2~3日
9. リリース 
1 2 3 4 5 6 7 8 9 
リリース用ブランチに入れてリリース 
データのマイグレーションや 
ライブラリの更新が無ければ 
サービスを止める必要なし 
fabric 
デプロイツール 
そして次フェーズへ…
今後ともconnpassを 
よろしくお願いします 
connpassの特徴 
どのように運営しているのか 
どのように開発しているのか

connpass特徴と開発の流れ