Hello Tech

AutoReserve 等を開発する株式会社ハローのテックブログです。スタートアップの最前線から本質的な価値を届けるための技術を紹介します。

Web高速化3 "Page Speed Insightsを見ない"という選択肢

PSIよりも、Core Web Vitalsの改善にフォーカスするべき。PSIのスコアはSEOに直結しないことや、PSIの計測環境が一般的なユーザーデバイスと異なることが主な理由。実際のユーザー体験を反映するCore Web Vitalsの方が、長期的な改善効果を実感しやすいと考…

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

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

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

javascripter です。ハローでは、初期メンバーとしてプロダクトのローンチ前からAutoReserve の開発に関わっています。 前回の記事に引き続き、筆者が社内で書いている技術ガイドラインについて紹介します。 はじめに ハローでは、高品質なコードを維持し、…

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

javascripter です。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 今回は、筆者が社内で書いている技術ガイドラインについて紹介します。 はじめに ハローでは、高品質なコードを維持し、開発チームの技術レベル向上を図る…

Web高速化2 CLSで満点を取る

AutoReserveのPage Speed改善のうち、CLS改善でやったこと。

Web高速化1 メンバーを巻き込み、分析基盤を整える

2023年はWebのページスピード高速化に取り組みました。この記事ではページスピードの現状と推移を正しく把握するためのデータ基盤を整えた件について書きました。

ファイルベースのルーティングによるReact Native開発の未来

javascripter です。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 ハローでは、開発効率の最大化のため継続的に新しい技術を取り入れています。 今回は、AutoReserveのReact Native製アプリにExpo Routerという、Next.jsの…

Twilio Flex による多言語コールセンターシステム構築

uiu です。 株式会社ハローでは AutoReserve を運営していますが、サービスの裏側で飲食店やユーザーのサポートのためコールセンターを運用しています。直近では日本語だけでなく英語等多言語でのカスタマーサポートを提供しています。 昨年、カスタマーサポ…

PostgreSQL + Rails へ PgBouncer を導入してDBメモリ使用量を大幅に改善した話

uiu です。ハローでは普段バックエンド開発をメインに担当していますが、創業以来片手間でインフラも担当しています。 ハローでは、少数精鋭のメンバーの意識をプロダクト開発に集中するため、インフラ面では Cloud Run などマネージドなサービスを最大限に…

React NativeとExpoを活用したネイティブビルド不要のE2Eテストの導入

はじめに はじめまして、株式会社ハローで業務委託として開発をしている@0906kokiです。 今回の記事では、React Nativeで開発されているAutoReserve for Restaurantsで、Expoを最大限に活かしたE2Eテストの導入実装について書きたいと思います。 背景 飲食店…