鎌倉にあるもの。海、大仏、鳩サブレー。そして開発への情熱だァッ!!

f3f16638-24f1-11e6-81f9-3a978c24e465

こんにちは、Tokyo Otaku Mode(以下TOM) エンジニアの瀬越です。

TOMでは、約半年に一度のペースで開発合宿を行っています(過去の合宿の記事はこちら)。
目的は合宿によって様々ですが、今回はいつにも増して内容が盛りだくさんでしたので、その模様をお伝えしたいと思います。

目次

  • 合宿の目的
  • 社内勉強会 in 鎌倉!
  • おまけ

合宿の目的

  • Node.js 4.4.4へのバージョンアップ
  • Google Analytics 拡張eコマースの導入
  • インテグレーションテストの導入
  • CloudSearch から Elasticsearch への Replace
  • モバイルWebカートの見直し

今回の合宿では1チーム3人ずつに分かれて、それぞれのテーマについて合宿前から事前準備を進めて合宿に臨みました。
以下に概要を書きますが、それぞれの詳細な内容は今後ブログにアップされる予定です。乞うご期待!

Node.js 4.4.4へのバージョンアップ

1c8567e2-24f3-11e6-8bd4-58302264b8a3
Node.jsの現在のLTS(Long Term Support)バージョンである4.4系へのバージョンアップを行いました。

Google Analytics 拡張eコマースの導入

558686e8-24f3-11e6-84be-3720497638a5
購入プロセスの可視化、より詳細な商品別の分析が可能な拡張eコマースを導入しました。

インテグレーションテストの導入

7c9bf6dc-24f3-11e6-9c2c-127f5bd85912
PhantomJSNightmareを用いたインテグレーションテストを導入しました。
コンポーネントテストでは担保しきれない、ログインから購入までの一連の流れをテストすべくひたすらインテグレーションテストを書き続けました。

CloudSearch から elasticsearch への Replace

ac784374-24f3-11e6-9f08-052e1480142c
弊社では商品の検索などにCloudSearchを用いていましたが、抱えていたいくつかの問題を解決するためにElasticsearchへReplaceしました。

モバイルWebカートの見直し

モバイルWebのカートフローを刷新すべく、新たに設計と実装をしました。

社内勉強会 in 鎌倉!

不定期に開催している社内勉強会ですが、今回は「合宿中にLTの準備をしない」というCTOとの約束の下、合宿最終日の夜に社内勉強会が強行されました。
合宿最終日ということもあったのか予定していた時間を大幅にオーバーしましたが、今回も非常に盛り上がりました。

皆さんにもその盛り上がりを少しでも感じていただくべく、以下に各人のスライド(または写真)を掲載します。気になる内容がある方は連絡していただければ、ブログ化するかも…?

React Nativeについて調べてみた - @shimbaco

https://speakerdeck.com/shimbaco/react-nativeru-men

JavaScriptを使ってネイティブアプリを開発できるReact Nativeについて発表しました。React Native上で使用できるJSXやFlexbox、そしてReact Nativeが提供するコンポーネントについて簡単に紹介しています。

Firebaseでラクラクリアルタイムアプリ - @pchw

https://speakerdeck.com/pchw/firebasederakurakuriarutaimuapuri

デバイス間でのリアルタイムのデータ・ストレージ、自動同期を行うFirebaseについて、リアルタイムでYoutube動画を同期して流せるデモを交えながら発表しました。

User Experienceの話- @cue

image

UXとは何か、ユーザーに良い体験をしてもらうためには何が大切かについて発表しました。

租税法と会社法から見るパナマ文書 - @yutosegoe

image

話題になっていたパナマ文書について、会社法と租税法の観点から発表しました。

AMPをかじってみた話 - @ms76

https://speakerdeck.com/ms76/the-first-impression-of-amp

静的なコンテンツを高速でレンダリングするための手法であるAMPについて発表しました。

Stanford流 Prototyping - @alexander_hsu

image

プロトタイプの作り方について、スタンフォード大学の事例を交えながら発表しました。

もうMongoDBには疲れたよ - @k_niidate

schemalessを売りにするmongoDBよりも結局RDBの方がいいんじゃないか、ということについて発表しました。

OWASP ZAP を試してみた - @bells17

OWASP ZAPという脆弱性診断ツールについてデモを行いました。

ぼくのかんがえたさいきょうのフォーメーション - @m_satou

サッカーの話を交えつつ、開発チームにおける適切な人材配置の在り方について発表しました。

SEO Tips - @bakorer

2016-04-22-seo-tips
検索エンジンに最適化させる上での秘訣について発表しました。

Elasticsearch について - @naoina

https://speakerdeck.com/naoina/elasticsearch-nituite

今回TOMに導入したElasticsearchについて発表しました。

Option Type - @wagyu298

https://speakerdeck.com/wagyu298/option-type

SwiftのOption Typeのトラップについて発表しました。

Gradleというビルドツールのお話。 - @t_kato

https://speakerdeck.com/kiharakato/gradletoiubirudoturufalseohua

Androidの公式ビルドツールであるGradleについて発表しました。

5分で作れる♡ゆめかわバナー - @y_hasegawa

00

TOMで扱っているいくつかのファッションブランドに共通する「ゆめかわ」という概念について、実際にゆめかわなバナーを作るデモを交えながら発表しました。

さいきょうのcalc-box考えてみた - @nezumi650

9

TOMの配送オペレーションにおいて最適な大きさの箱をサジェストする機能であるcalc-boxについて、クラスター分析を用いながら理想の配送オペレーションについて発表しました。


以上、バラエティに富んだ社内勉強会となり、合宿は大盛況のうちに幕を閉じました。

おまけ

今回の合宿で@pchwさんが撮った写真をヨッシーと共にお届けします。合宿の雰囲気が少しでも伝われば幸いです。

a2dc8138-24f1-11e6-8881-f5d57d282c68
各チームに分かれて開発を進めます。

acd52370-24f1-11e6-8ae3-728b6cbfd151
マイクの上に座るヨッシー。今回の合宿はリモートで参加するメンバーもいたのですが、特にコミュニケーションの支障もなく進められました。

e1634f72-24f1-11e6-8420-23e8330042a7
ランチに見切れるヨッシー。

11b2ba1e-24f2-11e6-96b6-d7fd8c196b66
美味しい夕食とヨッシー。

f83b8c82-24f1-11e6-8a82-a757a625e00b
合宿施設から海へと繋がる道。煮詰まったときは海に気分転換に行きました。

一緒に日本のオタク文化を盛り上げませんか?

Tokyo Otaku Modeでは一緒に働く仲間を募集しています。
現在はフロントエンドエンジニアを募集しておりますので、ご興味のある方は是非ご応募ください!

越境ECサイトのフロントエンドエンジニア募集!