Diverse developer blog

株式会社Diverse(ダイバース) 開発者ブログです。

マッチングサービスの「いいね!」パターンの管理とは?見せびらかし会レポート #3

こんにちは!Diverse広報担当です。

Diverseでは週に1回、エンジニア同士で「見せびらかし会」を開催しています。

f:id:diverse-tech:20210914172916p:plain
「見せびらかし会」とは、各エンジニアが1週間の中で頑張った開発Tipsを、仲間に向けて発表する場。
各自の知見やノウハウの共有を目的に行っています。”見せびらかす”という仰々しい名前ですが、ちょっとした工夫や改善も大歓迎!というラフな発表会です。

▼過去の見せびらかし会ブログ
見せびらかし会 カテゴリーの記事一覧 - Diverse developer blog

第3回目は、第1回目でも登場したエンジニア菊池さん(@kikuchy)の”見せびらかし”を紹介します。
ぜひお読みください!


▼目次

  • 「いいね!」ダイアログのパターンをEnumで管理したい
    • 菊池さんの今週の見せびらかしについて
    • どんな仕組みを作ったのか?
      • ―(一同拍手)ここから質問タイムです!
  • 最後に

「いいね!」ダイアログのパターンをEnumで管理したい

菊池さんの今週の見せびらかしについて

菊池:私の見せびらかしは、youbrideで新しく実装する「メッセージ付きいいね!」Dialogの管理方法を工夫したこと。
パターンが多いのですが、Dialogは1つなんです。

全く違うDialogとしてパターンの数だけクラスを作ることも可能ですが、そうすると再利用できるパーツをどうするかという問題が出てきます。

結局再利用可能なパーツはほぼ全体。パターンによって変わる部分は、タイトル・送信ボタンの色・テキストです。
その他、フットノートが異なってきます。

f:id:diverse-tech:20210914173236p:plain
また内容によっては、ファースト質問(「いいね!」を押す前に質問を設定できる機能)があったり、「プレミアムいいね!」化することができるという違いがあったりします。

続きを読む

マッチングサービスのユーザー属性を分析!見せびらかし会レポート #2

こんにちは!Diverse広報担当です。

突然ですが、Diverseでは週に1回、エンジニア同士で「見せびらかし会」を開催しています。

f:id:diverse-tech:20210907123713p:plain

「見せびらかし会」とは、各エンジニアが1週間の中で頑張った開発Tipsを、仲間に向けて発表する場。
各自の知見やノウハウの共有を目的に行っています。”見せびらかす”という仰々しい名前ですが、ちょっとした工夫や改善も大歓迎!というラフな発表会です。

※第1回目のブログはこちら

developer.diverse-inc.com


第2回目は、エンジニア村本さん(@1amageek)の”見せびらかし”を紹介します。ぜひお読みください!

▼目次

  • ユーザー属性を分析するためのツール作り
    • 村本さんの今週の見せびらかしについて
    • どんなツールを作ったのか?
    • ―(一同拍手)ここから質問タイムです!
  • 最後に

ユーザー属性を分析するためのツール作り

村本さんの今週の見せびらかしについて

村本:私の見せびらかしは、HOPのユーザーの属性を分析するために作ったツールです。Swift UIを使って作成しました。
カラフルなグラフが表示されていますが、これはヒストグラムを出していて、丸や四角など形の違いで男性・女性を示しています。また、色塗りの違いでユーザーごとに写真があるかないかを表しています。

※セキュリティ上の理由により、実際の画面を加工しています。

f:id:diverse-tech:20210907123732p:plain

続きを読む

Diverseエンジニアの裏側に迫る!見せびらかし会レポート #1

こんにちは!Diverse広報担当です。

突然ですが、Diverseでは週に1回、エンジニア同士で「見せびらかし会」を開催しています。

f:id:diverse-tech:20210824183340p:plain

「見せびらかし会」とは、各エンジニアが1週間の中で頑張った開発Tipsを、仲間に向けて発表する場。
各自の知見やノウハウの共有を目的にトライアルとして始めてみました。”見せびらかす”という仰々しい名前ですが、ちょっとした工夫や改善も大歓迎!というラフな発表会です。

せっかくなので、見せびらかし会の様子を色々な方に知ってもらいたい!と思い、ブログで発信することにしました。

記念すべき第1回目は、菊池さん(@kikuchy)と藤田さん(@SAMUKEI)の見せびらかし会に密着しました。
ぜひお読みください!

▼目次

  • イベントの記録をシンプルにしたい
    • 菊池さんの今週の見せびらかしについて
    • どんな仕組みを作ったのか?
  • スクラムで各自の進捗を見える化したい
    • 藤田さんの今週の見せびらかしについて
    • どんな仕組みを作ったのか?
  • 最後に

イベントの記録をシンプルにしたい

菊池さんの今週の見せびらかしについて

菊池:私は、youbrideでクライアントのアプリの開発をしています。先日、そこで解決すべき案件が発生しました。「イベントを記録する」という点についてです。
イベントをただ記録するだけだったら、FirebaseAnalyticsやAdjustを適当に呼び出しても問題はありません。

しかし、このイベントはFirebaseAnalyticsとAdjustで記録して、こっちのイベントはFirebaseAnalyticsだけで記録するなど統一されていないと、このイベント記録はどこで誰がやっているのかわからなくなってしまうという問題があります。今回、そこの部分を解決するための仕組みを作りました。

続きを読む

自社システムにマッチしたツールを選び活用することが、ユーザーのサービス継続のカギになる~新ツールMackerelを導入して~

AWS移管に伴い、Diverseではサーバー監視ツールの導入が必要となりました。検討を重ね、新たに導入したのが、サーバー監視ツール「Mackerel」(マカレル)です。今回は、Mackerelを導入した経緯と導入によって生まれたメリット、さらにチームとして見えてきた今後、挑戦したいことについて、サーバサイドエンジニアの横山裕(よこやま ゆう)さんに話を聞きました!

―そもそものツール導入の経緯を教えてください。

横山:当社が提供するサービスをAWSに移管したため、既存のサーバー監視ツールは使えなくなってしまいました。そこで新たに、AWSにマッチした新ツールを導入する必要があったのです。(AWS移管については下記記事参照)

理想とする開発体制をつくるために、僕らが取り組んだこと~AWS移管を完了して~ | Diverse Dev.Blog

実は以前、別のサービスでAWSが提供しているクラウド型のサーバー監視システム「CloudWatch」を使用していたのですが、うまく扱うことが出来ませんでした。そこで以前の状況も踏まえて、まったく新しい監視ツールを使ってみようと話し合いが持たれたのです。

ツール選定の際は「操作性の良いツールであること」に主眼を置きました。チームのみんながストレスなく使えることが最重要だったからです。

その1案として、僕が個人的に無料で使っていた「Mackerel」を提案しました。はてなさんがつくった監視システムとあって、チームのエンジニアたちもその存在は知っていました。話し合いの結果、「良さそうだし、まずは使ってみようか」ということで、導入が決定。まさに弊社のValue、「Fail Fast!」という感覚でした。メリットは何と言っても、その操作性の良さ。導入作業がとにかく簡単で、mackerel-agentをインストールするだけで使い始められるという使い勝手の良さも決め手になりましたね。

24時間いつでも同じサービスを提供する。そのミッションにマッチしたツール

――Mackerelの導入で得られたメリットはどんなところにあると思いますか?

横山:どのアプリにも共通して言えることだと思いますが、僕たちが提供しているサービスは「ユーザーが安心してアプリを不具合なく、ストレスなく使えること」が前提です。その点、「サービスの品質を保つ」という意味でMackerelは、優れた機能を持っていると思いますね。

サーバー監視におけるルールをこちら側で柔軟に決められる点や、プラグインで自分たち独自の監視体制が設定できるのも大きな特長です。設定の閾値を超えるとアラートが発報されるので、それを僕たちが確認する仕様になっています。

マッチングアプリ、という特性上「検索を速くする」のはいつでも課題のひとつ。そのため、レスポンスタイムを計測するといった、データ収集も同時に行います。品質改善につなげる手がかりとしても活用しています。

他方、既存の監視ツールでは、グラフを生成するツールと、アラートを追加するツールと2つのサーバーが必要でした。しかし、Mackerel導入後は1つのツールでこれらすべてが把握可能。1つ画面を見れば全体が見通せるので、ミスの軽減にもつながったと思います。

そもそも既存の監視サーバーでは、「監視サーバーが動いているかを確認する」という作業が発生していましたが、Mackerelに関しては、「ツールが正しく動いているか」という部分ははてな側が負担してくれています。「監視サーバーの動作確認」にかかる人的コストをはてな側が担ってくれているので、こちらは「ユーザーが正しくサービスを使えているか」という確認作業に集中できるというメリットもあります。

f:id:diverse-tech:20210806110307j:plain

勉強会を開催して、チームが今、何をやっているか?を見える化

――導入にあたって、社内勉強会を実施したと聞いています。

横山:はい。すでにyoubrideでは、Mackerelを導入していたのですが、サーバサイドエンジニアから、活用事例が少なくどんなものかわかりにくい、という声が寄せられていました。

そこで、サーバサイドエンジニアに向けて監視の必要性や、活用を意識した勉強会をしようとしたところ、Mackerel側で知見共有のための勉強会企画があることを知り、CREチームの方にリクエストさせていただきました。

当日は、インフラエンジニアからサーバーサイドエンジニアまで幅広く参加。Mackerelで何ができるのか?を簡単に教えていただきました。チームを越えて横断的にみんなで知識共有をしたことで、僕たちが今何に取り組んでいるか、伝える機会にもなったと思います。

Mackerel CREチームさんの記事はこちら

mackerel.io

現在リモートワーク下ではありますが、月に1回このような勉強会を開催しようという試みも始まっています。チームで開催することによって、他のチームの活動を知ったり、知ってもらったり。「今、何をしているか」の見える化を積極的にしていきたいと思っています。

ツールを正しく活用し、ユーザーのサービス継続率につなげていく

――最後に、今後挑戦していきたいこと、展望を教えてください。

横山:とにかく、僕たちの一番の目標は「ユーザーの利便性向上のため、サーバーの安定供給につとめること」です。さらに言ってしまえば、監視サーバーが使われ、アラートが出る前に、予防措置を講じられるような体制、さらにはシステムを構築していきたいと思っています。

僕たちはSREというチームなのですが、チームの目標は「サイトの信頼性を確保すること」これに尽きます。サービスのダウンが無く、質を落とさず使用できるということは、ひいてはユーザーのサービス継続率にもつながります。

楽しく、また快適にサービスを継続していただけるよう、今後もチーム一丸となってクオリティの向上を目指していきます!

――横山さん、ありがとうございました。

DiverseではMackerelや他のツールを使うことのできる「SREとして活躍できる仲間」を募集しています!

f:id:diverse-tech:20210806111140j:plain

エンジニア(インフラ/SRE)

エンジニア(サーバーサイド・youbride)

エンジニア(サーバーサイド・YYC)

Diverseが技術者コミュニティを支援する理由とは?

こんにちは!Diverse広報担当です!

突然ですが、先日DiverseのオフィスにDroidKaigi様から素敵な贈り物が届きました。ありがとうございます!!
f:id:diverse-tech:20210518155314j:plain
これをきっかけに、Diverseと技術者コミュニティの関係を探るため、エンジニア・菊池さんにインタビュー!
DroidKaigi様へ協賛を始めた背景、カンファレンス登壇、そして今後Diverseとして技術者コミュニティにどう関わっていきたいか?について教えていただきました。

  • “良いサイクル作り”に協力したい
  • エンジニアとコミュニティの心地よい関係性
  • 技術者コミュニティへの貢献と継承
続きを読む

【後編】イベント『Lookerを使ったデータドリブンなアプローチ』の資料×動画を公開します【Meetup #3】

こんにちは!Diverse広報担当です。

先日、Diverse Meetup #3となる『Lookerを使ったデータドリブンなアプローチ』を開催しました!
本ブログではイベントの様子をお伝えしております。

f:id:diverse-tech:20210707121140j:plain

connpass.com

今回は、前編に続いて「Lookerの+αの活用法」についてお届けいたします!

【前編】「Lookerの基本とデータ活用」をまだご覧になっていない方は、まずこちらをご覧ください。 developer.diverse-inc.com

▼目次

  • 当日の資料と動画を公開します
  • 続・イベントルポ大公開【後編】
    • ▼Lookerのその他の活用紹介(00:11)
    • ▼質問コーナー(01:44)
  • さいごに
    • ▼Diverseの情報発信について
続きを読む

【前編】イベント『Lookerを使ったデータドリブンなアプローチ』の資料×動画を公開します【Meetup #3】

こんにちは!Diverse広報担当です!

先日、Diverse Meetup #3となる『Lookerを使ったデータドリブンなアプローチ』を開催しました! f:id:diverse-tech:20210705102041p:plain

connpass.com

DiverseのiOSエンジニアであり、最新アプリHOPにも関わる熊埜御堂 将隆さんがご登壇!
BIツール「Looker」についての基本、Diverseで展開しているマッチングサービスでの活用法、さらにデータドリブンを実現するためのコツをお話いただきました。

今回は、当イベントの様子を前編・後編に分けてお伝えします。
まずは前編、「Lookerの基本とデータ活用」からどうぞ!


▼目次

  • 当日の資料と動画を公開中!
  • イベントルポを大公開します
    • ▼Lookerって何?(00:11)
    • ▼LookMLについて(02:15)
    • ▼Diverseの環境について(04:15)
    • ▼データドリブンなアプローチについて(05:35)
  • さいごに
    • ▼Diverseの情報発信について
続きを読む