リーナー見積チームの黒田です。
今回は、5月にリーナーが協賛するカンファレンス2本のお知らせと、最近社内で話題になったHTTPヘッダーの話です。
フロントエンドカンファレンス名古屋 2026
5/9(土)開催の フロントエンドカンファレンス名古屋 2026 にゴールドスポンサーとして協賛します。ブースも出しますので、ぜひお立ち寄りください。
リーナーでは複数のフロントエンドアプリケーションを運用しており、認証・型定義・UIの統一など、フロントエンド横断で考えたい話題がいくつもあります。そうした設計や運用の話を、同じような悩みを持つ方とブースでざっくばらんに話せたらと思っています。
名古屋でのフロントエンドカンファレンスは今回が初開催ということで、リーナーとしても楽しみにしています。当日はブースでお待ちしています。
- 日程: 2026年5月9日(土)
- 会場: ウインクあいち
関ケ原Ruby会議01
5/30(土)の 関ケ原Ruby会議01 にもゴールドスポンサーとして協賛します。こちらもブースを出します。
また、弊社の 森塚三矢大阪守真年 @sanfrecce_osaka が 武将 のひとり「西軍 先鋒」として登壇予定です。
リーナーはエンタープライズ向けの調達・購買SaaSを開発しており、業務ドメインに深く入り込んだプロダクトならではの設計や運用の難しさを日々感じています。Rails アプリをどう育てていくか、複雑な業務ドメインをプロダクトにどう落とし込んでいるかなど、ブースではいろいろな話題を持ち寄れたらと思っています。
関ヶ原という地で開かれる初めての地域Ruby会議、どんなイベントになるのか楽しみにしています。当日は登壇とブースの両方でお待ちしています。
- 日程: 2026年5月30日(土)
- 会場: 関ヶ原ふれあいセンター
武将より口上
我こそは河内国の武将、森塚三矢大阪守真年也。 関ケ原の戦場にて、型の領地安堵を実現せんとするため出陣いたしまする。 図らずして先鋒対決は型によるものと相成りましたが、東軍の先鋒かじっくす殿は令和六年のかいぎおんれぃるずにおける戦にて勇名を馳せた剛の者。 強敵にござりまするが相手にとって不足はござらぬ。遅れを取らぬよう身命を賭して戦に望みましょうぞ。我の戦働き、関ケ原にてご照覧あれ。
令和の言葉
西軍の武将、森塚(@sanfrecce_osaka) です。 関ケ原Ruby会議 で Ruby を使った開発において型に思いのある人、詳しい人でなくても型の恩恵を受けられる状態を実現するための道筋を探る発表をします。 図らずして先鋒はどちらも型のトークとなりましたが、東軍の先鋒 @kazzix14 さんは 2024年の Kaigi on Rails で発表された方。 強敵ではありますが。遅れを取らないよう全力で発表に臨みます。ぜひ 関ケ原Ruby会議 にお越しください。
最近気になったHTTPヘッダー: Clear-Site-Data
ここからは技術ネタを少しだけ。 最近社内で話題に挙がったのが Clear-Site-Data というHTTPレスポンスヘッダーです。
サーバーから
Clear-Site-Data: "cache", "cookies", "storage"
のように返すと、そのオリジンに紐づく cookie / localStorage / sessionStorage / cache を、ブラウザ側でまとめてクリアしてもらえるヘッダーです。"*" を指定すると対象全体をクリアできます。
Webアプリのログアウト処理では
- サーバー側のセッション破棄
- クッキーの失効処理
- localStorage / sessionStorage のクリーンアップ
- Service Worker のキャッシュ整理
といった処理を、漏れなく書いていく必要があります。一つずつ丁寧にクリアする実装でも問題はないのですが、「ログアウト後に状態が残らない」ということをレスポンスヘッダー1行で宣言できるのは、意図が読み取りやすくて良いなと感じています。
一方で、利用時にはいくつか気をつけたい点もあります。
cacheのクリア範囲や挙動はブラウザによって差があるため、事前の確認が必要"executionContexts"はブラウザサポートが限定的- Service Worker と併用する場合、キャッシュの扱いを整理した上で採用したい
ログアウト時の状態クリアを見直すタイミングで選択肢に入れてみても良さそうなヘッダーだと思います。
詳細は MDN を参照してみてください。
Clear-Site-Data header - HTTP | MDN
おわりに
5月は名古屋と関ケ原のブースでお待ちしています。リーナーの開発者と話してみたい方は、ブースでも、それ以外でも、お気軽にお声がけください!