Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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!!