【itベンチャーを支えるテクノロジー】stores.jpのそだてかた|株式会社ブラケット...

31

Upload: leveragesevent

Post on 10-Dec-2014

1.061 views

Category:

Technology


4 download

DESCRIPTION

2014/2/19(水)の弊社イベント、ヒカ☆ラボにて使用された資料を公開します。 エンジニア・デザイナーの技術&知識UPのための無料イベント「ヒカ☆ラボ」はこちら http://at-agent.jp/service/event/

TRANSCRIPT

Page 1: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット
Page 2: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

牧野 圭将 @mknkisk !

2013年09月 ブラケット 入社 STORES.jp 開発全般 !

最近はZOZOMARKETなど 新サービスを担当

Page 3: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

STORES.jpの開発体制全体のお話 !

- メンバー - 言語/ミドルウェア - インフラ(AWS) - ログ解析 / ABテスト - 僕らが使っている各種ツール

今日のおはなし

Page 4: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

STORES.jpの開発体制全体のお話 !

!

!

!詳しい話を聞きたい方は 懇親会で僕と握手♪

今日のおはなし

Page 5: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

僕らのサービス

Page 6: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット
Page 7: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

最短2分で、驚くほど簡単に オンラインストアがつくれる

http://vimeo.com/47070682

Page 8: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット
Page 9: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

紹介動画 http://vimeo.com/47070682

Page 10: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット
Page 11: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

x MARKET

Page 12: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

メンバーエンジニア 7名 (昨日から8名) !

デザイナー 1名 !

役割分担は特にありません !

機能毎にアサインされ、 その全てを担当者が開発します

Page 13: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

メンバー

エンジニア !

- 2013/02 2人 - 2013/03 3人 - 2013/04 4人 - 2013/09 7人

店舗数 !

!

- 25,000 店舗 以上 - 30,000 店舗 以上 - 60,000 店舗 以上

Page 14: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

メンバー明確な役割はないものの

それぞれ得意な分野があります

- リソース管理 - 新技術調査 - テスト - ログ解析/ABテスト

- リファクタ - 既存機能改善 - 開発体制整備

Page 15: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

言語, ミドルウェアServer Client

Page 16: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

• 急成長するサービス

• データ属性は日々変化が求められる

• スキーマフリーは便利

• 使わなくなったフィールドのお掃除はマメに

Page 17: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

• Rails : JSON を返す WebAPI

• APIができてしまえばJSONをDOMにバインディングするのは簡単

• Fat Controller に注意!!

Page 18: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

開発フロー- コードはGitHub管理 - Jenkinsでテスト実行 - ローカルからデプロイ - デプロイ先はGitHub

からcloneしてくる

Page 19: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

開発フロー- コードはGitHub管理 - Jenkinsでテスト実行 - ローカルからデプロイ - デプロイ先はGitHub

からcloneしてくる

デプロイ 8 / day

Page 20: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

インフラ(AWS)AWS を使ってます !

- サーバ増減が素早く行える - TV放送時に助かる

!

- スポットインスタンスなら安価なので負荷テスト用にがんがん立てれる

Page 21: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット
Page 22: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

リソース/エラー監視New Relic !

- AWSを使うとStandardプランが無料 - レスポンスタイムの劣化も監視 - iOSアプリでPush通知 !

- 監視サーバ自前だとメンテコストもかかるのでNew Relicにおまかせ

Page 23: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

ログ解析Mixpanel !

- イベントログの収集 - JS, Rails どちらにもトラッキングコードを埋められる - 欲しいデータだけ抽出 !

- アクセス数はGoogleAnalytics=> Mixpanelでアクセス数とると お金が (ノД`)

Page 24: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

ABテストOptimizely !

- ブラウザからテストパターンを設定できる - ボタンの色やテキストのパターン

- テストの開始/停止もブラウザから !

- 統計的な判断はOptimizelyにおまかせ=> 誤差の範囲? 母数足りてる?

Page 25: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

情報共有ChatWork - デプロイ連絡 - 技術共有 - 気になるサービス !

Google サイト - 仕様の共有 - 開発ルール

Page 26: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

- デプロイ連絡 - 誰が、いつ、何を - d: デプロイします, y: OK, n: 待って

!

- 改善したよ, 作ったよ - 機能改善を報告。みんなで喜ぶ。

!

- 気になったサービス - 海外のサービス含め気になったサービスを社員で共有

Page 27: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

Googleサイト- 仕様共有

- 主に非エンジニア向け - カスタマーサポートが円滑に回るように - 開発周りの情報はGitHub

!

- 社内ルール (新規メンバー向け - 毎週木曜はみんなでランチ♪ - 毎週月曜は「気になったサービス」報告

Page 28: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

Dashboard

アクセス数, 流通額などをリアルタイム表示 社員みんなが数字を意識できるように!!

Page 29: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

まとめ- 少ない人数でスピーディーに開発するために

- 自動化 - 各種サービスに任せる - 機能開発に集中!!

!

- 情報共有はマメに - 対エンジニア, 非エンジニア

Page 30: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

STORES.jpを運営する ブラケットでは エンジニア/デザイナーを 募集しています!! !

お気軽にお声がけください!! https://www.wantedly.com/companies/bracket

Page 31: 【ITベンチャーを支えるテクノロジー】Stores.jpのそだてかた|株式会社ブラケット

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