TerraformとTerraform Cloud Businessを導入してインフラ環境の構築・運用を改善してみた

ぐるなびを支える技術 【執筆者】小野

こんにちは。データ・AI戦略部 SREチームの小野です。 2020年8月に中途で入社し、管理画面やAPIの開発、インフラ構築、サービス改善などに携わってきました。

SRE(Site Reliablity Engineering)チームでは、サービスやプロダクトの信頼性の向上を図るために、業務プロセスの改善に日々取り組んでいます。システム運用の自動化・効率化も職務の一つで、最近は特に「インフラ構築・運用の改善」に力を入れています。

弊社では、お客様の嗜好に合わせた「食」の情報を「ぐるなび」サイトなどのサービスからお届けしており、これらのサービスは、クラウドやオンプレといったインフラ環境で動いています。言い換えれば、「インフラ環境がなければ、サービスをお届けすることができない」ということになります。そのため、インフラ構築・運用の改善は、サービスの品質やお客様満足度を向上させるものであり、SREチームの務めだと感じています。

本記事では、TerraformとTerraform Cloud Business(以下、TFCB)を導入して、チーム内のインフラ構築・運用の課題を改善した話をお伝えしたいと思います。

続きを読む

ぐるなびのレストラン検索でフロントエンドのパフォーマンスを150%UPさせるために実施した５つのこと

ぐるなびを支える技術 【執筆者】秋山

こんにちは、フロントエンドエンジニアの秋山です。 主にレストラン検索サービスのフロントエンドのテックリードをしています。

ぐるなびのレストラン検索は2021年10月にフルリニューアルしました。 レスポンシブウェブ対応、地図検索機能の拡充、絞り込みの改善、検索の高速化と盛り沢山のプロジェクトとなりました。これからも随時アップデートをかけて、より早くより使いやすい検索を提供していきますので、これからもよろしくお願いします。

さて、今回はリニューアルに当たってフロントエンドのパフォーマンスを上げるために試行錯誤して、比較的効果の大きかった施策をいくつかピックアップしてお伝えしていきます。

目次

  • レストラン検索のフロントエンド構成
  • パフォーマンスの改善
  • インラインSVGをやめる
  • ファーストビューから非同期コンポーネントをなくす
  • re-export をやめる
  • クライアント JavaScript のロジックを サーバサイドへ移動
  • GraphQL クライアントライブラリの利用をやめる
続きを読む

約 3 ヶ月毎日社内の Slack に SEO の情報を流して会社の SEO 知識レベル向上させてみた

組織開発 【執筆者】小林

こんにちは、開発 Unit 10 の小林(@0rga)です。

普段は React や Node.js による開発を主としておりますが、以前 SEO 施策の開発実装に多く関わっていた時に SEO の楽しさに気が付き、そこから SEO の動向を追うのがひとつの趣味になっています。

TL;DR

  • Slack で SEO の情報発信チャンネルを作ってみんなを呼び、毎日アウトプットしたよ
  • 後にチャンネルでとったアンケートで、SEO への理解が深まったり、苦手意識が薄れたという声を貰えたよ
  • チームや会社に SEO への理解が欲しい人にはオススメの方法だよ
続きを読む

検索アルゴリズム改善における機械学習の活用　〜MLOpsについて〜

ぐるなびを支える技術 【執筆者】田中天

はじめに

こんにちは。 CX部門 データ・AI戦略室 データ戦略Gの田中です。

ぐるなびには2018年に新卒として入社し、レコメンドエンジンの開発や在庫・予約関連のデータ分析等に携わってきました。

現在は主に検索結果の並び順アルゴリズムの改善を行っています。 私たちのチームではアルゴリズム自体の改善に伴い、MLOps（機械学習の運用改善）にも取り組みました。

今回は、

  • MLOpsとは
  • どうやって導入したか
  • 導入で何が得られたか

についてお話ししていきたいと思います。

続きを読む

AWSでクラウドネイティブアーキテクチャを使用したシステム構築

ぐるなびを支える技術 【執筆者】荒海

こんにちは。戦略推進室の荒海です。

ぐるなびでは、アドシステムやレコメンドの開発に携わったのち、今の部署ではデータ戦略として、データを使ったサービスのAPI提供などを開発しています。
現在、AWS上で動作する店舗情報提供APIの開発を行っています。リクエスト数が多いので、大量のリクエストに対して、それを捌く構成なども書こうと思います。
AWS上で動くAPIの開発を行おうとしているけど、どういう構成にするといいのか悩んでいる、とか、どういうサービス使えばいいのか全然わからない、という人の参考にもなればと思います。

その中でお伝えしたいトピックとして、クラウドネイティブで運用している部分を切り取ってみました。

目次

  • どうしてクラウドネイティブなのか
  • クラウドネイティブで良かった点
  • クラウドネイティブで大変だった点
  • これからの展望
続きを読む

レガシーなシステムとの向き合い方 ~ リニューアル案件を通して

ぐるなびを支える技術 【執筆者】まっきー

本記事はぐるなびで、飲食店掲載ページ(以下、店舗ページ)の開発を担当している店舗チームがお送りします。



はじめに

ぐるなびはWebメディア業界の中では老舗で、技術的負債やレガシーな運用・開発フローが多数残っています。
今回はそんな中、ぐるなびのエンジニアがそういった技術的負債にどう立ち向かっているのかを紹介します。

続きを読む

ぐるなびにあった２億ファイルをAWSにデータ移行しました

ぐるなびを支える技術 【執筆者】滝口

ぐるなびにあった2億ファイルをAWSに移行しました

こんにちは！店舗開発チームの滝口です。

ぐるなびでは、認証・認可のプラットフォーム開発に携わったのち、現在はレストランデータの運用をしつつ、ぐるなび掲載ページや、店舗向け管理画面の開発をしています。

はじめに

このたび、オンプレで稼働していた「非構造化データストレージ（通称：UDS）」をAWSに移行しました。
UDS は NAS に保存されているファイルを REST API を介して CRUD 操作できるシステムで、ぐるなびで掲載している店舗の画像や CSS 、Javascript 等の保存に利用されています。
この記事では NAS に保存されたファイルをどのようにして AWS に移行したのか、その移行方式や AWS アーキテクチャを紹介します。

続きを読む