Next.jsからSPAに移行し、Next.jsに戻した話 - Hello Tech

2024/12/02 89 users SPA AutoReserve アーキテクチャ ハロー 変遷

グローバルなレストラン予約サービス、AutoReserveの開発をしているjavascripterです。 今回は、ハローでのautoreserve.comのアーキテクチャの変遷についてお話しします。 概要 AutoReserveは最初Next.jsで構築され、その後SPAに移行し、最終的に再びNext.jsに戻るという珍しい技術選択をしています。 この記事では、各... 続きを読む

Reactベストプラクティス2: SWRを正しく使うには - Hello Tech

2024/07/03 6 users SWR Reactベストプラクティス

javascripter です。ハローでは、初期メンバーとしてプロダクトのローンチ前からAutoReserve の開発に関わっています。 前回の記事に引き継ぎ、筆者が社内で書いている技術ガイドラインについて紹介します。 はじめに ハローでは、高品質なコードを維持し、開発チームの技術レベル向上を図るため、チーム横断的に、有用... 続きを読む

Reactベストプラクティス: react-hooks/exhaustive-depsのエラーを0にする - Hello Tech

2024/07/02 96 users Reactベストプラクティス エラー

javascripter です。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 今回は、筆者が社内で書いている技術ガイドラインについて紹介します。 はじめに ハローでは、高品質なコードを維持し、開発チームの技術レベル向上を図るため、社内で継続的に技術Tipsやガイドラインの整備・蓄積を行... 続きを読む

Page Speed Insightsの改善 「CLSで満点を取る」 - Hello Tech

2024/03/18 25 users CLS AutoReserve 満点 分析基盤 年度

大変ご無沙汰しております、今年度もあと少しです。この記事ではAutoReserveでのCLS改善についてお話します。 Web高速化シリーズ第2弾となります、第1弾「メンバーを巻き込み、分析基盤を整える」も併せてご覧ください。 CLSはきちんと改善を行えば必ず満点の25点を取ることができる、Page Speed Insightsの中でもある意... 続きを読む

ウェブとReact Nativeアプリのコード共通化による同時展開 - Hello Tech

2022/08/29 6 users React Nativeアプリ ウェブ 同時展開 React

javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。今回の記事では、AutoReserveでおこなっているコード共通化の取り組みについて紹介します。 背景 AutoReserveのネイティブアプリはReact Nativeで書かれており、またウェブ版は、Reactで書かれています。 ウェブ版では、R... 続きを読む

Reactでロジックをhooksにまとめないという選択肢 - Hello Tech

2022/05/24 134 users AutoReserve hooks React ローンチ前

javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 突然ですが、Reactを使用する際、コンポネントのロジックや状態が増えてきたとき、みなさんはどうされてるでしょうか。 関数コンポネントでは、一般にcustom hooksとしてまとめて切り出すことが多く行われていると思いま... 続きを読む

なぜNext.jsをやめたのか？ - Hello Tech

2022/04/20 140 users Next.js react-router 経緯 ローンチ前

javascripter です。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 この記事では、AutoReserveウェブ版が、Next.jsを一度採用したがやめ、その後create-react-app + react-routerの構成に移行した経緯を書きます。 ウェブ版開発の背景 AutoReserve はAIが電話予約を代行してくれる飲食店... 続きを読む