みなさんこんにちは、最近リッチエディターのことがとても気になっている@iricoです。突然ですが何かをコピーしてリッチエディターに貼り付ける際に、コピー元の書式がいい感じに反映されることってありませんか？今回はその機能（以降書式付き貼り付けと呼びます）について簡単に説明していこうと思います。※この記事はChorme,MacOSで検証しています。他の環境では違った結果になる可能性があります。 書式が維持されるのはなぜ？まずは、スタイルを維持している基本的な仕組みについて解説していきます。クリップボードは基本的に複数のデータ形式を同時に保存しています。前回の記事でOS側のク...

こんにちは！サイボウズ株式会社フロントエンドエキスパートチームの @nus3_ です。 はじめにサイボウズでは毎週火曜日に Frontend Weekly という「1 週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。今回は、2024 年 12 月 17 日 の Frontend Weekly で取り上げた記事や話題を紹介します。 コピペってなんだろう？Clipboard 編https://zenn.dev/irico/articles/d2782f5ad615f0弊社フロントエンドエンジニアのiricoの記事OS ごとのクリップボードの大ま...

最近は専らwebのリッチテキストエディタの開発をしている@iricoです。そんな折にあることに気づいてしまいました。「コピペって奥が深い…！」ということで、コピペ、つまりcopy and pasteについて詳しく知ろうというのが今記事の目的です。ブラウザへのcopy and pasteは大まかな流れは以下です。①Excelなどの各アプリケーションデータや画像データをCtrl+Cでコピーし、②Ctrl+Vでブラウザにペーストし、③そのデータをアプリケーション側で取り扱うこれら全てを扱うと膨大になってしまうため、今記事ではOSのClipboardを中心に①について解説してい...

!この記事は ソフトウェアテスト Advent Calendar 2024 の 15 日目の記事になります。過去のテストの実行時間を利用してテストの sharding を効率化する Tenbin というツールを作りました。https://github.com/nissy-dev/tenbinこの記事では Tenbin が解決する課題と内部実装の詳細について解説します。ツールの使い方などは、リポジトリの README をぜひ読んでもらえればと思います。 Tenbin が解決する課題テストの実行時間を削減するために、CI などではテストを sharding (分割) して実行...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024/12/10のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 がんばれ！くろーむhttps://x.com/takaswy1981/status/1862029920349966683Google Chromeロゴのアニメプロジェクトです。 WebDriver B...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのおぐえもん（@oguemon_com）です。 はじめにサイボウズでは毎週火曜日にFrontend Weeklyという「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。今回は、2024年12月3日のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 Release Notes for Safari Technology Preview 208https://webkit.org/blog/16285/release-notes-for-safari-te...

こんにちは！ サイボウズ株式会社 フロントエンドエンジニア（内定者バイト）の mehm8128 (@mehm8128) です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024/11/26 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Using React Server Components in Expo Router appshttps://docs.expo.dev/guides/server-...

こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024 年 11 月 19 日 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Deno Deploy で Next.js がデプロイできるようにhttps://x.com/deno_land/status/1849469080257900704?s=12&t=...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024/11/05のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 Add connection() as a new dynamic API by gnoff · Pull Request #69949 · vercel/next.jshttps://github.com/...

はじめまして！ サイボウズ株式会社 フロントエンドエンジニア（内定者バイト）の mehm8128 (@mehm8128) です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024/10/22 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Announcing Deno 2https://deno.com/blog/v2.0Deno v2.0 がリリースされました。v2.0 には次の内容が含まれます。...

こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 はじめにサイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。今回は、2024/10/15 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 PR TIMES フロントエンドの CI パイプラインを改善して、CI 処理時間と Billable Time を 50%を削減した話 | PR TIMES 開発者ブログhttps://develop...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのsaku (@sakupi01)です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024/10/8のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 CSS Values and Units Module Level 5https://alvaromontoro.com/blog/68062/new-values-and-functions-in-CSShtt...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024/10/01のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 WebKit Features in Safari 18.0https://webkit.org/blog/15865/webkit-features-in-safari-18-0/Safari 18.0が...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのsaku (@sakupi01)です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024/09/17のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 2024 WebKit Contributors Meetinghttps://webkit.org/meeting/WebKit Contributors Meeting 2024 の情報が公開されていました...

こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 はじめにサイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。今回は、2024/9/10 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Paragraphs | scottohara.mehttps://www.scottohara.me/blog/2024/08/29/paragraphs.htmlHTML における「段落（para...

https://developer.chrome.com/blog/chrome-129-beta!本記事で取り上げているCodepenは2024-09-06現在、Chrome 129 Betaでのみ動作します。 Chrome 129 BetaChrome 129 Betaが2024-08-21にリリースされました。position-area の名称変更や Intl.DurationFormat の追加といったアップデートが盛り込まれています。本記事では、アップデートの中でも特に実験的な機能のひとつである interpolate-size と calc-size() につ...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのおぐえもん（@oguemon_com）です。 はじめにサイボウズでは毎週火曜日にFrontend Weeklyという「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。今回は、2024年9月3日のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 Nuxt Bridge を活用して Nuxt 3 へ移行しましたhttps://product.st.inc/entry/2024/08/21/141549STORESがNuxt 3への移行を完了した旨を報告...

こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめにサイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024 年 8 月 27 日 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Boosting performance: Faire’s transition to NextJShttps://craft.faire.com/boosting-performance-f...

こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2024/08/20のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 feat(next): next.config.ts by devjiwonchoi · Pull Request #63051 · vercel/next.jshttps://github.com/verc...

!この記事は、CYBOZU SUMMER BLOG FES '24 (Frontend Stage) DAY 20 の記事です。 Baseline とはBaseline というものをご存知でしょうか。Google I/O 2023 にで発表された、API のブラウザ間での互換性を明示するための取り組みです。https://web.dev/baseline/overview日々ブラウザで利用可能な API は増えていますが、ブラウザ間によっても実装状況に差異があります。新しい機能の存在を知ったとしても「で、これは結局もう使っていいの？」という判断は別途必要となります。Ba...