for スタフェス Meetup #3 - PJの技術的取り組み公開 https://stafes.connpass.com/event/279671/
OpenSearchを使ってごちクルの検索画面を爆速にする
View Slide
● はじめに● 自己紹介● ごちクルの過去と現在● OpenSearchを使った検索速度改善● おわりにお品書き
ここ一年でごちクルのチームが大きく改善しました。その結果、様々な課題を解決できるようになったので、解決した課題の一つとしてOpenSearch導入で検索の速度を改善したことについてお話します。はじめに
自己紹介● 近藤 心平 (HN.こんぺい)● ごちクルPJ TechPM● 入社2017年● 社内基盤 → ごちクルPJ● PHPer● 最近0.9才の息子にメガネ壊されました
ごちクルの過去と現在
ごちクルとは● お弁当 / ケータリングを中心とした食のECモール● リーズナブルなお弁当から有名店まで幅広く対応● 会議弁当やイベント、学校行事などに利用されています● 商品数: 13,000以上● 2012年から運用
ごちクルの歴史● 2012年にCakePHPでスタート● 2019年にLaravelへリプレイス○ CakePHP 2 -> Laravel 5○ jQuery1.10 -> Vue.js 2.6● データベースは変更なし
ごちクルの歴史● リプレイスした後も課題が残っていた● 全体的にレスポンス速度が遅い○ 特に検索画面の速度が遅い● ユースケースに沿っていないUI● 非同期通信が多くいろんな所でローディングが多い● など
ごちクルチームエンジニアこんどうbackendPdMPMMドメインマスターPdM冷静さNo1PdMSEO担当PdM営業カスタマーサクセス商品開発デザイナー エンジニアに理解力の高いデザイナー関連部署これまでのごちクルエンジニアは僕一人 ...若手のエースbackend
採用が進みチームが拡大!!修正現在のごちクル元CTOPL / backend猫好きbackend / frontend大阪在住backend / frontend若手のエースbackendUX Enhancement Growth & Engagementエンジニアこんどうbackend育休復帰即活躍frontendSEO担当業務委託backend / frontend業務委託backend / frontendPdMPMMデータ分析強いPMMドメインマスターPdM冷静さNo1PdMSEO担当PdM福岡在住PMM営業カスタマーサクセス商品開発デザイナー エンジニアに理解力の高いデザイナー関連部署
直近の改善例OpenSearchを使った検索速度改善
ごちクルの歴史● リプレイスした後も課題が残っていた● 全体的にレスポンス速度が遅い○ 特に検索画面の速度が遅い● ユースケースに沿っていないUI● 非同期通信が多く画面上でローディングが多い● などこの改善について深掘りします。
ごちクルの検索とは● お弁当の検索○ 社内会議で○月○日にn個お弁当が必要○ どんなお弁当があるのか調査 (購入するかは不明)● 全文検索が遅い○ 2012年からデータ構造が変わっていない■ アプリケーションが改善しても、 DBの改善は行われておらず結果として、 indexが効かない、大量のJOINが発生するなどで商品検索が遅い■ 頑張ってRDBで実装していた
OpenSearchの導入による課題解決テキスト検索が早い複雑なSQLjoinが多くindex効かないn+1の発生負荷レスポンス速度↓スケールが楽構造変化に柔軟に対応できるそれ以外にもメリットが!
検証段階ですが、検索速度が10倍早くなった!OpenSearch導入の効果● 期待される効果○ 検索を利用しやすくなることで、離脱が減りエンゲージメントが向上する○ RDBに検索クエリが流れなくなることで、 DB負荷削減やデータ構造のリファクタリングなどが行いやすくなる● 今後期待できる効果○ 位置情報検索と言った新たな検索を追加できるようになる
おわりに● ex-CTO等強いエンジニアのJOINで、これまで着手できなかった課題の改善が進み始めました。● 過去の課題の対応だけでなく、UXをチームを作り新しい取り組みにも挑戦できるようになりました。● 過去の課題の解消や新しいことへの挑戦に興味がある方、ごちクルだと超楽しいです!!
ありがとうございました!!