デザインシステムを 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...

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

!この記事は、CYBOZU SUMMER BLOG FES '25の記事です。 はじめに2025年8月末にStorybook公式のMCPが登場しました。これがMCP Addonです。https://github.com/storybookjs/addon-mcpまた、Storybook MCPに関するさまざまな議論も行われています。本記事では、Storybookの公式MCP Addonの機能とAgentic Workflow、そしてDesign Systems with Agentsという提案について解説します。 Storybook MCP AddonとはStory...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/09/15 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 A deep dive into Cloudflare’s September 12, 2025 dashboard and API outagehttps://blog.cloudfl...

こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 Interop 2026 proposal selection processhttps://github.com/web-platform-tests/interop/blob/main/2026/selection-process.mdブラウザ間の相互運用性を向上させる Interop 2026 の提案募集が開始されました。Apple、Google、Mozilla など主要ブラウザエンジンベンダーが参加し、9 月 4 日から 24 日まで提案を受け付けています。提案は GitH...

!この記事は、CYBOZU SUMMER BLOG FES '25の記事です。 大量コードのマイグレーション with AI「アーキテクチャの刷新のため、1000 ファイルほどを書き換えてください」こんな要件が明日あなたの手元にも飛び込んでくるかもしれません。私には先日飛び込んできました。でも今の時代、我々には AI があります。AI に全部やってもらいましょう！いやー、便利な時代でよかったよかった！ 本当にうまくいく？ということで、意気揚々と AI ツールを使って大量ファイルの書き換えにトライしてみると、実際にはなかなか厳しい点が見えてきます。 実行の遅さ...

この記事は、CYBOZU SUMMER BLOG FES '25 の記事です。 はじめにサイボウズのkintoneというプロダクトでは、2021 年からフロントエンド刷新を進めています。https://blog.cybozu.io/entry/2022/02/04/171154このフロントエンド刷新では「フロントエンドに Autonomy をもたらす」ことを目指して、次のような取組も行なっています。モノリスな構成からの脱却アーキテクチャとチーム（組織）体制をセットで考えるチーム単位の Monorepo によりオーナーシップを明確にフロントエンド刷新によって kint...

!この記事は、CYBOZU SUMMER BLOG FES '25の記事です。 はじめに夏も終わりに近づいてきましたね。みなさん夏休みはいかがお過ごしでしょうか？海に山に、はたまたエアコンの効いた部屋でJavaScriptでコーディング三昧もアリかなと思ったりもします。ところで、コーヒー片手にコードを書きながら、「うわっ...私のJavaScript、古すぎない...？」とふと思ったことがありませんか？ECMAScript 6(以下ES6)が正式リリースされた2015年からかれこれ10年も経ちましたね。ES6はPromise、クラス構文やアロー関数など強力な機能を一気に導入し...

!この記事は、CYBOZU SUMMER BLOG FES '25の記事です。「アニメーションのテストは、開始と終了の状態だけをチェックすればいい」最初は、滑らかに動く UI を見て、「テストの開始と終了しか見ていないなんて、全体像を見逃していないか？」なんて疑問に思ってました。今となっては「まあ、そうだろうな」と何となく理解しつつも、ちゃんと全体的な理由をまとめたことはありませんでした。こんにちは！サイボウズ株式会社フロントエンドエンジニアの protein_mochi です。この記事では、なぜアニメーションの「フレーム単位」をテストすることが非現実的で、代わりに取れる方...

!この記事は、CYBOZU SUMMER BLOG FES '25の記事です。こんにちは！サイボウズ株式会社フロントエンドエンジニアの おぐえもん（@oguemon_com） です。サイボウズの技術ブログの夏フェス・CYBOZU SUMMER BLOG FES '25が7月14日(月)から始まってます！企画の一環として、フロントエンドの記事が9月いっぱいまで毎週木曜日に投稿されますので、みなさんお楽しみに！今回は、コーディングに手放せない存在の1つ「文字列」をテーマに、JavaScriptの文字列操作の中でも普段使いしやすいものをピックアップして、細かいテクニックを交えながらお...