省リソース管理画面

省リソース管理画面2014-07-29 egmc@管理画面ナイト

14年8月5日火曜日

今日話すこと

•省エネ管理画面でいかに回すか的な•運用よりな話


話さないこと

• KPIの設定とかグロースっぽいこととか


自己紹介


egmc• @EGMC• http://egmc.me/• しごと

• こじんももクロAndroidアプリhttp://momochro.me/


http://egmc.me

http://egmc.me

http://momochro.me

http://momochro.me

サービス

• クラウドファンディングプラットフォームCAMPFIRE

• 総支援額約2億6000万

• 総プロジェクト数約680件

2014年2月時点


リソース？


こういうリソース

•お金•エンジニア（一人）の時間


背景

• CAMPFIREローンチ• 2011-06-02•株式会社ハイパーインターネッツ入社• 2011-06-01


つまり

•リソース足りないよ！という話


管理画面の変遷


最初期

なんかこんなの


～２年くらい

管理画面+redmine


割と最近

リニューアル


省エネ機能作成


リソース配分

•よく使う機能は作りこむ•「1年に1回使うけど必要な機能」は最低限作る


crudは定型化

•コピペして使うテンプレートを作成•新規作成と更新はほとんど共通•バリデーションと最低限のロジックで作る


こういうの


ツールとか色々•グラフ描画•HighCharts•管理画面テーマ• Bootstrapベースの有償テーマ•サジェスト•MagicSuggest


グラフ


APIを使う

• redmine•チケット連動•集計• google各種サービス• aws関連


省エネ運用＆サポート


サービスのサイクル

•案件投稿•→審査•→素材の受け取り、フィードバック•→掲載作業


自動化、入力制限

•手作業を減らす•投稿連動でチケット作成• redmineチケットの自動クローズ•オートサジェスト→facebookのあれみたいなの


API大事! ! ! ! ! ! // -------redmineへ登録連携! ! ! ! ! ! // タイトル! ! ! ! ! ! $redmine_title = "{$propdata['Proposal']['id']};{$propdata['Proposal']['title']}";! ! ! ! ! ! // 登録! ! ! ! ! ! $response = $redmine->postIssue(! ! ! ! ! ! ! array(! ! ! ! ! ! ! ! CfRedmine::PARAM_PROJECT_ID => _CF_REDMINE_PROJECT_ID,! ! ! ! ! ! ! ! CfRedmine::PARAM_TRACKER_ID => _CF_REDMINE_TRACKER_ID,! ! ! ! ! ! ! ! CfRedmine::PARAM_SUBJECT => $redmine_title,! ! ! ! ! ! ! ! CfRedmine::PARAM_DESCRIPTION => $bodytext,! ! ! ! ! ! ! )! ! ! ! ! ! );


問題検知

•ユーザーに紐付いたエラーログ•エラー件数可視化•通知(fluentd+sns)とセットで•スローログとかを（地味に）見やすく


こんなの


問題検知2

•プレビュー機能•プロジェクト、トップページ•実際の表示に近いビューで作る


ユーザーサポート

•すべてを作ろうとすると際限ない•お金に関わる部分から作る•対応する機能を作るか、そもそも問い合わせが来ないようにするか判断

•機能をどこまで作りこむかはトレードオフ


省エネ運用

•使い込む部分はなるべく自動化•事故らないUI•入力項目の制限•ステータスに応じて操作を制限•色、注意書きが地味に有効


ここからちょっとデモ


まとめ•省エネ運用のために•外部サービスやライブラリに頼る•テンプレ化でとにかく早く作る•安定運用のために•よく使う機能は頑張る•検知の仕組みを頑張る


•ご静聴ありがとうございました


あと採用してるようです


Software

省リソース管理画面