こんにちは! サイボウズ株式会社フロントエンドエンジニアの 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の文字列操作の中でも普段使いしやすいものをピックアップして、細かいテクニックを交えながらお...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/07/29 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Stylus が npm レジストリから削除された件https://github.com/stylus/stylus/issues/2938Stylus が npm レジストリがから削...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/07/22のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 Next.js 15.4https://nextjs.org/blog/next-15-4Next.js 15.4 がリリースされました。主な変更点は以下の通りです。Turbopackビルド（next ...

!この記事は、CYBOZU SUMMER BLOG FES '25 の記事です。こんにちは、フロントエンドエンジニアの mehm8128 です。今回は敢えて、a11y 上の理由から Deprecated になった HTML と ARIA をまとめてみようという記事です。 Deprecated の定義今回 "Deprecated" は、基本的に MDN において Deprecated の表示があるものを指すこととします。ただし、MDN からも既に削除されているものについては例外となります（＝ Deprecated の表示がないけど今回の定義に含みます）。MDN の "Dep...

!この記事は、CYBOZU SUMMER BLOG FES '25の記事です。 自力で計算なんてしたくはないけども皆さんは自力で UTC と特定のタイムゾーンの間の時差の計算をしたことはありますか？そもそも、システムのタイムゾーンと UTC の時差を計算するだけなら Date オブジェクトを利用すれば簡単に計算できますから、自力で計算する必要はありませんね。const date = new Date();const utcOffset = date.getTimezoneOffset(); // 分単位で取得console.log(`UTCとの時差: ${utcOffs...

こんにちは！サイボウズ株式会社フロントエンドエキスパートチームの @nus3_ です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/06/24 の Frontend Weekly で取り上げた記事や話題を紹介します。 Roo Code 3.21.4 Release Noteshttps://docs.roocode.com/update-notes/v3.21.4Roo Code 3.21.4 がリリースClaude Code Provider...

こんにちは！サイボウズでデザインテクノロジストをしている saku (@sakupi01) です。2025/06/05~06 にオランダのアムステルダムで開催された CSSDay 2025 に参加してきました🎨✨https://cssday.nl/CSSDay は 2013 年から計 11 回開催されている、世界最大級の CSS に特化した伝統あるカンファレンスです。例年、世界的にみても著名なエンジニアや仕様策定者が登壇しています。All Speakers & MCs聴講したセッションを抜粋して軽いまとめ＆感想、スピーカーや参加者と個人的にディスカッションしたこと...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/06/10 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Intent UIhttps://intentui.com/React Aria Components ベースの、 shadcn/ui っぽくコピペして使用できる UI ライブラリです...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのsaku (@sakupi01)です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/05/20のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 React Compiler RC – Reacthttps://react.dev/blog/2025/04/21/react-compiler-rcReact Compiler の Release Cand...

こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025 年 4 月 22 日の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 あらためて理解する ArrayBuffer - JavaScript でバイナリデータを扱う方法https://ics.media/entry/250408/JavaScript における A...

こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025 年 4 月 15 日の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Intent to ship: Temporalhttps://groups.google.com/a/mozilla.org/g/dev-platform/c/RtsRo93ygO4/m/2Y...

こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 Trapping misbehaving bots in an AI Labyrinthhttps://blog.cloudflare.com/ai-labyrinth/Cloudflare が、不適切な AI クローラーやボットを混乱させ、リソースを浪費させる新しい対策手法「AI Labyrinth」を発表しました。この機能は、不適切なボット活動を検出すると、AI が生成したリンクページの集合を自動的にデプロイします。カスタムルールを作成する必要はなく、無料プランを含む全ての顧...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのsaku (@sakupi01)です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/03/25のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 CSS Form Control Styling Level 1 First Public Working Drafthttps://www.w3.org/TR/css-forms-1/https://list...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/03/11のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 Prisma 6.4.0https://github.com/prisma/prisma/releases/tag/6.4.0Prisma 6.4.0がリリースされました。主な更新内容は次の通りです。T...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのsaku (@sakupi01)です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/03/04のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 Intent to Experiment: Interest Invokershttps://groups.google.com/a/chromium.org/g/blink-dev/c/LLgsMjTzmAY/...