shinjukurb #36 にてのLT&ディスカッション資料です。 会場でのアンケートの比率も目算で追記しています。 https://shinjukurb.doorkeeper.jp/events/42559

1. © 2015 Actcat, Inc. 1
管理画面の作り方ディスカス
新宿.rb 36th

2. © 2015 Actcat, Inc.
@sumyapp
Koichiro Sumi
コードレビューのためのCIサービス、
SideCI を運営
1.6歳の息子ｶﾜ(・∀・)ｲｲ!!
2

3. © 2015 Actcat, Inc.
アジェンダ
LTじゃなくて「ディスカス」
ユーザ向けではなく
社内向けの管理画面について
まずは弊社のを軽く紹介
そのあと、いろいろな種・お題を元に
皆さんの経験談を教えて下さい
3

4. © 2015 Actcat, Inc.
SideCIの管理画面
4つの役割を担っています
カスタマーサポート用
セールス用
ドキュメント入稿用
KPIの把握
4

5. © 2015 Actcat, Inc. 5
カスタマーサポート用

6. © 2015 Actcat, Inc. 6
解析結果出ません。。
該当リポジトリは~ですね。
申し訳御座いません。
そちらは〜のような不具合でした。
改修しましたので再度ご確認下さい
カスタマー
SideCIの
エンジニア

7. © 2015 Actcat, Inc.
補足: Intercom便利！
7

8. © 2015 Actcat, Inc.
解析プロセスの検索画面
8

9. © 2015 Actcat, Inc.
解析プロセス実行時の出力生データ
9

10. © 2015 Actcat, Inc.
お題
Q.「検索のためのインデックス、
どこまで貼りますか？」
A.
A. 全部貼る(insertに影響が無い限り) 35%
B. 全部貼らない(ajaxでのんびり待て) 40%
C. ＜YOUR ANSWER＞ 25%
10

11. © 2015 Actcat, Inc. 11
セールス用

12. © 2015 Actcat, Inc. 12
この顧客めちゃ大事だから
80%オフで売りたいんだけど!?
(全顧客が大事)
管理画面から
クーポン発行して下さい。
セールス
SideCIの
エンジニア

13. © 2015 Actcat, Inc.
クーポン管理画面
13

14. © 2015 Actcat, Inc.
クーポン発行画面
14

15. © 2015 Actcat, Inc.
お題
 Q.「ビジネスサイドの馬鹿対策に
バリデーションを付けますか？」
 A.
A. ビジネスサイドを信じて貼らない 10%
B. データの正しさはバリデーションする 50%
C. 馬鹿対策する(出来ない仕様なんです！)
20%
D. ＜YOURANSWER＞ 20%
15

16. © 2015 Actcat, Inc. 16
ドキュメント入稿用

17. © 2015 Actcat, Inc. 17
ちょっとこの画面、もっと
使いやすくなりませんか？
ごめんなさい。我慢して下さい。
〜というアプリを使うと管理画面な
くても結構便利ですよ
ライター
SideCIの
エンジニア

18. © 2015 Actcat, Inc.
ドキュメント管理画面
18

19. © 2015 Actcat, Inc.
お題
Q.「管理画面はどこまでリッチに、
いつリッチにしますか？」
A.
A. リッチになんてしない 20%
B. 要望があって時間が合ったら 10%
C. 投資対効果見合いのビジネス判断 60%
D. ＜YOUR ANSWER＞ 10%
19

20. © 2015 Actcat, Inc. 20
KPIの把握

21. © 2015 Actcat, Inc. 21
〜な値知りたいです
〜も知りたいです
〜も知りたいです
全部管理画面で見られるように
しておきました(ﾄﾞﾔｧ
ライター
SideCIの
エンジニア

22. © 2015 Actcat, Inc.
KPIの把握用画面
22

23. © 2015 Actcat, Inc.
お題 part1
Q.「何でも知りたい病に対して
どのように対処していますか？」
A.
A. 全部実装する 10%
B. 都度SQL。要望が多かった物だけ実装
70%
C. SQLのREAD権限渡して丸投げ 10%
D. ＜YOUR ANSWER＞ 10%
23

24. © 2015 Actcat, Inc.
お題 part2
Q.「データがDBに完結していない時
どうまとめていますか？」
A.
A. バッチ処理でまとめる 10%
B. サードパティ製品で一カ所にまとめる
10%
C. SaaSでイベントトラッキング 10%
D. ＜YOUR ANSWER＞ ??%
24

25. © 2015 Actcat, Inc.
おわりに
新宿.rbは意図して
20人以下の規模でやっています。
ディスカッションベースで、
参加者が相談できる、意見を交換できる、
そんなコミュニティです。
次回移行も興味があるテーマだったら
ぜひ参加して下さい！
25