Sumally Front-End

奥山幸彦 / @FiNGAHOLiC

まずは自己紹介

受託Web制作会社で約8年、主に小~中規模のHTMLコーディング全般、中・大規模サイトのHTMLテンプレートとスタイルガイドの作成、大規模サイトのJavaScriptによるRIA機能開発を経験。その後2013年11月よりSumallyにJoin。

奥山幸彦 / @FiNGAHOLiC

Sumallyとは？

『Sumally』は、モノの情報をベースに、「何を持っていて（have）」「何が欲しいのか（want）」というふたつの概念に基づきユーザー間のコミュニケーションをはかることで、自分とセンスの近い人と出会ったり、今まで知らなかったモノを発見することができる新しい形のSNSです。

＿人人人人人人人＿
＞ よくわからん ＜
￣ＹＹＹＹＹＹＹ￣

みなさん物欲って

どのように管理してますか？

• ZOZOTOWNで見たコート欲しいなあ

• Amazonであの漫画買おうと思ってたんだ

• そろそろヨーロッパあたりに旅行行きたい

• あの有名店のラーメンが食べたい

• 来月発売予定のゲームを予約しなきゃ

• テレビで見たお洒落なホテルに泊まりたい

• USJの新アトラクション面白そう

日々浮かんでは消える物欲

それSumallyで

全部管理出来るよ！

https://sumally.com/

ちなみに出品機能もあるので

手に入らなかった

あのアイテムをwantしておくと

出品時に教えてくれる！

SumallyのFront-End

• iOS開発 2名

• Android開発 1名

• Web開発 (Desktop/Mobile) 1名

Front-Endのチーム編成

• sumally-ios

• sumally-android

• sumally-web

Gitレポジトリ

シンプルなGithub Flowによる

開発フロー

1. masterブランチのものは何であれデプロイ可能である

2. 新しい何かに取り組む際は、説明的な名前のブランチをmasterから作成する（例: new-oauth2-scopes）

3. 作成したブランチにローカルでコミットし、サーバー上の同じ名前のブランチにも定期的に作業内容をpushする

4. フィードバックや助言が欲しい時、ブランチをマージしてもよいと思ったときは、 プルリクエスト を作成する

5. 他の誰かがレビューをして機能にOKを出してくれたら、あなたはコードをmasterへマージすることができる

6. マージをしてmasterへpushしたら、直ちにデプロイをする

https://gist.github.com/Gab-km/3705015

自分が担当するWebの概要

• PHP

• Backbone.js

• Sass

• Grunt

sumally-mobile

• PHP

• No MVC Framework...

• Less...

• Codekit...

sumally-web

画像 / CSS / JS等の

アセット群はCDN配信し、

変更ファイルの

リビジョンのみ変更

/a/20131228/libs.js

/a/20140923/main.js

/a/20141009/page.js

/a/20131228/libs.js

/a/20140923/main.js

/a/20141128/page.js

Jenkins + Selenium​

大きな機能の追加時には

テストを書き、

問題がないか継続的にチェック

http://goo.gl/5OgB0q

• sumally-mobileのデザインリニューアル

• sumally-mobileのGrunt管理

• sumally-webの出品機能実装

• sumally-webの一部PJAX化

入社後実装した箇所

• Angular

• Web Compornent

• PJAX

• Node.js

• gulp

これからの課題

Any Questions?

Thanks!