マガジンのカバー画像

食べログ開発記

18
運営しているクリエイター

記事一覧

フロントエンドでmonorepoを採用してみた振り返り

はじめにFEチームの遠藤です。 先日リリースした食べログノートでは、FEチーム初の試みである …

React DnDの基本的な使い方紹介

こんにちは、食べログフロントエンドチームの佐々木です。 5月初頭にリリースした食べログノー…

エンジニア1年目でApolloを使って良かったこと

こんにちは、元FEチームの城戸です。(現在は他チームに所属していますが、去年新卒入社して8…

GraphQLのエラー設計について

こんにちは、食べログフロントエンドチームの荒川です。 先日リリースした食べログノートとい…

React Hook FormとZodを組み合わせて利用する

こんにちは。食べログ フロントエンドチームの原田です。 現在担当しているプロジェクトで、R…

Next.jsにSentryを導入した際の課題と解決策について

はじめまして、2021年11月に食べログFE(フロントエンド)チームにジョインした遠藤です。 Next…

Renovate の PR を 89% 自動マージして楽している話

はじめにこの記事は食べログアドベントカレンダー2021の 18 日目の記事です。 食べログ FE チームの @hagevvashi です。 食べログでは 2021年7月から Renovate を運用しています。 Renovate は月に 50 件近い PR を出してきますが、半年近く溜めずに運用を続けられています。 もちろんこの量の PR を一つ一つ動作確認してから手でマージしているわけではありません。自動マージを活用して楽に運用しています。 この記事ではどのように自

OpenAPIとMSWを組み合わせてAPIモックしている話

この記事は食べログアドベントカレンダー2021の10日目の記事です。 こんにちは。食べログ フ…

開発にペアプロを導入した話

こんにちは。食べログFE(フロントエンド)チーム の佐々木です。 FEチームでは今後の開発を基本…

Atomic Designをやめてディレクトリ構造を見直した話

こんにちは。フロントエンドチームの金野と申します。 食べログでは現在、React+TypeScriptで…

食べログフロントエンドのリプレース戦略

この記事は食べログ Advent Calendar 2020の10日目の記事です。 お久しぶりです。食べログフ…

食べログで取り組んでいるWebアクセシビリティについて Part2

この記事は食べログ Advent Calendar 2020 7日目の記事です。 こんにちは、食べログフロント…

SassからCSS Modules、そしてstyled-componentsに乗り換えた話

この記事は食べログアドベントカレンダー2020の2日目の記事です。 こんにちは。食べログFE(…

React部分導入時の開発・検証環境紹介

この記事は食べログアドベントカレンダー2020の1日目の記事です。 2020年も残り1ヶ月になりました。早いものですね。 この記事を執筆するのは、食べログでフロントエンドチームに所属する@hagevvashiです。 はじめに食べログではRuby on Rails(以下RoR)を用いており、サイトの大部分がRoRによってHTMLのレンダリングまで行われています。JavaScriptでの実装はほとんどがjQueryなどを用いた非宣言的なものとなっています。 歴史あるサー