Hiz
hiz.blue
Hiz
@hiz.blue
UI/UX designer, developer.
おー知らなかった、こんなのあるんだ。
毎年親に頼まれて実家のPCにインストールされている数年前の年賀状作成ソフト使っていたけど、裏面はこれ使えば良さそうだな。

"はがきデザインキット2026|郵便年賀.jp": nenga.yu-bin.jp/design_kit/
はがきデザインキット2026|郵便年賀.jp
はがきデザインキット2026 直感的な操作で、誰でも簡単に楽しく、はがきのデザインが作れる無料のサービスです。
nenga.yu-bin.jp
December 12, 2025 at 1:18 PM
Node.js の脆弱性、内容はまだ公開されていない感じか。
リリースが15日だからそのときに公開する感じかな。

nodejs.org/en/blog/vuln...
Node.js — Monday, December 15, 2025 Security Releases
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
nodejs.org
December 11, 2025 at 11:37 PM
2025年にChromeへ追加されたCSSの機能を体験できるサイト。
やっぱり Dialog 周りが大きいよなぁ。

"CSS Wrapped 2025" chrome.dev/css-wrapped-...
#CSS
CSS Wrapped 2025
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
chrome.dev
December 9, 2025 at 11:19 PM
なるほどー、gap の装飾かー。
面白い。

"CSS でギャップのスタイルを設定する新しい方法  |  Blog  |  Chrome for Developers": developer.chrome.com/blog/gap-dec...
CSS でギャップのスタイルを設定する新しい方法  |  Blog  |  Chrome for Developers
境界と疑似要素のハックに別れを告げましょう。
developer.chrome.com
December 8, 2025 at 2:12 PM
👀 "CSS Masonry のあゆみと現状 | @sakupi01.com" blog.sakupi01.com/dev/articles...
CSS Masonry のあゆみと現状
CSS Masonry(Grid-Lanes)の仕様策定の経緯と現状のまとめ
blog.sakupi01.com
December 8, 2025 at 7:04 AM
Storybook を v10.2.0-alpha.3 に上げたら MCP の Docs Tools 使えた。まだ実開発における有用性は未検証だが、さわってるだけで結構面白いな
"mcp/packages/addon-mcp at main · storybookjs/mcp": github.com/storybookjs/...
#Storybook
mcp/packages/addon-mcp at main · storybookjs/mcp
🤖. Contribute to storybookjs/mcp development by creating an account on GitHub.
github.com
December 6, 2025 at 9:27 AM
pnpm の catalog、minimumReleaseAge、Dependabot の cooldown 機能、Knip による未使用パッケージの検出、Playwright を用いた Integration Test と VRT の導入など盛りだくさん。
どれも実践的で面白いな。
Knip はまだ使ったことがないけど、割と色々なところで名前を見る気がするので、有用なんだろうな。

"メルカリ ハロ Web フロントエンドの1年間の改善と学び | メルカリエンジニアリング" engineering.mercari.com/blog/entry/2...
メルカリ ハロ Web フロントエンドの1年間の改善と学び | メルカリエンジニアリング
こんにちは。メルカリのフロントエンドエンジニアの @mattsuu です。この記事は、Mercari Advent Calendar 2025 の5日目の記事です。はじめにメルカリ ハロ Webフロントエンドの開発スピードと品質両立の取り組
engineering.mercari.com
December 5, 2025 at 6:32 AM
なるほどー、cooldown なんてのがあるんだ。
ちゃんと設定しとこう。

"Dependabot supports configuration of a minimum package age - GitHub Changelog" github.blog/changelog/20...
Dependabot supports configuration of a minimum package age - GitHub Changelog
The cooldown feature is now generally available for Dependabot version updates! This feature gives you control over when version update pull requests are created to bump your dependencies. What’s new…
github.blog
December 5, 2025 at 6:27 AM
Pnada CSS、Chakra UI からの移行という関係上、不要な CSS を生成しないよう混ぜるのを原則禁止するしかないと考えていたけど、hooks つかえばなんとかなるのかな?
"Panda Integration Hooks | Panda CSS - Panda CSS" panda-css.com/docs/concept...
Panda Integration Hooks
Leveraging hooks in Panda to create custom functionality.
panda-css.com
December 3, 2025 at 1:59 AM
StyleX どこかもタイミングでちゃんと触ってみたいな。
技術選定で PandaCSS と比較した結果、そのときは採用を見送ったけど、アプローチとかはかなり良さそうなので、一度ガッツリ使ってみたい。
Turns out the website deploy went through after all!!

stylexjs.com/blog/v0.17.1/
December 2, 2025 at 7:38 AM
Windows を長期間シャットダウンしなかったら WSL が不安定になるの、何なんだろう。再起動したら直るけど、タイミングによってはなかなかの迷惑なんだよなぁ。。
December 2, 2025 at 7:35 AM
GitHub Discussions をちゃんと活用していきたい。
そのためには Issue 同様、定義するカテゴリの慎重な検討とチーム内でカジュアルに使えるための雰囲気づくりが必要かな。

"GitHub Discussions のクイックスタート - GitHub ドキュメント" docs.github.com/ja/discussio...
GitHub Discussions のクイックスタート - GitHub ドキュメント
既存のリポジトリまたは Organization で GitHub Discussions を有効にして、コミュニティとの会話を開始します。
docs.github.com
December 2, 2025 at 12:17 AM
タイトルが過剰だけど、良くまとまってそう。やっぱりこういう歴史ものは面白いなぁ。

"【歴史】Reactが覇権を握るまでの知られざる物語【図解解説】 #React - Qiita" qiita.com/Sicut_study/...
#React
【歴史】Reactが覇権を握るまでの知られざる物語【図解解説】 - Qiita
はじめに こんにちは、Watanabe Jin(@Sicut_study)です。 普段はReactに関してのチュートリアルをたくさん投稿していて思いました。 「Reactを始めるなら歴史から学んだほうがよいのでは?」 そこでReactの歴史についてネット...
qiita.com
November 28, 2025 at 8:04 AM
Github Copilot のレビューが開始されないけど、障害の影響かな。
"GitHub Status - Incident with Copilot" www.githubstatus.com/incidents/d4...
Incident with Copilot
GitHub's Status Page - Incident with Copilot.
www.githubstatus.com
November 28, 2025 at 7:52 AM
むー?メールが来なければ対象外という事かな。

"XユーザーのIT naviさん: 「Gemini 3 Proの解説: このメールは、OpenAIから\*\*API利用者(開発者向けプラットフォーム)\*\*に対して送られた、サードパーティ製分析ツール「Mixpanel」におけるセキュリティインシデント(情報漏洩)に関する報告と注意喚起です。 重要なポイントを整理して解説します。 1.」 / X" x.com/itnavi2022/s...
IT navi on X: "Gemini 3 Proの解説: このメールは、OpenAIから**API利用者(開発者向けプラットフォーム)**に対して送られた、サードパーティ製分析ツール「Mixpanel」におけるセキュリティインシデント(情報漏洩)に関する報告と注意喚起です。 重要なポイントを整理して解説します。 1." / X
Gemini 3 Proの解説: このメールは、OpenAIから**API利用者(開発者向けプラットフォーム)**に対して送られた、サードパーティ製分析ツール「Mixpanel」におけるセキュリティインシデント(情報漏洩)に関する報告と注意喚起です。 重要なポイントを整理して解説します。 1.
x.com
November 27, 2025 at 8:40 AM
フォーカスリング (フォーカスインジケーター) のデザインの包括的なガイド。
これはかなり大作。

"A guide to designing accessible, WCAG-conformant focus indicators" www.sarasoueidan.com/blog/focus-i...
#UI
A guide to designing accessible, WCAG-conformant focus indicators
— The personal website of Sara Soueidan, inclusive Web UI engineer
www.sarasoueidan.com
November 27, 2025 at 1:55 AM
うーん、Chakra UI のフォーカスリングは要素ごとの色になるのか。それが一般的なのかなぁ。
青系の単色でも十分という気がしているけど。
November 26, 2025 at 11:48 PM
Playwright へ移行するかは別として、Cinemasaurus をきちんと Page Object Model で構築しなおしたい。今なら AI 使えばかなり楽できそう。
保守コストを極力下げるための Page Object Model だけど、以前人力で行っていた時は結局メインの開発業務にばかり気がとられて、放置しちゃってた。その保守コストがさらに下がるなら、かなり魅力的。

"ローコードツールから Playwright 移行への道 2025 - エムスリーテックブログ" www.m3tech.blog/entry/qubota...
ローコードツールから Playwright 移行への道 2025 - エムスリーテックブログ
エンジニアリンググループ GM 兼 QA チームリーダーの窪田です。 本日はマネジメントチームブログリレー4日目として、現在取り組んでいる自動テストを Playwright で構築するチャレンジについてお話しします。
www.m3tech.blog
November 26, 2025 at 11:38 PM
Figma って標準で Variables の export 対応したんだっけ?
先日の Schema でそんな感じの発表があったような気がするけど。
November 26, 2025 at 8:06 AM
Grafana のデザインシステム。

"Overview | Grafana Labs Design System": grafana.com/developers/s...
Overview | Grafana Labs Design System
Saga is the design system for Grafana Labs. It is a collection of styles, components, and guidelines used for creating consistent interfaces and experiences.
grafana.com
November 23, 2025 at 5:57 AM
Chromatic に組み込まれる感じかなぁ。
"Storybook MCP sneak peek" storybook.js.org/blog/storybo...
Storybook MCP sneak peek
Generate code with your components faster using fewer tokens
storybook.js.org
November 21, 2025 at 7:37 AM
Windsurf、急に繋がらなくなったなぁ。
November 21, 2025 at 3:15 AM
どゆことw
JOYSOUND「サウンドロゴカラオケAWARD」の開催に合わせて、12月1日(月)よりセガのサウンドロゴがカラオケ配信されます。

「セーガー」を歌って、応援よろしくお願いします!
sound-logo.joysound.com
November 21, 2025 at 1:20 AM