Android版MERYのアーキテクチャ - peroli Developer's Blog
2016 - 10 - 19 Android版MERYのアーキテクチャ list Tweet こんにちは、普段MERYの Android を開発している栗野です。 最近、 Android アプリMERYでは2.0の開発を行っており、それに伴って Android の アーキテクチャ を見直す取り組みを行っております。 その中で新しく採用し、進めている アーキテクチャ について少し話そうと思います。 ことの始まり Android は今まで1.5人体制で開発を進めていたのですが（一人は iOS との兼務）、少し前から新しい Android エンジニアがjoinし、2.5人体制で開発をすることになりました。 そしてちょうどその方が、「DDDな人」だったこともあるのと、少し前に職場の「DDDな先輩」から「 エリック・エヴァンスのドメイン駆動設計 」を借りて、それを読み始めていたことも重なって、新しい
Fashion Tech Meetup #3 のレポート - peroli Developer's Blog
2016 - 10 - 05 Fashion Tech Meetup #3 のレポート list Tweet はじめまして、2016新卒のhoshinoです。 9月20日にFashion x Technologyをテーマとした勉強会であるFasion Tech Meetup第三回を開催しました。前回に引き続き今回も、 FRIL を運営する株式会社Fablic様と iQON を運営する株式会社VASILY様との共同開催となりました。 イベント概要はこちらへ イベント当日は 台風16号 の接近により悪天候ではありましたが、お足元の悪い中、多くの方が足を運んでくださったおかげで、無事にイベントを開催することができました。ご参加いただいた皆様、ありがとうございました。 弊社からは開発部のmizushimacとakihoが、MERYの動画対応について話をしました。 ファッションECでの動画活用の話
MERYでのお買いものを支えるバックエンドシステム - peroli Developer's Blog
2016 - 09 - 30 MERYでのお買いものを支えるバックエンドシステム list Tweet こんにちは。開発部の平山（ @orangevtr ） です。今回は私が担当しているMERY ECのバックエンド システム開発 について紹介したいと思います。 MERY ECのバックエンドシステム 通常ECサービスを構築する場合、パッケージであったり ASP のサービスを利用する機会も多いと思いますが、MERYではフロントエンドシステムのみならずバックエンドシステムも自社で開発しています。 何で自社開発するの？ MERYは当初メディアとしての機能が強く、ショッピングは後発の機能でしたが、一貫して世界観（ ブランディング ）とユーザー体験を大切にしたいという方針が強くあります。 そのため、メディアとショッピングの機能についてもサービス上の境界線をあえて明確にせず、極力シームレスな体験をユーザ
SQL でのデータ分析のススメ - peroli Developer's Blog
2016 - 09 - 02 SQL でのデータ分析のススメ SQL 分析 データ分析 list Tweet こんにちは, 開発部のはちやです. 今回は, 今やサービスを運営する会社であればどこでも行われているであろうデータ分析について, WEB開発者の方を対象に 「 SQL でのデータ分析のススメ」と題してご紹介したいと思います. SQL でのデータ分析がおすすめな理由 分析技術の進歩によりデータが比較的容易に取得/抽出できるようになった昨今, データ分析が以前に増して活発に行われるようになってきていると感じます. そんなこんなでデータ分析をしたいWEB開発者の方が増えてきているのではないでしょうか(僕はそうでした) しかし, 「データ分析したいけど, 何を使えばいいのかよくわからない」「何を学習すればいいのかよくわからない」というWEB開発者の方がいらっしゃると想像します(僕がそうでし
クーポンの設計 ~MERYではこんなふうに作りました~ - peroli Developer's Blog
2016 - 08 - 19 クーポンの設計 ~MERYではこんなふうに作りました~ list Tweet こんにちは、開発部のzooです。主にECサービス( market.mery.jp )の開発を担当しております。 今回の記事では、MERYのECサービスで運用しているクーポンの実装方法のア イデア を簡単に紹介いたします。 MERYのクーポン ECサービスでは多くのお客様にお得にお買い物をしていただくために、この4月からクーポンを導入しました。 10%OFFになるとか、1000円OFFになるとか、ほとんどの方がお店や ECサイト など、どこかで使ったことがあるあのクーポンです。 MERYでクーポンを開発した際の機能に対する要求は、以下の項目を設定できることでした。 クーポンの付与対象者の条件 クーポン対象の商品 ◯◯円OFFまたは◯◯%OFFの値引き 最低購入金額（この金額以上買ったら
MERY EC におけるセッション管理と JWT - peroli Developer's Blog
2016 - 08 - 26 MERY EC におけるセッション管理と JWT Back-End 設計 Ruby list Tweet こんにちは。 MERY のサーバーサイドエンジニアの @saidie です。 MERY では、女の子が知りたい最新の情報や欲しくなるファッションアイテムを、記事という形式を通して毎日届けています。 そして、ここ一年弱の間、ユーザが欲しいと思ったアイテムをそのまま手軽に MERY 上で買うことのできる、EC の システム開発 を進めてきました。 この記事では、MERY の EC システムを開発するにあたって、既存の MERY 会員のログインセッションと EC において必要とされる新たなセッションに関する設計の裏側と、セッション情報のやり取りに JWT ( JSON Web Token) を使う取り組みについてご紹介したいと思います。 MERY の EC セッ
アプリも Web もキレイに楽しく♪ MERY の自動再生動画のコツ - peroli Developer's Blog
2016 - 08 - 05 アプリも Web もキレイに楽しく♪ MERY の自動再生動画のコツ Ruby on Rails 動画 list Tweet こんにちは。ペロリ 開発部の池袋です。 今回は Ruby on Rails における自動再生動画のアップロード周りの話をします。 MERY ではアプリ・Web どちらも動画に対応しており色々なところで動画を使っています。 動画に対応することでコンテンツをよりリッチにユーザに届けることを目指しています。 例） 《読者プレゼント》スキマ時間でもっと可愛く！MERYのオススメ動画をチェック MERY の自動再生動画の概要 アプリと Web（PC）では S3 に置いた動画をそのまま自動再生で流していますが、Web（ スマホ ) では動画を分割した画像を js でコマ送りにして表示しています。 Rails には video_tag という
ペロリ流 開発要件のまとめ方 - peroli Developer's Blog
2016 - 07 - 22 ペロリ流 開発要件のまとめ方 開発プロセス list Tweet こんにちは。開発部のマネージャーをやっている mizushimac です。 今回は開発するモノの要件のまとめ方についてペロリ開発部が実践している内容を少しご紹介したいと思います。みなさんの会社やプロジェクトではどうやって開発するモノの要件をまとめていますか？ パワポ ですか？ spreadsheet ですか？ 流れ行く slack や github issue で議論しながらコメントに埋もれていき誰かが箇条書きでまとめますか？ きっとカオスなことが多いかなと思いますのでこのエントリーが少しでもご参考になればと思います。 ちなみに、ペロリはカオスを楽しめる人を求めていますw 開発要件のまとめ方って色々あって難しい 私が学生の時に所属していた ベンチャー企業 では、数十MBもある パワポ に画面イメ
MERYにおける商品人気順の話 - peroli Developer's Blog
2016 - 06 - 24 MERYにおける商品人気順の話 list Tweet こんにちは。開発部の sian-izm です。 1年程前からペロリでエンジニアを始め、現在はECサービスの開発をメインに行っています。 今回はMERYのEC商品人気順のアイディアについて紹介します。 実際にはこのアイディアをベースにいくつかのチューニングを入れています。 人気順の切り口 人気順と言っても、販売数やPV数、商品毎にスコアのようなものを持っていれば、それを利用したりといくつか切り口があると思います。 MERYでは、 LOVE という形で、ユーザーがお気に入り商品を保存しておくことができます。 そのアクションのタイミング(時刻)と数はデータベースに保存しており、商品検索には Elasticsearch を利用しています。 そのため、比較的容易に商品スコアを算出できそうであったこと、加えてある程度の
さらなる高みへ〜iOSのMERYでなめらかなスクロールを実現するためにやった4つのこと - peroli Developer's Blog
2016 - 07 - 01 さらなる高みへ〜iOSのMERYでなめらかなスクロールを実現するためにやった4つのこと list Tweet こんにちは。 iOS を主に担当していますアプリエンジニアのkazutoyoです。 MERYのアプリチームでは、チューニングを「さらなる高みへシリーズ」と名づけて、日々アプリの改善をしています。 今回はその中で行ったUITableViewやUICollectionViewのスクロール周りを滑らかにする改善についてやったことをご紹介したいと思います。 1. CALayerで角を丸くしている部分のパフォーマンスが悪い このようなカード型のViewが並んでいるCollectionViewがあったのですが、画像の角を丸くするのにCALayerで cornerRadius をつけているところのパフォーマンスがあまり良くないようでした。 これを次のようにCor
AngularJS で爆速で開発するベストプラクティス - peroli Developer's Blog
2016 - 06 - 17 AngularJS で爆速で開発するベストプラクティス list Tweet こんにちは、MERY で主に Android の開発を行っている栗野です。 今回は Android のことではなく、以前広告プラットフォームを作っていた時に使っていた AngularJS に関して話したいと思います。 現状のフロントエンド界隈の流れ Facebook が出してきた React + Flux が一気にシェアを広め、webpack などのビルドツールも広まってきて、基本的には React + Flux + webpack みたいな構成で開発するのがモ ダン なのではないでしょうか。個人的にもよくこの構成は触っており、とても便利に感じています。 なぜ今AngularJS? そんな中でなぜ AngularJS にフォーカスするかというと、やはりある特定のケースにおいては、圧倒
Swiftzつかってみた - peroli Developer's Blog
2016 - 06 - 03 Swiftzつかってみた MERY のサーバーサイドエンジニアの藤原です。 今回は、MERYの iOS アプリには使用していないのですが、一部で話題のSwiftzについて調べてみました。 Swiftzとは 他の 関数型言語 によくある機能を、Swiftでも使えるようにするライブラリです。 Swiftにも 関数型言語 っぽいmapやreduce、filter、flatMap等がありますが、例えばEitherはまだありません。 そういった、「他の言語だったらこう書けるのに」を解消してくれるライブラリです。 Swiftzの利点と欠点 利点としては、 上手くやりたいことと噛み合うとコードを短くスッキリと書ける コードの再利用性を上げやすくなる(部品を書きやすくなる) Swift3.0で追加されそうな機能を先取りして使える 他の 関数型言語 を覚えやすくなる 等があると
MERY PASS における MVP の実践 - peroli Developer's Blog
2016 - 04 - 29 MERY PASS における MVP の実践 MERY PASS における MVP の実践 ペロリ MERY PASS チームの libitte です。 今回は我々のチームで実践している MVP について簡単にご紹介します。 目次 MERY PASS とは 新サービスで使うと便利な MVP MERY PASS での MVP の実践例 おわりに MERY PASS とは MERY PASS はネイル、マツエク、リラクなどのビューティー系サービスがどれでも毎回 3000 円で受けられる サブスクリプション サービスです。 月額 980 円で会員になることができ、その特典として、MERY PASS 内に掲載さいれているネイル、マツエク、リラクなどのビューティーサロンでのサービスがどれでも会員限定価格 3000 円で受けられるものになっています。 美容サロンに対しては
MERYには社内カメラマンがいる話。 - peroli Developer's Blog
2016 - 04 - 26 MERYには社内カメラマンがいる話。 初めまして、MERYのカメラマンの本山です。 え！？カメラマン！？という感じですね。 IT企業にカメラマンが居るのは珍しいかと思います。 これまでは割りとTechieな記事が多かったので、少し路線変更になりますが、お付き合い下さい。 MERYは社内で作成する記事もあり、私はそこで使う写真の撮影/編集をしています。 タイアップ記事、 オリジナルコンテンツ記事 、 プレス記事 など...etc 撮影対象としては、人物、物（服、化粧品、アクセサリー等）、店舗、イベント...etc その他、弊社は MERY PASS というサービスも展開しており、そちらで使用する写真であったり、採用ページの写真であったり、写真を使うあらゆる場面でお仕事をさせて頂いております。 MERYの環境と雰囲気 MERYには小さいながらもスタジオルームが
Sidekiq による非同期処理を Redis の分散ロックで排他制御した話 - peroli Developer's Blog
MERY のサーバーサイドエンジニアの @saidie です。 MERY では画像アップロードや記事投稿による検索インデックス作成などなど、ユーザからのリクエスト起因で起こる時間のかかる処理の多くを非同期に行うことでレスポンスタイムの向上に努めています。また、重複した非同期処理が並行して走ることによる スループット の劣化を分散ロックを用いた 排他制御 で緩和する取り組みなども行っています。 MERY は Ruby on Rails を用いて開発されており、非同期処理には Ruby 製の フレームワーク である Sidekiq を採用しています。この記事では Sidekiq と Redis による分散ロックを使って、同一の非同期処理が(あまり)重複しないような MERY の非同期処理システムについてご紹介します。 Sidekiq Sidekiq はクライアントサー バモ デルのマルチスレッ
Fashion Tech Meetup #2 のレポート - peroli Developer's Blog
2016 - 04 - 01 Fashion Tech Meetup #2 のレポート こんにちは。ペロリ開発部の bukuro です。 先日 Fasion Tech Meetup という Fashion x Technology をテーマとした勉強会の第二回を開催しました。 今回は iQON を運営する VASILY 様と FRIL を運営する Fablic 様との共同開催です。 イベント概要は こちら 弊社からは私 bukuro と編集チームが、開発と編集が一体となって MERY のかわいいを作っている話をしました。 開発と編集のちからでたくさんのかわいいを届けた話 from Ikebukuro Munehiro また kazutoyo がアプリ UI のテストについて話をしました。 自分は今回発表の中で MERY Partner Program という外部のパートナーさんのコンテン
Fashion Tech Meetup っていうTechイベントやってます！ - peroli Developer's Blog
2016 - 03 - 17 Fashion Tech Meetup っていうTechイベントやってます！ はじめまして、開発部 MERY のServer Team の中村です。最近では isetan と呼ばれるようになってきました。 ペロリでは社内でメンバーのスキル向上や技術範囲の拡充などを目的とした勉強会を定期的に行っています。 また社内だけの勉強会だけではなく、 事業 領域で共通点のある企業との情報交換やユーザ、開発者との交流などのために社外に向けての発表やイベントも行っています。 このエントリーでは Fashion Tech Meetup という社外イベントをご紹介します。 Fashion Tech Meetup とは Fashion Tech Meetup は Fashion x Technology をテーマとした勉強会イベントです。 ファッションに関わるサービスを運営
peroli Developer's Blog
2016 - 03 - 11 ペロリ開発部ってこんな「感じ」です はじめまして。開発部のマネージャーをやっている mizushimac です。 流行りに乗ってみてペロリも開発ブログを始めたわけなのですが、エンジニアやデザイナーからの面白い開発ネタのエントリーをお待ちいただく間（とプレッシャーをかけてみる）にペロリの開発部についてちょっとご紹介したいと思います。 何を開発しているのか 詳細は 、 株式会社ペロリの最新情報 - Wantedly 等を見ていただくとよいのですが、ペロリは、⼥の⼦のなりたいオシャレがみつかるキュレーションプラットフォーム「MERY」とその関連サービスを開発、運用しています。 Rails で開発された Web 版から順調にユーザー数を伸ばし、昨年末からローラのCMでご存知の方もいらっしゃるかと思いますが、アプリ版も順調にユーザー数が伸びていまして、Web も アプリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
