Sumally Front-End

奥山幸彦 / @FiNGAHOLiC

まずは自己紹介

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

奥山幸彦 / @FiNGAHOLiC

Sumallyとは?

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

_人人人人人人人_
> よくわからん <
 ̄YYYYYYY ̄

みなさん物欲って

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

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

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

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

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

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

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

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

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

それSumallyで

全部管理出来るよ!

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

手に入らなかった

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

出品時に教えてくれる!

SumallyFront-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したら、直ちにデプロイをする

自分が担当する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

大きな機能の追加時には

テストを書き、

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

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

  • sumally-mobileのGrunt管理

  • sumally-webの出品機能実装

  • sumally-webの一部PJAX化

入社後実装した箇所

  • Angular

  • Web Compornent

  • PJAX

  • Node.js

  • gulp

これからの課題

Any Questions?

Thanks!

Made with Slides.com