ken7253's Avatar

ken7253

@ken7253.bsky.social

フロントエンドエンジニア、ブラウザ・ゲーム・音楽が好き。

72 Followers  |  145 Following  |  389 Posts  |  Joined: 06.12.2023  |  1.4208

Latest posts by ken7253.bsky.social on Bluesky

Preview
なぜサイボウズは W3C のメンバーに加入したのか?その真意を聞いてみた - Cybozu Inside Out | サイボウズエンジニアのブログ サイボウズでデザインテクノロジストをしている @saku です。 サイボウズ株式会社は、2025 年 4 月 1 日より Web 技術の標準化と推進を目的とした国際的なコンソーシアムである「W3C」のメンバーに加入しました。 サイボウズにとって、今回の加入にはどのような意図があるのか。また、W3C はサイボウズの加入をどのように捉えているのか。 W3C の加入を決断したサイボウズ開発本部長の佐藤鉄...

blog.cybozu.io/entry/joinin...

18.08.2025 03:22 — 👍 1    🔁 1    💬 0    📌 0
Preview
Browser and UI #3 Network/Performance (2025/08/20 19:00〜) # Browser and UIとは Browser and UI はWebフロントエンド領域の中でもブラウザやユーザーインターフェースに関連した話をする勉強会です。 ## 今回のテーマについて 今回のテーマは「Network/Performance」です! フロントエンドから見たネットワークやパフォーマンスに関する話題をお待ちしています! ### 募集したいテーマ * HTTP/W...

勉強会やります。
browser-and-ui.connpass.com/event/362999/

29.07.2025 11:53 — 👍 2    🔁 0    💬 0    📌 0
星宮ととのステージを撮影した写真

星宮ととのステージを撮影した写真

星宮とと最高でした😭

17.05.2025 18:57 — 👍 1    🔁 0    💬 0    📌 0
Preview
提案された <permission> 要素の機能強化  |  Blog  |  Chrome for Developers 提案された権限の HTML 要素は無効ではなくなり、アイコンもサポートされるようになりました。

PEPC続報だ
developer.chrome.com/blog/enhance...

15.05.2025 03:46 — 👍 0    🔁 0    💬 0    📌 0
Preview
is - HTML: ハイパーテキストマークアップ言語 | MDN is グローバル属性で、標準の HTML 要素が定義されたカスタム組み込み要素のように振る舞うよう指定することができます(詳しくはカスタム要素の使用を参照してください)。

個人的にはWebComponentsはisが欲しいんだけど難しそうだよな…
developer.mozilla.org/ja/docs/Web/...

25.04.2025 09:06 — 👍 0    🔁 0    💬 0    📌 0
Preview
Browser and UI #2 HTML/ARIA (2025/04/28 19:00〜) # Browser and UIとは 「Browser and UI」はWebフロントエンド領域の中でもブラウザやユーザーインターフェースに関連した話をする勉強会です。 ## 今回のテーマについて 今回は「HTML/ARIA」をテーマに、HTMLやARIAに関連したトークを募集します。 前回のCSSに引き続き、基礎的な技術でありながら奥の深いHTMLなどを学んでいきます。 ### 募集...

Browser and UI トークの内容やスケジュールを更新しました!
当日の参加枠もまだ少し空きがありますのでこの機会にぜひ!
#browser_and_ui

browser-and-ui.connpass.com/event/343524/

23.04.2025 07:25 — 👍 3    🔁 0    💬 0    📌 0

www.w3.org/2024/Talks/T...

15.04.2025 02:14 — 👍 1    🔁 0    💬 0    📌 0
Preview
Reactで大量描画しても60fps出すためのパフォーマンスチューニング術 - SmartHR Tech Blog こんにちは、SmartHRでプロダクトエンジニアをやっている @Tokky0425 です。 みなさんは普段組織で働いていますか?僕は組織で働いています。 組織で働くにあたって便利なもの、ありますよね。そう、組織図です。 SmartHR にも組織図の機能があるのですが、部署数や従業員数が多いとブラウザ上での操作が重くなってしまうという問題がありました。 最近「数万人規模の組織図での 60fps」を目...

読んだ、<style>を動的に変えて再レンダリングを抑えるのかなり荒業だけど面白い。
tech.smarthr.jp/entry/2025/0...

09.04.2025 06:46 — 👍 2    🔁 0    💬 0    📌 0

次回のBrowser and UI実はHTMLパーサーについて話そうか悩んでいる。ある程度は分かったんだけど自動タグ挿入の仕組みが難しい。

07.04.2025 08:50 — 👍 1    🔁 0    💬 0    📌 0
Preview
Browser and UI #2 HTML/ARIA (2025/04/28 19:00〜) # Browser and UIとは 「Browser and UI」はWebフロントエンド領域の中でもブラウザやユーザーインターフェースに関連した話をする勉強会です。 ## 今回のテーマについて 今回は「HTML/ARIA」をテーマに、HTMLやARIAに関連したトークを募集します。 前回のCSSに引き続き、基礎的な技術でありながら奥の深いHTMLなどを学んでいきます。 ### 募集...

Browser and UI 第二回開催します!
今回はSmartHRさんにご協力いただきHTMLとARIAについて話します!ぜひご参加ください!
browser-and-ui.connpass.com/event/343524/

01.04.2025 11:13 — 👍 3    🔁 2    💬 0    📌 0
New in Chrome Q1 2025: CSS text-box, file system access for Android, Baseline updates and more!
YouTube video by Chrome for Developers New in Chrome Q1 2025: CSS text-box, file system access for Android, Baseline updates and more!

www.youtube.com/watch?v=-s8X...

19.03.2025 02:52 — 👍 0    🔁 0    💬 0    📌 0
Preview
ESLint で CSS とベースラインのサポートがリリースされました  |  Blog  |  web.dev ESLint を使用して CSS の lint チェックを行い、プロジェクトで Baseline CSS 機能の使用を強制できるようになりました。詳しくは、こちらのブログ投稿をご覧ください。

web.dev/blog/eslint-...

19.03.2025 02:46 — 👍 0    🔁 0    💬 1    📌 0
Preview
web-features Curated list of Web platform features. Latest version: 2.29.1, last published: 2 days ago. Start using web-features in your project by running `npm i web-features`. There are 2 other projects in the n...

なるほど
www.npmjs.com/package/web-...

19.03.2025 02:46 — 👍 0    🔁 0    💬 1    📌 0
Preview
First catalog of web features completed by the WebDX Community Group The WebDX Community Group has completed a first nearly complete catalog of web features targeted at web developers, along with support data across main browsers. The catalog already powers MDN, Can I ...

読んだ。
www.w3.org/blog/2025/fi...

19.03.2025 02:46 — 👍 1    🔁 0    💬 1    📌 0
[css-color-hdr] auto value of dynamic-range-limit · Issue #11558 · w3c/csswg-drafts A new value is needed to allow the user agent to dynamically change the brightness of the HDR video, image or canvas based on the page/screen content or the system conditions. In WebKit, we're stil...

github.com/w3c/csswg-dr...

18.03.2025 10:01 — 👍 0    🔁 0    💬 0    📌 0
CSS WG Blog – Minutes Color HDR Breakout 2025-03-12

dynamic-range-limit 自分用の拡張機能で使ってるやつの代替えとしてよさそう。
www.w3.org/blog/CSS/202...

18.03.2025 10:01 — 👍 0    🔁 0    💬 1    📌 0
Preview
Implications of Global Privacy Control | MDN Blog Global Privacy Control (GPC) is on the way to becoming a formal privacy standard with the recent publication of its first working draft. Let's take a look at what the implications are for developers a...

読んだDNTとGPCについて。
developer.mozilla.org/en-US/blog/g...

18.03.2025 09:59 — 👍 0    🔁 0    💬 1    📌 0
Release Notes for Safari Technology Preview 215 Safari Technology Preview Release 215 is now available for download for macOS Sequoia and macOS Sonoma.

結構いろいろ追加されてるな、text-wrap-style: pretty とかScroll Driven Animations・Anchor Positioning・Trusted Typesとかとか。
webkit.org/blog/16523/r...

18.03.2025 09:52 — 👍 0    🔁 0    💬 1    📌 0
Preview
This month in Servo: new elements, IME support, delegate API, and more! - Servo aims to empower developers with a lightweight, high-performance alternative for embedding web technologies in applicatio... A huge month for both Servo the browser and Servo the engine.

servo.org/blog/2025/03...

17.03.2025 02:04 — 👍 0    🔁 0    💬 0    📌 0

ダイアログ警察なので、モーダルの反対語としてダイアログが出てくるとモーダルもダイアログですけどね!?ってなってしまう。

16.03.2025 18:19 — 👍 1    🔁 0    💬 0    📌 0

フロントエンドエンジニア、最初はArcとかを使うんだけど色々と知識がついてくると一周してメジャーブラウザに戻って来るみたいな雰囲気がある。

16.03.2025 16:47 — 👍 3    🔁 0    💬 0    📌 0

TwitterハッシュタグだけNotoになっててウケるな。

16.03.2025 16:38 — 👍 0    🔁 0    💬 0    📌 0
Preview
4Kモニターを買いました|ken7253 976字 · 2枚の画像

sizu.me/ken7253/post...

14.03.2025 08:16 — 👍 2    🔁 0    💬 0    📌 0

他人の提案には根拠とエビデンスを求めるのに自分のタスクは感覚で進める人と仕事するのは大変だ🥲

12.03.2025 03:16 — 👍 1    🔁 0    💬 0    📌 0
次のコードをChromeの開発者ツール内のコンソールで実行した結果を撮影したスクリーンショット。
const fooElement = document.createElement('foo');
console.log(fooElement.__proto__, fooElement.tagName);
結果として、HTMLUnknownElementが返却されており、fooElement.tagNameは大文字のFOOが帰ってきてる。

次のコードをChromeの開発者ツール内のコンソールで実行した結果を撮影したスクリーンショット。 const fooElement = document.createElement('foo'); console.log(fooElement.__proto__, fooElement.tagName); 結果として、HTMLUnknownElementが返却されており、fooElement.tagNameは大文字のFOOが帰ってきてる。

なるほどね

09.03.2025 07:42 — 👍 0    🔁 0    💬 0    📌 0
Preview
HTMLUnknownElement - Web API | MDN HTMLUnknownElement インターフェイスは不正な HTML 要素である事を表します。HTMLElement インターフェイスを継承しますが、追加のメソッドやプロパティは実装しません。

MDNのページはあるけど全く内容はない。
developer.mozilla.org/ja/docs/Web/...

09.03.2025 07:20 — 👍 0    🔁 0    💬 1    📌 0
Preview
Fallback content by otherdaniel · Pull Request #38 · WICG/PEPC First draft for fallback content, using only a boolean. Preview | Diff

これちょっと見てたけど、HTMLUnkownElementなんてあったのか。
github.com/WICG/PEPC/pu...

09.03.2025 07:19 — 👍 1    🔁 0    💬 1    📌 0
Preview
Node just added TypeScript support. What does that mean for Deno? Node's experimental TypeScript support will be stabilized in 23.6. Here's what Node's TypeScript integration looks like and how it compares to Deno.

ちょうど気になってた内容だ
denoland-dotcom.deno.net/blog/typescr...

08.03.2025 02:50 — 👍 1    🔁 0    💬 0    📌 0

Tailwindのプロジェクト2年ぐらいやってるけど本当につらい…

06.03.2025 07:55 — 👍 2    🔁 0    💬 0    📌 0
Preview
GitHub Copilotがプルリクを勝手にレビューしてくれる設定を広めたい

よんでる
zenn.dev/ncdc/article...

06.03.2025 01:26 — 👍 1    🔁 0    💬 0    📌 0

@ken7253 is following 20 prominent accounts