フリマアプリの「ウェブ」を使いやすく、ラクマ開発課に突撃してきました【働くかたち】

みなさん、こんにちは。R-Hack編集室です。

楽天グループに2016年から参加したフリマアプリ「フリル」は現在、ラクマとして個人間売買のサービスインフラをユーザーのみなさまに提供しています。 このチームは現在、iOS/Androidアプリを中心としてフリマアプリとしての利便性を追求して日々改善を重ねているという状況です。

今回、インタビューしたのはウェブフロントエンドの開発を手がけるチームです。アプリ中心のフリマアプリにあって、ウェブインターフェースならではの問題に取り組む姿をECインキュベーション開発部 ラクマ開発課 Webフロントエンド開発チームのKissyさん、Keitaさん、Zoeさんにお聞きしました。

ーーお三方の自己紹介からお願いできますか?

f:id:R-Hack:20211210093222j:plain

Kissy:2016年にフリルの運営会社であった株式会社Fablicに入社し、2018年より楽天籍になりました。現在は複数チームのエンジニアリングマネージャを務めており、その中のひとつがウェブフロントエンドチームです。ウェブフロントエンドチームは、自分が提案して立ち上げたチームなので、思い入れも一入です。

f:id:R-Hack:20211210093250j:plain

Keita:2020年1月に中途入社しました。入社以来、ユーザーさんにお得な情報をお届けするクーポン・お知らせ・メールなどを効率的に配信するマーケティングツールのサーバーサイドを開発を行いつつ、兼務でウェブフロントエンドのリプレースを行っています。

f:id:R-Hack:20211210093311j:plain

Zoe:2019年9月に中途入社しました。楽天ペイや他社サービスとの連携といったラクマのお金の部分に関する開発を担当しています。主にユーザーさんが直に触れる機能についての、サーバーサイドの開発を行いつつ、私も兼務でウェブフロントエンドのリプレースを行っています。

ーー現在チームで担当されているお仕事を教えてください

Kissy:楽天グループのフリマアプリ「ラクマ」のウェブフロントエンドを開発しています。現在、エンジニア6名、プロデューサ1名で、正社員は全員が兼任です。業務委託の方にも週3日程度入ってもらっています。

ーーラクマは元々「フリル」というサービスが楽天グループに入って立ち上がりましたよね。このチームが立ち上がった経緯はどのようなものだったのですか?

Zoe:そもそもラクマにはウェブとアプリの両方があるのですが、すべてが同期できているわけではありません。2012年当時のウェブ技術で作られたものにトラッキングや広告の仕様がアドオンされ、ウェブのパフォーマンス劣化やアプリとの機能差分が顕著になってきていたんです。

ーーどうしてもウェブは後回しになりそうですよね

Kissy:はい、いわゆるレガシー技術が複雑に入り組んでいるところなので、開発者としては改修するモチベーションが必要だったんです。ただ、ウェブパフォーマンスが改善されれば、新機能も実装しやすくなるだろうということでウェブの技術リプレースを決意してこのチームが発足しました。

ただ、ウェブフロントエンドをリプレースする技術のベースがそれまでのラクマの開発体制になかったため、私が知っている範囲で「できそうな人」という観点で声がけしました。

最初にリリースしたプロダクトは「古物営業法に基づく表記」という、大事ではありますが一番PVが少ないページで、技術のベースを整え、テストコードとかストーリーブックとかデプロイ方法をどうしようとかディスカッションしたりややこしい問題にぶつかったりしながらやっとリリースできました。

ーーなんだか映画みたいな立ち上がりですね

Keita:ラクマのプロダクション(本番環境)で使ったことがない技術であっても平然と「知らなきゃ解決するまでトライすればよい」姿勢で突破するところが頼もしいと感じています。けど、定例ミーティングは茶々を入れながら和やかにやっていますよ。

f:id:R-Hack:20211210093332j:plain

ーーところでチームメンバーに求められる要件ってどのようなものですか

Keita:フロントエンド開発にはVue.jsを取り入れています。現在のところですが、SPA(シングルページアプリケーション)を目指しているというわけではなく、MPA(マルチページアプリケーション)を作るという方針なので、状態管理やルーティングなどの複雑なアプリケーション構成管理は行っていないことから、フロントエンド技術としてはVue.jsでページを作成できるスキルがあれば問題ありません。

ただし、ラクマの長い歴史があるウェブの構造を紐解きそれを適切にVue.jsに置き換えるという意味で、Ruby on Rails(もしくは類するサーバーサイドフレームワーク)の知識やコードリーディングの高いスキルが必要になってきます。

また、フロントエンドからバックエンドに対して効率的にデータを取得するために、API GatewayとしてGraphQLサーバ(Docker / k8s)を作っているのですが、GraphQLやそのさらにバックエンドのマイクロサービスに対する見識があれば、より有難いですね。

ーースキル以上にカルチャー的な部分で求められる要素も多そうです

Kissy:そうですね、現在全員が兼任ということもありますが、自発性はかなり求められます。積極的にアイディアを出したり、ディスカッションできる人だととても助かります。相談も、0ベースではなく、ある程度意見を持ってきて提案するとか最終確認をするくらいがちょうどいいですね。

まずは、フルタイムでウェブフロントエンドにコミットしてくれる人材を社内外両方の観点から探して確保している状況です。そして技術的なリプレースとウェブパフォーマンスの改善を行いつつ、もっと攻めの姿勢で事業に貢献できる姿を模索していきたいです。例えば、ウェブはオーガニックな商品検索からの流入先として機能しつつ、よりLTV(生涯顧客価値)の高いモバイルアプリへ誘導していったり、モバイルアプリを使わなくてもウェブだけで便利に使えるようにしたり、といったことですね。

ーーチームのコミュニケーションはどのようにされていますか

Zoe:現在は隔週で定例を実施しています。タスクベースの進捗報告だったり、ウェブパフォーマンスの定点観測などが議題です。お酒好きなメンバーが多いので、以前はリアル飲み会もやっていたのですが、コロナが落ち着いたらまた再開したいですね。

ーー最後に、この記事を読んでくれている人へ一言お願いします

Zoe:もしご興味があって応募に迷うことがあれば、まずはカジュアルにお話できたらと思います!(Wantedly採用情報 URL: https://www.wantedly.com/projects/694987

ーーありがとうございました!