25
© 2015 Actcat, Inc. 1 管管管管管管管管管管管管管 管管 .rb 36th

管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

Embed Size (px)

Citation preview

Page 1: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 1

管理画面の作り方ディスカス

新宿 .rb 36th

Page 2: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 2

@sumyapp

Koichiro Sumi

コードレビューのための CI サービス、SideCI を運営

1.6 歳の息子カワ ( ・∀・ ) イイ !!

Page 3: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 3

アジェンダ

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

Page 4: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 4

SideCI の管理画面

4 つの役割を担っていますカスタマーサポート用セールス用ドキュメント入稿用KPI の把握

Page 5: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 5

カスタマーサポート用

Page 6: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 6

解析結果出ません。。

該当リポジトリは ~ ですね。申し訳御座いません。そちらは〜のような不具合でした。改修しましたので再度ご確認下さい

カスタマー

SideCI のエンジニア

Page 7: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 7

補足 : Intercom 便利!

Page 8: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 8

解析プロセスの検索画面

Page 9: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 9

解析プロセス実行時の出力生データ

Page 10: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 10

お題

Q. 「検索のためのインデックス、どこまで貼りますか?」A.A. 全部貼る (insert に影響が無い限り )

35%B. 全部貼らない (ajax でのんびり待て ) 40%C. < YOUR ANSWER > 25%

Page 11: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 11

セールス用

Page 12: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 12

この顧客めちゃ大事だから80% オフで売りたいんだけど !?( 全顧客が大事 )

管理画面からクーポン発行して下さい。

セールス

SideCI のエンジニア

Page 13: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 13

クーポン管理画面

Page 14: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 14

クーポン発行画面

Page 15: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 15

お題

Q. 「ビジネスサイドの馬鹿対策にバリデーションを付けますか?」A.A. ビジネスサイドを信じて貼らない 10%B. データの正しさはバリデーションする 50%C. 馬鹿対策する ( 出来ない仕様なんです! )

20%D. < YOUR ANSWER > 20%

Page 16: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 16

ドキュメント入稿用

Page 17: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 17

ちょっとこの画面、もっと使いやすくなりませんか?

ごめんなさい。我慢して下さい。〜というアプリを使うと管理画面なくても結構便利ですよ

ライター

SideCI のエンジニア

Page 18: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 18

ドキュメント管理画面

Page 19: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 19

お題

Q. 「管理画面はどこまでリッチに、いつリッチにしますか?」A.A. リッチになんてしない 20%B. 要望があって時間が合ったら 10%C. 投資対効果見合いのビジネス判断 60%D. < YOUR ANSWER > 10%

Page 20: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 20

KPI の把握

Page 21: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 21

〜な値知りたいです〜も知りたいです〜も知りたいです

全部管理画面で見られるようにしておきました ( ドヤァ

ライター

SideCI のエンジニア

Page 22: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 22

KPI の把握用画面

Page 23: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 23

お題 part1

Q. 「何でも知りたい病に対してどのように対処していますか?」A.A. 全部実装する 10%B. 都度 SQL 。要望が多かった物だけ実装

70%C. SQL の READ 権限渡して丸投げ 10%D. < YOUR ANSWER > 10%

Page 24: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 24

お題 part2

Q. 「データが DB に完結していない時どうまとめていますか?」A.A. バッチ処理でまとめる 10%B. サードパティ製品で一カ所にまとめる

10%C. SaaS でイベントトラッキング 10%D. < YOUR ANSWER > ??%

Page 25: 管理画面の作り方ディスカス 新宿.rb 36th #shinjukurb

© 2015 Actcat, Inc. 25

おわりに

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