はてぶ・Qiita・Zennのトレンド記事を紹介
Cloudflare Pages Functionsで実現する、Next.jsサイトとSTUDIOサイトの共存方法
はじめにこんにちは、株式会社TERASSのかんです。現在、私たちのWebサイトはNext.jsで構築し、Cloudflare Pagesでホスティングしています。非常に快適な開発・運用環境なのですが、ある時こんな要件が生まれました。「Webサイトは基本Next.jsで運用し
DevinとGitHub Actionsで「画像最適化」をやってみた
はじめにこんにちは、株式会社TERASSのかんです。Webサイトのパフォーマンスにおいて、画像最適化は避けて通れません。しかし、リポジトリにコミットされるすべての画像を手動で最適化するのは非常に面倒で、忘れがちな作業です。「この面倒な作業、AIエンジニアのDevinに丸投げ
[React] 再レンダリングするかどうかの計算コストもタダではない
はじめにこんにちは。株式会社TERASSでエンジニアをしている myrear です。今回は React のパフォーマンスチューニングを行っている中で得られた知見を共有します。 概要React には useSyncExternalStore という、 React 外部の値
Next.js で OpenTelemetry のトレースIDをリクエストID代わりにログに付与する
はじめに先日、Google Cloud Run で動かしている Next.js アプリで、リクエストごとにユニークなID（以降、リクエストIDと呼ぶ）をサーバーサイドのログに付与したいという話が上がりました。リクエストIDがあれば、ログ調査の際などにどのログが同じリクエスト内
株式会社TERASSでSalesforceをやったりやらなかったりしているimslpです。 はじめに皆さんはフローを使っていますか？私は基本的に、レビューのしやすさや開発効率の高さからApexを選択することが多いです。とはいえ、既存のフローのメンテナンスやフローの方が簡
運用DB（MySQL）のPlanetScale → Cloud SQL移行
こんにちは、株式会社TERASSのいわさきです。運用中サービスのDBをGCP環境（Cloud Run, Cloud SQL）へ移行しました。技術的挑戦としては、Next.js (Cloud Run) と Cloud SQL の接続、Prismaのマイグレーション、そして外部デー
Firestore → BigQuery のデータ移動時のQuery timed out
本記事の内容Firestore 内のドキュメントを stream を用いて BigQuery にエクスポートする際に、セッションの持続時間超過と思われる通信切断に遭遇しました。解消までにいくつかの検証を行ったので、その過程を記事にまとめます。 背景以下のようなスクリ
iPhone「低電力モード」で再生ボタンを出さずに背景動画を実現するNext.jsで使えるReact実装
はじめにこんにちは、株式会社TERASSのかんです。Webサイトで動画を表示する際、最も厄介なのがブラウザやデバイス設定による自動再生のブロックです。特にiPhoneの「低電力モード」が有効になっている場合、ユーザーの操作（再生ボタンのタップ）なしに動画を再生することはできま
[pnpm] 直接依存していないパッケージのバージョンを上げたい
はじめにこんにちは！株式会社 TERASS でエンジニアをしている myrear です。GitHub では、リポジトリ内で使用しているパッケージに脆弱性があると Dependabot により通知してくれる Dependabot alerts という設定があります。この設定を
React Compiler v1.0がリリースされました！ 🔖 1
TERASSエンジニアの@shuji_koikeです！昨年弊社のテックブログで同僚の@myrearが"React Forget は何を「忘れ」させてくれるのか"という秀逸なタイトルの記事を投稿したところトレンド入りを果たし、弊ブログとしては快挙と言える数の「いいね」をいただきま
TanStack Form v1.21.3 配列削除で falsy 値が undefined に化けるバグの解析と回避策 🔖 1
配列フィールドを扱っているときに「空文字が消えた？」「0 が undefined になった？」と違和感を覚えたことはありませんか？私も最初は自分のコードを疑いましたが、調べてみるとこれは TanStack Form 側の既知バグ でした（Issue #1439）。この記事では
CDKTF × GitHub Actions × GCP × Cloudflare で Next.js を爆速デプロイ
はじめにCDKTF（CDK for Terraform）を使って、GCP（Cloud Run）にNext.jsをデプロイCloudflareでDNSの設定GitHub ActionsでCI/CDを構築という構成をすぐに立ち上げられるテンプレートを作成しました。ht
[Salesforce] DevOps Centerを導入してみました
こんにちは、TERASSでSalesforceをやったりやらなかったりしているimslpです。今回はDevOps Centerを使って開発からリリースまでのやり方を変えてみた話です。 はじめにこれまでTERASSでは、Partial CopyライセンスのSandboxが1
TERASSのエンジニアの@shuji_koikeです。私は今月から生成AIを活用した新規プロダクトのMVPの開発にアサインされました🙌そんな中、先日YouTubeで見た動画に感銘を受けたので紹介させてください！https://www.youtube.com/watch?v
GitHub Appsを使って組織の全リポジトリ イベントを横断的に検知する仕組みを作る
組織のリポジトリを跨いてeventを監視しつつ、特定のevent発火時に当該リポジトリに対して処理を行う機能を作りたくて調査・検証しました。具体的にはPRのopen/closeを検知して処理を挟んだり、releaseの作成を検知して集計したりなどを想定しています。 調査