こんにちは、ずっきーです！フォーム送信時にボタンを非活性（disabled）状態にしても、画面遷移前の短い時間にボタンがクリックできてしまう問題がありました。原因と対策法について深掘りしていこうと思います。 問題の概要ログインフォームで「次へ」ボタンを押すと API を呼び出し、リクエスト成功後に別ページへリダイレクトする実装でした。const onSubmit = async (values: FormValues) => { try { await fetch('/sample', { method: 'POST', body:...

こんにちは、terandard です。Ruby on Rails 8.1 から Job を中断・再開できる Active Job Continuation という機能が追加されました。この機能を利用すると、長時間実行される Job がデプロイなどによって中断された場合でも、再開して続きから実行することができます。https://railsguides.jp/active_job_basics.html#ジョブの継続この機能は job-iteration gem から着想を得て実装されたものです。This took a lot inspiration from Shopify's...

こんにちは、simomu です。今日は Social PLUS 社内で開催している勉強会「Social PLUS Tech Talk」の紹介をします。 Social PLUS Tech TalkSocial PLUS Tech Talk は2週間に1回、開発チームの中から当番の人が最近触った技術や勉強したことなどを発表していく技術勉強会です。「技術勉強会」と称していますが、技術に限らずマネジメントやチームビルディングに関する話も OK になっています。もともとは同じグループ会社の Feedforce 社で行われていた社内勉強会を Social PLUS 社でもやっていきたいと...

概要弊社では、スパイク耐性などを検証するため、k6 による負荷試験環境を Kubernetes 上に構築しています。この記事では 「Argo CD の GUI からワンクリックで負荷試験が走る」 仕組みをどう実装したかを紹介します。 前提条件本記事では以下のバージョンを前提としています。Amazon EKS (EC2) 1.33Argo CDImage v3.3.3Helm Chart 9.4.10k6-operatorImage v1.2.0Helm Chart 4.2.0k6v1.6.1 k6 の実行方法と管理方法の検討k6-...

はじめにhttps://zenn.dev/socialplus/articles/2e16da32f39a0cの続きです。前のブログでは、UPDATE、DELETE、 SELECT ... FOR UPDATE / SHARE のロックを主に紹介しました。そして INSERT 時のインサートインテンションロックがギャップロックを待つことでファントム行のアノマリーを防止すると書きました。本記事では INSERT 時に獲得される インサートインテンション以外の ロックを紹介します。INSERT 時のロックは獲得の仕組みが複雑で、再現が難しいことがあります。特に INSERT ......

はじめにこんにちは、masaki です。現在ソーシャルPLUS では CRM PLUS on LINE という Shopify アプリを開発し、公開しています。CRM PLUS on LINE は一言でいうと、「SNS連携機能やLINE配信機能をShopifyストアに組み込めるアプリ」 です。詳しくは以下をご覧ください。https://crmplus.socialplus.jp最近、このアプリの Shopify ストアへのインストールフローを、従来の認可コードフローから 2024年1月に Shopify が発表した Managed Install へ移行しました。htt...

こんにちは、st-1985 です。先日、「あるモデルの設定値が増えてきたので別モデルとして切り出す」という作業を行いました。その際に切り出したモデルを取得しようとすると別のモデルが取得されるという現象に遭いました。調べていくと原因は自動設定された逆関連付け(inverse_of)と別モデルの関連付けと重複しているというものでした。本記事では上記について書いていこうと思います。 背景：設定値が増えてきたので別モデルへもともと以下のようなSiteとそれに紐づく機能に対する設定のモデルがありました。class Site < ApplicationRecord ha...

エンジニアの仕事において、私たちは日々「教え、教えられる」環境にいます。しかし、技術の進化が加速し、正解のない問いが増えている今、単なる「ティーチング（教えること）」だけでは限界が見え始めています。今、私たちが意識的にシフトすべきなのは、「教える」から「助ける」への転換です。一見似ているこの2つには、決定的な違いがあります。「教える」と「助ける」の構造的な違いまず、この2つのスタンスを整理してみましょう。項目教える（Teaching）助ける（Helping）関係性先生と生徒（上下関係）共に立ち向かうパートナー（並列関係）答えの所在教える側が既に...

こんにちは、koyablueです。最近TanStack Queryのv4 → v5へのアップデート作業を行いました。その際、useInfiniteQueryのrefetchPageというオプションが廃止されており、v4までの「ページを選別してリフェッチする」という挙動をどう置き換えるべきか、いろいろと調査が必要になりました。この記事ではその調査内容と代替実装をまとめます。 useInfiniteQueryとはTanStack Queryが提供するフックで、無限スクロールや「もっと読み込む」など、ページを追加取得して積み上げていくタイプのUIを実装したい場合に使用されます。 ...

こんにちは、tsub です 😄弊社では以前から Argo CD の ApplicationSet と Pull Request Generator を使ってバックエンドリポジトリの PR 単位で独立した環境をデプロイできるプレビュー環境を構築しています。Pull Request Generator を使うと PR 単位で Argo CD Application を作成・削除できるためプレビュー環境の実装に非常に便利ですが、一方でバックエンドリポジトリの PR の状況に依存するため、インフラリポジトリの Kubernetes マニフェストを変更する際に、マニフェスト差分を CI で確認...

okumud です。 はじめにRails で CSV 取り込みや外部 API 連携などの 長時間かかる Job を書いたことがある方は多いと思います。処理対象が少ない場合は問題なく動いている Job が、大量の処理を行ったときに以下のように落ちる経験はないでしょうか。デプロイ時に Job が中断されるJob 中断後、最初からやり直しになる弊社でもまさにこの問題に悩まされていました。本記事では、Rails 8.1 にまだ移行していない環境でも使える job-iteration gem を使って、 「中断されても困らない Job」を実装した話 を紹介します。Rails ...

はじめにこんにちは、zomysan（ https://x.com/zomysan ）です。CircleCI で CI を回していると、ジョブ間でファイルを共有するために persist_to_workspace と attach_workspace を使っている方も多いと思います。install ジョブで node_modules をインストールし、それを後続のテストやビルドジョブに引き継ぐというパターンですね。ただ、この方法はファイルサイズが大きくなると保存や復元に時間がかかりボトルネックになることがあります。今回、persist_to_workspace から node_...

Shopify UI Extensions、初見だとちょっと魔法っぽく見えます。React っぽいコードを書いたら、いつの間にか Shopify の Checkout や Admin の中に UI が生えている。iframe でもない別タブでもない普通に Shopify の画面の一部として存在している……いや、これ普通に考えて怖くない？実はこの仕組み、「とにかく DOM を触らせない」という、かなり割り切った設計で成り立っています。この記事では、Shopify UI Extension って何？なぜそんな厳しい制限があるの？裏で何が起きているの？それっぽいもの...

どうもこんにちは、たくびーです。最近、CIにかかる時間が気になり、その手始めとしてテストの高速化に挑戦していました。今回はそこで得たボトルネックの特定方法と意外なボトルネックについて紹介したいと思います。 推測するな、計測せよかの有名なロブ・パイク氏の「Notes on Programming in C」の言葉を意訳したものです。Rule 2. Measure. Don't tune for speed until you've measured, and even then don't unless one part of the code overwhelms th...

Ruby on Rails のモデル同士の関連付けにおいて、親モデルの保存のタイミングで子モデルも一緒に保存するための設定として autosave オプションがあります。今回は、この autosave オプションの挙動が v8.0.1 → v8.0.2 で少し変わったため、その内容について書きたいと思います。autosave を内部で使用している accepts_nested_attributes_for を使っている場合も影響があります。 何が変わったかリリースノートでは以下のように説明されています。Fix autosave associations to no lo...

はじめに この記事についてリモートワークでテキストコミュニケーションをしていると、「これ何の話だっけ？」となることはありませんか？ Issue番号だけ書かれたメッセージ、リンクのない相談、表記が揺れている説明などなど、当事者同士はわかっていても、後から見た人や周りの人には何のことかわからないことがよくあります。この記事では、「何の話かすぐわかる」テキストを書くための具体的な工夫を紹介します。書く行為は1回ですが、読まれる機会は複数回（×複数人）あります。書くときに1回頑張っておくだけで、読まれるたびに何度も効果が発揮されます。やってみましょう。 書かないこと以下につい...

こんにちは、ずっきーです！普段、Cursorを使って開発業務を行っているのですが、10月末に「Cursor 2.0」がリリースされ、最大8つのエージェントを並列実行できる「マルチエージェント機能」や Cursor独自のコーディングモデル「Composer 1」が使用可能になったりなど嬉しい機能が追加されました。それらの新しい機能の中で今回はAgentがウェブブラウザを操作できる「ブラウザ機能」(以前からベータとしてはありましがCursor 2.0でGA）を使って要素を直接選択してUIの修正を試してみたいと思います👌https://cursor.com/ja/changelog/2-...

こんにちは、terandard です。先日 Rails 8.1 がリリースされましたね。それに合わせて弊社のサービスを Rails 7.2 から 8.0 にアップデートしましたが、その際に発生した問題について共有します。 概要Rails 7.2 で導入された新機能として、Active Record のトランザクション内でジョブのエンキューを行うと、そのトランザクションがコミットされた後にジョブがエンキューされるようになりました。https://railsguides.jp/v8.0/7_2_release_notes.html#ジョブがトランザクション内でスケジューリングされ...

こんにちは、steshima です。クエリパラメータを state として扱い、簡単に URL と同期できる nuqs を紹介します。https://nuqs.dev/執筆時の nuqs のバージョンは 2.7.2 です。 nuqs についてnuqs は URL のクエリパラメータをフックで扱えるようにするライブラリです。React の useState と同じ感覚でクエリパラメータを読み書きでき、URL・ブラウザ履歴・React の状態を自動で同期してくれます。 nuqs 導入前の課題ソーシャル PLUS では、テーブルのページネーションが存在する画面ではページ番号...

こんにちは、simomu です。今日は Puma で処理待ちのまま待機しているリクエストと Puma.stats で確認できる backlog の値の関係を、Puma がワーカースレッドでリクエストを処理するまでの実装を踏まえて調査した話をします。以降は基本的には Puma 6.6 時点での話とし、Puma はシングルモードで使用している前提の話とします。また、最後には Puma 7.0 以降での backlog がリクエストを追加される挙動の変化について話します。 調査の経緯弊社では Ruby on Rails のアプリケーションサーバーとして Puma を使用しています。...