!この記事は、CYBOZU SUMMER BLOG FES '26の記事です。「どのリッチテキストエディタを使うか」で 1 週間悩んだのに、「どんな形式でデータを保存するか」は 5 分で決めていませんか？私は、エディタ選定といえば機能表とスター数を眺めるものだと思っていました。こんにちは！サイボウズ株式会社フロントエンドエンジニアの protein_mochi です。この記事では、リッチテキストエディタ（RTE）に触れたことがない方でも分かるように、「エディタ選定で本当に選んでいるのはデータフォーマットである」という話を、簡単な実験を交えてお届けします。!この記事で使う ...

OpenTelemetry と聞くと、サーバーサイドのトレースやメトリクスを集めるためのもの、という印象を持っている人は多いと思います。実際、バックエンドでは OpenTelemetry を使った計装をよく見かけるようになりました。一方で、フロントエンドの監視は Sentry や Datadog のような SaaS の SDK に任せることが多く、OpenTelemetry をブラウザの計装に利用する場面はまだ少ないです。ただ、最近は OpenTelemetry のブラウザ向け SDK の開発が進んでおり、この状況も少しずつ変わりはじめています。この記事では、OpenTelemetr...

!この記事は、CYBOZU SUMMER BLOG FES '26の記事です。 はじめにさて、今年も夏がやってきましたね。みなさん、夏休みの過ごし方はもう決まりましたか？私は「今年こそ積んでた技術書を消化するぞ」とひそかに誓っているのですが、どうせ気づいたらYouTubeで虎とライオンが喧嘩する動画を3時間見ている——そんな未来がうっすら見えています。そんなどうでもいい余談は置いといて、普段ReactでWebフロントを書いているみなさん、App StoreやGoogle Playからアプリをダウンロードするたびに「これ、もしかしてReact Native（以降、RN）でサク...

この記事は、CYBOZU SUMMER BLOG FES '26の記事です。こんにちは！26卒でフロントエンドエンジニア職として入社したコサキンです。内定者バイトでもお世話になった kintone のチームに配属され、わいわい働いています。今回はリッチテキストエディタ（RTE）ライブラリ Tiptap の自動テストがたまに落ちる問題の調査について書きます。 TL;DRProseMirror は contenteditable 要素にフォーカスされると、20ms 後に「エディタ内部の選択状態」を DOM に書き戻すタイマーを仕込むブラウザ上の選択変更は selecti...

この記事は、CYBOZU SUMMER BLOG FES '26の記事です。 はじめにVitest 4.0でVisual Regression Testing（VRT）がサポートされました。このVitest（Browser Mode）でのVRTとGitHub Actionsを組み合わせることで、実際のプロダクトにシンプルなVRTを導入できたので、その方法を紹介します。今回紹介する方法を導入したサンプルのリポジトリを作ったので、詳細な実装が知りたい方はこちらをご覧ください。https://github.com/nus3/vitest-vrt VRT実行の流れVitestに...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。https://blog.cybozu.io/entry/joining-w3c標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事とし...

こんにちは！ サイボウズ株式会社 プロダクトエンジニアの くらっち (@kuracchi04) です。 はじめにサイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。https://blog.cybozu.io/entry/joining-w3c標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの Saji (@sajikix) です。 はじめにサイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。https://blog.cybozu.io/entry/joining-w3c標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ、...

こんにちは！26卒でサイボウズに入社した、かりんとうです。会社ではコサキンと名乗ることにしたので、ニックネームをどう切り替えるか悩みです。早速ですが、最近ルビについて調べる機会があったので、情報を整理するためにもこの記事で紹介します。 はじめにルビ（ruby）は、文字にふりがなや補足情報を付けるための仕組みです。日本では、漫画・小説・教科書・新聞など、さまざまな場面でルビが使われています。ルビは、難読漢字や固有名詞の読みを示し、読者の理解を助けるために用いられることが多いです。縦書きと併用されることも少なくありません。他の国でも使われており、例えば中国では発音を示す拼音（ピ...

デザインシステムを Skills にしたら使いやすくなったサイボウズのプロダクトである kintone では、社内向けに kintone Design System と呼ばれるデザインシステムが提供されています。https://note.com/amishiratori/n/n0d8467106f27AI Agent を用いた開発向けに、このデザインシステムの Skills 化を試みたところ、提供側・利用側ともに非常に取り回しやすい形となったため、事例として紹介します。 デザインシステム x MCPデザインシステムをコーディング用の AI Agent から活用する際、一例...

こんにちは！ サイボウズ株式会社 デザインテクノロジストの saku (@sakupi01) です。 はじめにサイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。https://blog.cybozu.io/entry/joining-w3c標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ、...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの daiki (@daikimkw) です。 はじめにサイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。https://blog.cybozu.io/entry/joining-w3c標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまと...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。https://blog.cybozu.io/entry/joining-w3c標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事とし...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。https://blog.cybozu.io/entry/joining-w3c標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事とし...

こんにちは！サイボウズ株式会社 プロダクトエンジニアのくらっち(@Kuracchi04)です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/12/16 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Node.js: Wednesday, January 7, 2026 Security Releaseshttps://nodejs.org/ja/blog/vulnerability/decembe...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/12/09 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 never が好きhttps://susisu.hatenablog.com/entry/2025/12/04/130842TypeScript のnever型の紹介記事です。条件分...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。https://blog.cybozu.io/entry/joining-w3c標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事とし...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。https://blog.cybozu.io/entry/joining-w3chttps://blog.cybozu.io/entry/w3c-interview-part1https://blog.cybozu.io/entry/w3c-interview-part2標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaikiです。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/10/14のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 React 19.2https://react.dev/blog/2025/10/01/react-19-2React 19.2 がリリースされました。新機能として、 <Activity> コンポーネント、 useEf...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/09/30 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 State of JavaScript 2025https://survey.devographics.com/en-US/survey/state-of-js/2025State o...