Slide 1

Slide 1 text

© 2024 Wantedly, Inc. Engagement 事業チーム の開発事情 Jun. 26 2024 - Shingo Tomioka Wantedly Tech Night #2

Slide 2

Slide 2 text

© 2024 Wantedly, Inc. 富岡真悟 (Shingo Tomioka) X: @stomk_ Engagement Growth Squad Webエンジニア (Backend が得意) 自己紹介

Slide 3

Slide 3 text

© 2024 Wantedly, Inc. Engagement 事業の紹介

Slide 4

Slide 4 text

© 2024 Wantedly, Inc. Engagement 事業のプロダクト 今日は主にPerkの話 をします

Slide 5

Slide 5 text

© 2024 Wantedly, Inc. Perk - 毎日にちょっと嬉しい特典を提供

Slide 6

Slide 6 text

© 2024 Wantedly, Inc. チーム構成と技術構成

Slide 7

Slide 7 text

© 2024 Wantedly, Inc. ● PdM 1人 ● デザイナー1人 ● Webエンジニア 2~3人 チーム構成

Slide 8

Slide 8 text

© 2024 Wantedly, Inc. ● Rails + React ● モノレポ ● ルーティングは Rails で ● ページ初期表示用のデータは DOM に注入してJSで読み取り 技術構成

Slide 9

Slide 9 text

© 2024 Wantedly, Inc. 今日のテーマ 「バックエンドとフロントエンドの協調開発」

Slide 10

Slide 10 text

© 2024 Wantedly, Inc. ● バックエンドとフロントエンドはあまり明確に担当を分けていな い ● そんなに大きくない開発であれば、領域を気にせずアサイン ● 大きめの開発だと、ゆるやかにフロントエンド得意な人とバック エンド得意な人でタスクを分担する バックエンドとフロントエンド

Slide 11

Slide 11 text

© 2024 Wantedly, Inc. ● 施策へのメンバーアサインの調整コストが減る ● 複数の施策を並行して走らせやすくなる ● 既存機能がどう実装されているかをみんなだいたい把握して いるので設計の議論がしやすい ● 要するに、機動力が出る ○ まだ成長途上の若いサービスなので機動力大事 担当を分けていないことで得られるメリット

Slide 12

Slide 12 text

© 2024 Wantedly, Inc. ● コードサイズの小ささ ○ まだ若いサービスなので ● オーソドックスな技術構成 ○ Rails も React も枯れてる。そこまで難しい技術は使っていない。 ● デザインシステムライブラリ ○ フロントエンド得意じゃない人でも、簡単に見た目やアクセシビリティが考慮された UIが作 れる 担当を分けないことを可能にしている要素

Slide 13

Slide 13 text

© 2024 Wantedly, Inc. ● たまに Wantedly 本体の側でがっつり機能開発するときは、 フロントエンド得意な人がいないとちょっとつらい ● フロントエンドのツールやライブラリの導入・アップデートが属 人的になっていて、止まりがち 困っていること

Slide 14

Slide 14 text

© 2024 Wantedly, Inc. ● Perk は比較的オーソドックスでシンプルな技術構成 ● フロントエンド・バックエンドはそんなに担当を分けずに開発す ることで機動力を出している ● とはいえフロントエンド得意な人もほしいです... まとめ

Slide 15

Slide 15 text

© 2024 Wantedly, Inc. We’re hiring!!