DMMオンラインサロン開発グループ採用資料

by DMMオンラインサロン

Slide 1

Slide 1 text

開発グループ採用資料

Slide 2

Slide 2 text

目次 01. 事業紹介 02. サービス紹介 03. プロダクト紹介 04. カルチャー 05. 開発プロセス 06. デザインプロセス 07. DMMオンラインサロン体制図 08. 開発取り組み事例・未来 09. エンジニア技術スタック 10. 働き方について 11. Tech Vision について 12. 評価制度 13. 福利厚生 14. 募集要項 15. 選考プロセス

Slide 3

Slide 3 text

1. 事業紹介

Slide 4

Slide 4 text

01 事業ビジョン枠を超え、つながる、豊かな未来。一人の人間には、いろいろな顔がある。住んでいる地域や文化、年齢、性別、組織、職業、趣味、考え方。属するコミュニティも様々だ。共通の目的や興味がきっかけとなり、物理的な制約や文化の壁、今いる組織を超えて人々が知り合い、集う。それぞれが持つ知識や経験を共有し、互いに尊重し合いながら成長する。新たな出会いと成長が、より深く大きな喜びをもたらし、私たちが目指す想像を超えた豊かな未来へとつながる。

Slide 5

Slide 5 text

02 事業ミッション誰もが前向きな影響を与え合うコミュニティをつくり続ける。誰もが物理的な制約や文化の壁を超え、安心して参加でき、お互いを尊重し合う場所が見つかる環境を提供します。  出会いや学びによって新しい発見が生まれ、信頼や理解があるからこそコミュニケーションや協力が促され、個々の成長へとつながります。  私たちは、オンラインサロンで一人ひとりが前向きな影響を与え合い、ポジティブな循環が生まれるコミュニティをつくり続けます。

Slide 6

Slide 6 text

03 事業バリュー成長人々が自己発見と成長のプロセスを体験することで、自分自身をより良くする機会を提供します。多様性会社や、学校、団体など、今所属している組織を超えて、価値観や意見が交り、新たな視点やアイデアが生まれる場を提供します。コミュニティ人々が新たに出会い、活発にコミュニケーションをとることで、オーナーとメンバー同士の繋がりが深まる場を目指します。高品質専門的な知識やスキルを持つオーナーによるクオリティの高いコンテンツを提供します。安全性プライバシーや安全性を最優先に考え、信頼できるサービスを提供します。与える価値生まれる価値

Slide 7

Slide 7 text

04 オンラインサロンとはオーナーの価値を届ける、会員制コミュニティオンライン上で運営される会費制のクローズドなコミュニティです。登録すれば誰でも参加できるオープンなSNSと異なり、同じ目的を持って対価を支払った熱量の高い人だけが参加する傾向にあります。

Slide 8

Slide 8 text

05 事業部実績 2024/2月時点億円売上会員数 180,000 人以上サロン数 1,600 サロン以上 51 億円 9.5 FY2017 13 FY2018 15 FY2019 25 FY2020 32 FY2021 47 FY2022 51 FY2023

Slide 9

Slide 9 text

2. サービス紹介

Slide 10

Slide 10 text

01 オンラインサロンでできることオンラインサロンでは、サロンオーナーとサロン会員が同じコミュニティに参加し、様々な交流を行います。サロン会員は、サロンオーナーが提供するコンテンツの閲覧や購入のほか、サロンオーナー主催のイベントに参加できます。サロンの開設コンテンツ提供、販売イベント開催サロンオーナーサロン会員サロンの入会コンテンツ閲覧、購入イベント参加

Slide 11

Slide 11 text

02 オンラインサロンならではのコミュニーションサロンオーナーと会員の繋がりができるのはもちろんのこと、サロン会員同士でもつながりが生まれるのは、オンラインサロンの特徴です。サロンオーナーオーナーと会員のつながり会員同士のつながり会員

Slide 12

Slide 12 text

03 オンラインサロンの用途ファンクラブファンとのコミュニケーションオフショットや動画の配信イベント告知などプロジェクトディスカッションプロジェクトの実現食事をしながらのオフ会などレッスン専門家からの知識や技能のノウハウ共有専門分野の最新情報の配信セミナー開催などその他コミュニティ新たな仲間探しイベント開催相談、悩みの共有限定コラムの公開やノウハウ共有、動画配信など、コンテンツの提供がオンラインで簡単に実現。さらに、会員制だからこそ実現できるクローズドな関係性から新たな人脈やビジネスが生まれるなど、使い方次第で様々な活用方法があります。

Slide 13

Slide 13 text

04 各ツールコミュニティツールはDMM専用コミュニティまたはFacebookを使用します。  サロンオーナーは、管理画面から会員の管理やメルマガ配信、データ分析、入会アンケート、コンテンツ販売などが可能です。コミュニティツール管理ツールサロンオーナーサロン会員 DMM専用コミュニティ or Facebook 管理画面サロンオーナー連携

Slide 14

Slide 14 text

3. プロダクト紹介

Slide 15

Slide 15 text

01 オンラインサロンに特化した独自コミュニティツール最適な環境でサロン運営 DMMオンラインサロンでは、独自開発したオンラインサロン専用コミュニティを提供しています。オンラインサロン運営に特化しているため、最適な環境でサロン運営できます。 1,600サロンのうち、約85％のオンラインサロンにてご利用いただいています。

Slide 16

Slide 16 text

02 コミュニティツールでできることテキスト投稿サロンオーナーのペースに合わせて、コラムやつぶやきなどのテキストを投稿できます。会員は、投稿にコメントを残すことができます画像/動画投稿テキスト投稿と同じように画像と動画投稿ができます。ライブが見れなかった会員向けにアーカイブ動画の投稿も可能です。ライブ配信 SALON LIVEアプリと連携して、コミュニティへの動画・音声ライブ配信を簡単に行えます。

Slide 17

Slide 17 text

03 入会・サロン管理画面入退会・会員ステータス管理入会・退会ステータスや課金ステータス、コミュニティ参加名など、サロン会員に関する情報を簡単に確認できます。一斉メール送信機能サロンの会員やコンテンツ購入者に向け、配信日時を指定して一斉メールを送信できます。データ分析会員の入退会数や流入、退会時のアンケートなど、運営中のサロンに関する様々なデータを確認できます。コンテンツ販売テキストや動画、個別交流などのコンテンツを単品で販売できます。その他入会促進、決済管理、承認機能、メルマガ送信機能、フォロワー機能、入退会アンケート機能など豊富な機能が備わっています。

Slide 18

Slide 18 text

4. カルチャー

Slide 19

Slide 19 text

01 開発グループの環境だれもが提案できる事業を成長させるために、一人一人が意識を持って提案できる環境づくりをしていますフラットな環境だれもが提案できるように、  所属チームや職能を超えたフラットな環境を整える提案の流れ作るものを決めるのではなく、誰の何を解決するかでやることを決めるユーザーにインパクトがあるものからの開発を提案するため、予想される効果をもとに優先度を決めるエンジニアがソリューションを決める KPIにどのような影響をもたらしたかを効果測定

Slide 20

Slide 20 text

02 開発グループの環境領域の垣根をなくすチーム全体の技術向上のため、だれもが幅広い領域に挑戦できます挑戦できる環境技術領域の垣根をなくし、チーム全体として技術の向上を目指す垣根をなくす行動幅広い領域にチャレンジできるように、技術領域を固定しないだれでも同じことができることを目指すために、勉強会で知識、技術の共有をするチームで成果を出すことを理想として掲げている

Slide 21

Slide 21 text

03 チームビルディング Wevoxを見る会全社的に導入しているエンゲージメントサーベイ「Wevox」の数値変動をチーム独自で定期的に分析し、チームがよりよくなるためのWedo を決め、みんなで取り組み振り返る会を実施コーヒーチャット週に1回 discordのボイスチャンネルを使ってチームメンバーと1on1でカジュアルに会話ができる機会を設定 dev会開発チームで現状の課題や情報共有、雑談など好きなことを話せるフラットな場を毎週 1h 設定各人が感じているチームへの課題や提案などを、すぐに話せる環境

Slide 22

Slide 22 text

04 チームビルディングオンボーディング事業部長から事業のビジョン/ミッション/バリューを説明プロダクトツアーで、プロダクトの全アクターが疑似体験アーキテクトツアーで、プロダクトコードをウォークスルーペアプロ・モブプロリードタイムを最小化するため、ペアモブを推奨プログラミングに限定せず、モビング活動 5%ルール自身の興味のある技術や知識を広げる時間を設けることで、知識や技術を業務に生かす普段時間の取れないツールや業務改善作業をすることで、プロセスを効率化するチームメンバーがコアの強みを超えたスキルの成長に取り組む

Slide 23

Slide 23 text

5. 開発プロセス

Slide 24

Slide 24 text

01 開発プロセス施策提案要求分析デザイン作成見積もり設計・実装・QA レビューリリース効果測定 1 2 3 4 5 6 7 8 顧客志向の開発ユーザー課題を科学的に理解しながら課題に迅速に対応するためにスクラム開発を用いてイテレーションを回しています開発手法: スクラム

Slide 25

Slide 25 text

02 開発プロセス施策提案要求分析デザイン作成見積もり設計・実装・QA レビューリリース効果測定 1 2 3 4 5 6 7 8 1 施策提案　● 　● 　● だれもが提案できるユーザーストーリーからの提案データ・KPIをもとにした提案 2 要求分析　● 　● 様々なフレームワークを用いて施策の解像度をあげる　　∟ユーザーストーリーマッピング　　∟カスタマージャーニー　　∟プロトタイピングなど PRD

Slide 26

Slide 26 text

03 開発プロセス 3 デザイン作成　● 　● デザイナーがデザインを作成　　∟実際に開発するエンジニアと一緒にUIを考えていくデザインレビュー　　∟デザイン段階でステークホルダーレビューを実施して、　　目指す姿をすり合わせていく（使用ツール：Figma ,Illustrator,Photoshop） 4 見積もり　● POがなにをつくるか説明し、エンジニアが理解した　　上でどうつくるかを考えて見積もりする施策提案要求分析デザイン作成見積もり設計・実装・QA レビューリリース効果測定 1 2 3 4 5 6 7 8

Slide 27

Slide 27 text

04 開発プロセス 5 設計・実装・QA 　● 　● DesignDocでPRDの要件を技術的にどう実現するかを　　考えるペアプロ、モブプロで進めていく 6 レビュー　● 開発したものをPO・ステークホルダーからフィード　　バックをもらう施策提案要求分析デザイン作成見積もり設計・実装・QA レビューリリース効果測定 1 2 3 4 5 6 7 8

Slide 28

Slide 28 text

05 開発プロセス 7 リリース 8 効果測定　● KPIにどのような影響をもたらしたかをRedashで　　効果測定施策提案要求分析デザイン作成見積もり設計・実装・QA レビューリリース効果測定 1 2 3 4 5 6 7 8

Slide 29

Slide 29 text

7. D M M オンラインサロン体制図

Slide 30

Slide 30 text

01 DMMオンラインサロン体制図 DMMオンラインサロンプロダクトマネジメントチームプロダクト開発チームアーキテクトチームオンラインサロン事業部オンラインサロン開発部マーケティンググループセールスグループカスタマーサクセスグループ開発グループ

Slide 31

Slide 31 text

8. 開発取り組み事例・未来

Slide 32

Slide 32 text

01 プロダクトビジョンどんなオーナーでもかんたんに、盛り上がるオンラインサロンをつくれる。私たちが目指すのは、様々なオーナーが、盛り上がるオンラインサロンをかんたんに運営できるプロダクトです。オーナーを中心とした、サロン会員同士の交流や情報・知識の共有を通して盛り上がる仕組みをつくります。

Slide 33

Slide 33 text

02 取り組み事例 iOS課金アプリに入会導線を追加するため、アプリ内課金を実装決済手段が増えてAppStoreからの新規流入も見込めるように下書き投稿・予約投稿機能コンテンツの準備や投稿タイミングなどの運用を便利にし、価値のあるコンテンツを蓄積しやすくする mention機能会員同士のコミュニケーション活性化のためオーナーからダイレクトで呼ばれる特別感を醸成するためライブ配信機能オーナーとリアルタイムにコミュニケーションが取れることで、より身近に感じるようにインフラ環境の最適化（AWS移行）オンプレミスで運用していた入会・オーナー管理画面を今後のスケールに向けた柔軟性、ビジネスゴールが達成できる環境にするため A WS へ移行インフラ環境の最適化（ Fargate移行） Elast icBe anst alkで運用していたものをマネージドなサーバレス環境に移行することでよりサービス開発に注力できるように  - オートスケールによりシステムの可用性が向上

Slide 34

Slide 34 text

03 プロダクトマネジメントチーム（ミッション）プロダクトを軸にサービス全体の価値を向上させる

Slide 35

Slide 35 text

04 プロダクトマネジメントチーム（取り組み）プロダクトの方向性を明確化ステークホルダーと連携し、事業ビジョンと事業ミッションを元にプロダクトの方向性を明確化します。課題発見と改善サービスやプロダクトを定量的に分析し、  重要な課題を定義し、短いサイクルで改善していきます。

Slide 36

Slide 36 text

05 プロダクト開発チーム（ミッション）サービスにフィットしたプロダクトで人生を豊かにするコミュニティを応援する

Slide 37

Slide 37 text

06 プロダクト開発チーム（取り組み）プロダクトの最適化価値の高いコンテンツを発信し続けられるプロダクトにしていきます価値のある機能へ最適化ユーザビリティ向上オーナーの作業効率化、会員の入会促進のため、ユーザビリティ向上を目指します。運用でカバーしていた機能のシステム化サロンメンバーの事前募集を可能にします。プロダクトの抱える課題を解決 Swift移行 Ä iOSアプリの品質向上と品質担保のため、React Native から Swiftへ　移行を行っています。 Ä 完全にSwift移行することで、開発スピードとメンテナンス性を向上させ、内製のメリットである「スピード感のあるビジネス施策」を実行していきます。

Slide 38

Slide 38 text

07 アーキテクトチーム（ミッション）ビジネスをよりスケールさせるために最適化されたプロダクト基盤をつくる

Slide 39

Slide 39 text

08 アーキテクトチーム（取り組み）数年に及ぶ改修・改善による歪な構造の影響で各システム間の処理の流れが複雑で開発当時のドキュメントがない為、リードタイムを悪化させており仕様把握も困難になっています。この分散モノリスの解消によるシステムの疎結合化と市場拡大にともなうビジネスニーズへの対応のため、ストラングラーパターンで順次リプレイスを行っています。現状 : 分散モノリス化未来 : neon 入会・管理画面専用コミュニティサービスライブ配信システム 2016年 2018年 2020年 Microservices + Modular service service service modular 分散モノリスをマイクロサービス+モジュラモノリス化へ

Slide 40

Slide 40 text

9. エンジニア技術スタック

Slide 41

Slide 41 text

01 エンジニア技術スタック Webフロント言語：TypeScript ライブラリ：React, Redux, Redux-Saga CI/CD：CircleCI ログ/監視：Sentry, NewRelic iOS 言語：Swift アーキテクチャ：SwiftUI (Pure SwiftUI) + Redux CI/CD：Bitrise ログ/監視：Firebase バックエンド言語：PHP フレームワーク：Laravel クラウドインフラ・ツール等モニタリング：NewRelic ログ：FluentBit 構成管理：Terraform CI/CD：CircleCI クラウドサービス：ECS Fargate, CloudFront, Aurora MySQL, ElastiCache, ElasticSearch, S3, Lambda,Firelens 専用コミュニティ

Slide 42

Slide 42 text

02 エンジニア技術スタック入会管理画面 Webフロント言語：JavaScript フレームワーク：AngularJS ライブラリ：jQuery css フレームワーク： Bootstrap バックエンド言語：PHP フレームワーク：Zend Framework クラウドインフラ・ツール等モニタリング：NewRelic ログ：FluentBit 構成管理：Terraform CI/CD：CircleCI その他クラウドサービス：ECS Fargate, CloudFront, Aurora MySQL, ElastiCache, Step Functions, EventBridge, S3, Lambda, MediaConvert, SQS, Firelens

Slide 43

Slide 43 text

03 エンジニア技術スタック SALON LIVE iOS 言語：Swift アーキテクチャ：MVVM ライブラリ：RxSwift CI/CD：Bitrise ログ/監視：Firebase クラウドインフラ・ツール等 AWS：Elemental　 MediaLive,Lambda, CloudFront, S3

Slide 44

Slide 44 text

04 エンジニア技術スタック neon Webフロント言語：TypeScript フレームワーク・ライブラリ：Nextjs(App Router), PandaCSS, urql Testing：Jest Hosting：AWS Amplify ビルド：Turborepo Microservices 言語：Go 設計：オニオンアーキテクチャ IDL：Protocol Buffers IPC：gRPC API Gateway 言語： Node.js(TypeScript) WAF：Fastify GraphQL Yoga(gqlサーバ) 設計：オニオンアーキテクチャ (一部省略) IDL：Protocol Buffers, GraphQL IPC：gRPC, GraphQL クラウドインフラ・ツール等モニタリング：NewRelic, Sentry オーケストレーション： ECS Fargate ログ：FluentBit, Amazon Data Firehose 構成管理：Terraform CI/CD：CircleCI

Slide 45

Slide 45 text

10. 働き方について

Slide 46

Slide 46 text

01 リモートワークでのコミュニケーション Discord（事業部） Discordに各部屋を用意し、オフィスと同じ様にいつでも声を掛け合える状態にしています。気軽に雑談ができる「コーヒーブレイク」や「ランチルーム」もあります。ホワイトボードツールリアルタイムに柔軟なコミュニケーションをとれるようにFigJamなどのオンラインホワイトボードツールを用いています。 Slack（全社）オープンなコミュニケーションを取るために、パブリックチャンネルが多く使われています。他の事業情報を得たり、社内の技術コミュニティのやり取りなど活発に利用しています。

Slide 47

Slide 47 text

02 勤務スタイルフレックスタイム制 11:00〜17:00 （休憩時間1時間を含む）コアタイム 08:00〜20:00 フレキシブルタイムデイリースクラムでスプリントゴールを達成できるか検査をし、達成が難しい場合はチームで考え適応しているため平均残業は少ない傾向にあります。残業時間平均 8.5h 平均残業時間副業OK 本業（当社での勤務）以外で仕事をすることができます。 (事前に承認は必要です）

Slide 48

Slide 48 text

11. T e c h V i s i o n について

Slide 49

Slide 49 text

01 Tech Visionとは DMMは「なんでもあり」の事業展開をしていく総合企業です。事業を支えて伸ばしていくための当たり前を技術で支え、新しい当たり前を自ら作って加速していくことを常に志向・徹底しながら新しい技術に挑戦し続けなければならないと考えています。当たり前を作り続ける

Slide 50

Slide 50 text

02 変化を楽しむ

Slide 51

Slide 51 text

12. 評価制度

Slide 52

Slide 52 text

01 評価制度とは等級を基準として個人の貢献を評価し、成長を促すための仕組み等級制度行動評価目標達成評価最終評価

Slide 53

Slide 53 text

02 行動評価とは「等級に応じた影響範囲」「4つのValue」 × おそれず俊敏に動く組織をつくる妥協せず魅力的なサービスをつくる意欲的に成長する自分をつくる論理的な思考で事業をつくる等級に応じた影響範囲と4つのValueを掛け合わせた行動を評価します

Slide 54

Slide 54 text

13. 福利厚生

Slide 55

Slide 55 text

01 技術者向けサポート制度開発メンバーのスキルアップを支援するサポート制度パッケージカンファレンス参加支援最先端の技術や情報に触れて参加者がスキルアップし、その後コミュニティに貢献することも目的に、国内外の指定するカンファレンスへの参加費（チケット費用+宿泊交通費）を負担します。勉強会・コミュニティ支援メンバーそれぞれが、社内・社外問わすに学びを共有できるコミュニティに貢献し、切磋琢磨する相互作用を活性化するべく、コミュニティ活動に対して全般的な支援を行っていきます。リファラル50 リファラル採用の割合を 50%までに高めるために、社員紹介制度を強化しました。 DMMの事業やテックカルチャーに共感する人の採用を増やすことで、より力強いテックチームを作っていきます。書籍購入補助各人のスキルアップや業務促進のため、技術書の購入を部門で負担します。 AWS・ GCP Azure実弾演習場 AWS・ GCP・ Azureを使った環境構築スキル習得のため、月100ドルまで自由に AWS・ GCP・ Azureを使って学習ができます。資格取得支援情報処理技術者試験、 AWS認定ソリューションアーキテクトなど、各種技術関連の資格取得に関して、受験費用を負担します。

Slide 56

Slide 56 text

14. 募集要項

Slide 57

Slide 57 text

01 iOSエンジニア:プロダクト開発チーム必須スキル・経験 iOSアプリ（Swift）開発経験 iOS標準ライブラリ・フレームワークに関する理解歓迎スキル・経験 SwiftUIの開発経験 iOSアプリにおけるFluxライクなアーキテクチャの導入・開発経験アプリ開発環境の構築経験（fastlane, Lint, CI/CD, コード生成等）ゼロからプロダクトを設計/開発した経験（個人開発可）事業課題解決を見据えた技術選定の経験/知識分析し定量データを元に改善アクションに繋げた経験 iOS以外の知識（ReactNative, PHP）スクラム開発経験アプリエンジニアの教育経験

Slide 58

Slide 58 text

02 Webエンジニア:プロダクト開発チーム必須スキル・経験 Webサービスのエンジニア経験クラウド(AWSまたはGCP等)の利用経験歓迎スキル・経験 PHPでの開発経験3年以上 Laravel、Zend Frameworkを利用したバックエンド開発経験 Kubernetes、コンテナ技術の利用経験 React、Vue等を使用したフロントエンド開発経験スクラム開発経験品質を担保するためのテスト設計、デバッグ能力

Slide 59

Slide 59 text

03 Webエンジニア:アーキテクトチーム必須スキル・経験 Webサービスのエンジニア経験クラウド(AWSまたはGCP等)の利用経験歓迎スキル・経験 Go言語での開発経験マイクロサービスアーキテクチャを構築・利用した経験 Kubernetes、コンテナ技術等の利用経験 React、Vue等を使用したフロントエンド開発経験スクラム開発経験品質を担保するためのテスト設計、デバッグ能力

Slide 60

Slide 60 text

04 UI･UXデザイナー必須スキル・経験 Figma、XD、Sketchのいずれかを使用したUIデザイン業務の経験 Slack、Chatwork、Teamsのいずれかを使用した社内コミュニケーションの経験 Photoshop、Illustratorの実務経験歓迎スキル・経験スクラム開発経験複数人のデザイナーと分担して、業務設計し牽引した経験 Human Interface Guidelines・Material Designの理解サービスコンセプト設計・ブランディング・UX設計の経験 GAなどによる数値計測などを根拠とした科学的なUI・UXのカイゼン経験画面遷移図・ユーザー行動分岐図など基本的な情報設計スキルカスタマージャーニーマップ、シナリオボードなど利用した体験の可視化スキルユーザーストーリーの作成やユーザーテストに必要なヒアリング要件をまとめる能力マークアップ経験

Slide 61

Slide 61 text

05 開発ディレクター必須スキル・経験エンジニアと円滑に会話できるコミュニケーション能力プロダクトを成長させたいという強い思いがある方 Web/アプリ開発・システムに関しての基本的な理解要件定義からリリース、保守・運用までプロジェクトの各工程に携わった経験歓迎スキル・経験 WEB/アプリ、システム開発に関する開発ディレクション経験プロジェクトマネージャーとしての実務経験/実績企画営業・エンジニアを含めた会議のファシリテーション経験が多数ある自ら課題を発見し改善提案を起案できる方プロジェクトマネージャーに帯同し、メンバーと協力のうえシステムの下流～上流工程までの一貫した開発業務を遂行した経験スクラム開発の経験、アジャイル開発の理解がある

Slide 62

Slide 62 text

15. 選考プロセス

Slide 63

Slide 63 text

01 選考プロセス 1.カジュアル面談 2.一次面接 3.最終面接 ※リファレンスチェックオファー面談 1.カジュアル面談 ● ● ● マネージャー+現場メンバーが参加選考には関係しないカジュアルな面談転職意欲あるなしに関わらずサロンを知りたい人向けの任意面談 2.一次面接 ● マネージャー+現場メンバーが参加 3.最終面接 ● 事業部長+開発部長が参加 ※リファレンスチェック ● 最終面接後に任意でbackcheck(リファレンスチェック)の依頼をさせて頂く場合ありオファー面談・チームメンバー顔合わせ ● ● 面接フィードバック・入社後の期待値・オファー条件をお伝え実際の働き方をより具体的にイメージできるように同じチームで一緒に働くメンバーとの顔合わせを実施

Slide 64

Slide 64 text

thank you!