Shun KWHR
@shun91.bsky.social
某企業でエンジニアリングマネージャーやってるWebエンジニア。主戦場はフロントエンドですがバックエンドとか割と何でもつぶやきます。三児の父（4歳・2歳双子）。2021/12〜2022/07に育休取ってました。
Xのポストを自動でこちらにも流してます。
https://x.com/kojo_73
Xのポストを自動でこちらにも流してます。
https://x.com/kojo_73
"ブランドは、自分の能力を示すシグナルになる。 私も40代になって強く感じるのは、ブランドをきっかけに仕事の依頼が来るケースが増える。"
実績は土台を作って意思決定で積み上がる - AI時代に崩れないキャリアの築き方 - そーだいなるらくがき帳 https://soudai.hatenablog.com/entry/2025/12/08/233100
実績は土台を作って意思決定で積み上がる - AI時代に崩れないキャリアの築き方 - そーだいなるらくがき帳 https://soudai.hatenablog.com/entry/2025/12/08/233100
December 9, 2025 at 12:48 PM
"ブランドは、自分の能力を示すシグナルになる。 私も40代になって強く感じるのは、ブランドをきっかけに仕事の依頼が来るケースが増える。"
実績は土台を作って意思決定で積み上がる - AI時代に崩れないキャリアの築き方 - そーだいなるらくがき帳 https://soudai.hatenablog.com/entry/2025/12/08/233100
実績は土台を作って意思決定で積み上がる - AI時代に崩れないキャリアの築き方 - そーだいなるらくがき帳 https://soudai.hatenablog.com/entry/2025/12/08/233100
Vue Advent Calendar 2025 https://qiita.com/advent-calendar/2025/vue #Qiitaアドカレ #Qiita
December 8, 2025 at 10:42 PM
Vue Advent Calendar 2025 https://qiita.com/advent-calendar/2025/vue #Qiitaアドカレ #Qiita
おーついに！
"Chromium ブラウザに実装されていた Temporal 実装がフラグなしでロールアウトされます。Chrome では バージョン 144 から利用可能とのことです。"
Web 標準動向 2025年11月版 https://zenn.dev/cybozu_frontend/articles/web_standards_trends_202511
"Chromium ブラウザに実装されていた Temporal 実装がフラグなしでロールアウトされます。Chrome では バージョン 144 から利用可能とのことです。"
Web 標準動向 2025年11月版 https://zenn.dev/cybozu_frontend/articles/web_standards_trends_202511
December 7, 2025 at 11:52 PM
おーついに！
"Chromium ブラウザに実装されていた Temporal 実装がフラグなしでロールアウトされます。Chrome では バージョン 144 から利用可能とのことです。"
Web 標準動向 2025年11月版 https://zenn.dev/cybozu_frontend/articles/web_standards_trends_202511
"Chromium ブラウザに実装されていた Temporal 実装がフラグなしでロールアウトされます。Chrome では バージョン 144 から利用可能とのことです。"
Web 標準動向 2025年11月版 https://zenn.dev/cybozu_frontend/articles/web_standards_trends_202511
"人間の視線は横方向よりも縦方向に動くほうが負荷が低いという研究が多く存在する点です。（中略）一般的に、上下方向の視線移動は筋肉の動きがシンプルで、水平運動よりも負荷が少ない傾向があります。"
なぜ人はブラウザの「縦タブ」で作業効率が上がるのか？
https://note.com/light_liger1051/n/nd499ebc2d96a
なぜ人はブラウザの「縦タブ」で作業効率が上がるのか？
https://note.com/light_liger1051/n/nd499ebc2d96a
December 7, 2025 at 11:37 PM
"人間の視線は横方向よりも縦方向に動くほうが負荷が低いという研究が多く存在する点です。（中略）一般的に、上下方向の視線移動は筋肉の動きがシンプルで、水平運動よりも負荷が少ない傾向があります。"
なぜ人はブラウザの「縦タブ」で作業効率が上がるのか？
https://note.com/light_liger1051/n/nd499ebc2d96a
なぜ人はブラウザの「縦タブ」で作業効率が上がるのか？
https://note.com/light_liger1051/n/nd499ebc2d96a
こんなことできるんだ。
"Chakra UIのStrict Tokenモードを導入し、ESLintのルールを整えました。（中略）直接スタイルを当てようとすると、Lintエラーが出てしまいます。"
なぜデザインシステムをコードで管理するのか - Findy Tech Blog https://tech.findy.co.jp/entry/2025/12/04/070000
"Chakra UIのStrict Tokenモードを導入し、ESLintのルールを整えました。（中略）直接スタイルを当てようとすると、Lintエラーが出てしまいます。"
なぜデザインシステムをコードで管理するのか - Findy Tech Blog https://tech.findy.co.jp/entry/2025/12/04/070000
December 7, 2025 at 5:57 AM
こんなことできるんだ。
"Chakra UIのStrict Tokenモードを導入し、ESLintのルールを整えました。（中略）直接スタイルを当てようとすると、Lintエラーが出てしまいます。"
なぜデザインシステムをコードで管理するのか - Findy Tech Blog https://tech.findy.co.jp/entry/2025/12/04/070000
"Chakra UIのStrict Tokenモードを導入し、ESLintのルールを整えました。（中略）直接スタイルを当てようとすると、Lintエラーが出てしまいます。"
なぜデザインシステムをコードで管理するのか - Findy Tech Blog https://tech.findy.co.jp/entry/2025/12/04/070000
要はバランスと言って逃げてはいけない。
"バランスをとるというのは、そのバランスでいくと決めた責務を負って実行するってことだ。そういうことができる何かになろうぜ。"
俺が、俺こそが真の「要はバランスおじさん」だ！！！ - フジイユウジ::ドットネット https://fujii-yuji.net/2025/12/05/000357
"バランスをとるというのは、そのバランスでいくと決めた責務を負って実行するってことだ。そういうことができる何かになろうぜ。"
俺が、俺こそが真の「要はバランスおじさん」だ！！！ - フジイユウジ::ドットネット https://fujii-yuji.net/2025/12/05/000357
December 6, 2025 at 3:37 AM
要はバランスと言って逃げてはいけない。
"バランスをとるというのは、そのバランスでいくと決めた責務を負って実行するってことだ。そういうことができる何かになろうぜ。"
俺が、俺こそが真の「要はバランスおじさん」だ！！！ - フジイユウジ::ドットネット https://fujii-yuji.net/2025/12/05/000357
"バランスをとるというのは、そのバランスでいくと決めた責務を負って実行するってことだ。そういうことができる何かになろうぜ。"
俺が、俺こそが真の「要はバランスおじさん」だ！！！ - フジイユウジ::ドットネット https://fujii-yuji.net/2025/12/05/000357
マネージャーやってるといろんな共有とかをチャットに流すことが多いけど、それらにスタンプ押してくれる人って、些細なことだけどめっちゃありがたい。
って考えながら、この記事を思い出した。
チームの雰囲気を良くするリアクションのすすめ #Slack - Qiita
https://qiita.com/taka-fujita/items/2f6c9b5816c423abf2d0 https://twitter.com/jibunhack/status/1997055664938774547
って考えながら、この記事を思い出した。
チームの雰囲気を良くするリアクションのすすめ #Slack - Qiita
https://qiita.com/taka-fujita/items/2f6c9b5816c423abf2d0 https://twitter.com/jibunhack/status/1997055664938774547
December 6, 2025 at 1:17 AM
マネージャーやってるといろんな共有とかをチャットに流すことが多いけど、それらにスタンプ押してくれる人って、些細なことだけどめっちゃありがたい。
って考えながら、この記事を思い出した。
チームの雰囲気を良くするリアクションのすすめ #Slack - Qiita
https://qiita.com/taka-fujita/items/2f6c9b5816c423abf2d0 https://twitter.com/jibunhack/status/1997055664938774547
って考えながら、この記事を思い出した。
チームの雰囲気を良くするリアクションのすすめ #Slack - Qiita
https://qiita.com/taka-fujita/items/2f6c9b5816c423abf2d0 https://twitter.com/jibunhack/status/1997055664938774547
"JSONは世界中のAPIコールで常に使われているシリアライゼーションフォーマットであり（中略）ケツカンマを許容しただけでも世界中の電力消費がかなり増えてしまうでしょう。"
JSONにケツカンマを求めるのは間違っているだろうか - An Epicurean https://blog.song.mu/entry/is-it-strange-to-want-a-trailing-comma-in-json
JSONにケツカンマを求めるのは間違っているだろうか - An Epicurean https://blog.song.mu/entry/is-it-strange-to-want-a-trailing-comma-in-json
December 5, 2025 at 1:47 PM
"JSONは世界中のAPIコールで常に使われているシリアライゼーションフォーマットであり（中略）ケツカンマを許容しただけでも世界中の電力消費がかなり増えてしまうでしょう。"
JSONにケツカンマを求めるのは間違っているだろうか - An Epicurean https://blog.song.mu/entry/is-it-strange-to-want-a-trailing-comma-in-json
JSONにケツカンマを求めるのは間違っているだろうか - An Epicurean https://blog.song.mu/entry/is-it-strange-to-want-a-trailing-comma-in-json
Chrome for Testing は公式Chromeと同じバージョンの安定した自動テスト用バイナリを提供してくれるのが利点。Chromiumは互換性や安定性が保証されずテスト用途では不向き。
Chrome for Testing: ブラウザの自動化のための信頼性の高いダウンロード https://developer.chrome.com/blog/chrome-for-testing?hl=ja
Chrome for Testing: ブラウザの自動化のための信頼性の高いダウンロード https://developer.chrome.com/blog/chrome-for-testing?hl=ja
December 5, 2025 at 1:32 PM
Chrome for Testing は公式Chromeと同じバージョンの安定した自動テスト用バイナリを提供してくれるのが利点。Chromiumは互換性や安定性が保証されずテスト用途では不向き。
Chrome for Testing: ブラウザの自動化のための信頼性の高いダウンロード https://developer.chrome.com/blog/chrome-for-testing?hl=ja
Chrome for Testing: ブラウザの自動化のための信頼性の高いダウンロード https://developer.chrome.com/blog/chrome-for-testing?hl=ja
vapor modeでできることが着実に増えていってる！
Release v3.6.0-alpha.6 · vuejs/core · GitHub https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.6
Release v3.6.0-alpha.6 · vuejs/core · GitHub https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.6
December 4, 2025 at 9:12 AM
vapor modeでできることが着実に増えていってる！
Release v3.6.0-alpha.6 · vuejs/core · GitHub https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.6
Release v3.6.0-alpha.6 · vuejs/core · GitHub https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.6
これやるのってめっちゃ勇気いるけど、チームを強くするために大事なことだよなあ。
"不確実なものを自分で決めず、不確実なままチームで議論する"
"自分自身の役割を限定的にする"
EM半年の振り返り、プレイヤー脳を捨てきれていない自分へ - Kyash Product Blog https://blog.kyash.co/entry/2025/12/03/084032
"不確実なものを自分で決めず、不確実なままチームで議論する"
"自分自身の役割を限定的にする"
EM半年の振り返り、プレイヤー脳を捨てきれていない自分へ - Kyash Product Blog https://blog.kyash.co/entry/2025/12/03/084032
December 3, 2025 at 11:42 PM
これやるのってめっちゃ勇気いるけど、チームを強くするために大事なことだよなあ。
"不確実なものを自分で決めず、不確実なままチームで議論する"
"自分自身の役割を限定的にする"
EM半年の振り返り、プレイヤー脳を捨てきれていない自分へ - Kyash Product Blog https://blog.kyash.co/entry/2025/12/03/084032
"不確実なものを自分で決めず、不確実なままチームで議論する"
"自分自身の役割を限定的にする"
EM半年の振り返り、プレイヤー脳を捨てきれていない自分へ - Kyash Product Blog https://blog.kyash.co/entry/2025/12/03/084032
資料の本題ではないけど、ネイティブ版（tsgo）である 7.0が3〜4ヶ月後にリリース予定なのに驚いた。早い…
TypeScript 6.0で非推奨化されるオプションたち https://speakerdeck.com/uhyo/typescript-6-dot-0defei-tui-jiang-hua-sareruopusiyontati?slide=5
TypeScript 6.0で非推奨化されるオプションたち https://speakerdeck.com/uhyo/typescript-6-dot-0defei-tui-jiang-hua-sareruopusiyontati?slide=5
November 29, 2025 at 8:37 AM
資料の本題ではないけど、ネイティブ版（tsgo）である 7.0が3〜4ヶ月後にリリース予定なのに驚いた。早い…
TypeScript 6.0で非推奨化されるオプションたち https://speakerdeck.com/uhyo/typescript-6-dot-0defei-tui-jiang-hua-sareruopusiyontati?slide=5
TypeScript 6.0で非推奨化されるオプションたち https://speakerdeck.com/uhyo/typescript-6-dot-0defei-tui-jiang-hua-sareruopusiyontati?slide=5
oklch知らなかった
"oklchとは明度や彩度の変化が知覚的に均一になるように設計された新しいカラーモデル（Color model）です。"
CSSで最近よく使うOKLCHカラーについて理解を深めよう、異なる色でトーンを合わせたり、単色のシェードも簡単 https://coliss.com/articles/build-websites/operation/design/about-oklch-color.html
"oklchとは明度や彩度の変化が知覚的に均一になるように設計された新しいカラーモデル（Color model）です。"
CSSで最近よく使うOKLCHカラーについて理解を深めよう、異なる色でトーンを合わせたり、単色のシェードも簡単 https://coliss.com/articles/build-websites/operation/design/about-oklch-color.html
November 27, 2025 at 11:42 PM
oklch知らなかった
"oklchとは明度や彩度の変化が知覚的に均一になるように設計された新しいカラーモデル（Color model）です。"
CSSで最近よく使うOKLCHカラーについて理解を深めよう、異なる色でトーンを合わせたり、単色のシェードも簡単 https://coliss.com/articles/build-websites/operation/design/about-oklch-color.html
"oklchとは明度や彩度の変化が知覚的に均一になるように設計された新しいカラーモデル（Color model）です。"
CSSで最近よく使うOKLCHカラーについて理解を深めよう、異なる色でトーンを合わせたり、単色のシェードも簡単 https://coliss.com/articles/build-websites/operation/design/about-oklch-color.html
"「とりあえず Next.js」という選択は正直今でもありだと思いますが、サービスの特性に合ったフレームワークを選んだほうが良い場合もあるかも？と思いました"
ビルド30分→3分に。Next.jsをやめてAstroに移行した全記録 - ROXX開発者ブログ https://techblog.roxx.co.jp/entry/2025/11/27/123135 #TypeScript
ビルド30分→3分に。Next.jsをやめてAstroに移行した全記録 - ROXX開発者ブログ https://techblog.roxx.co.jp/entry/2025/11/27/123135 #TypeScript
November 27, 2025 at 11:42 PM
"「とりあえず Next.js」という選択は正直今でもありだと思いますが、サービスの特性に合ったフレームワークを選んだほうが良い場合もあるかも？と思いました"
ビルド30分→3分に。Next.jsをやめてAstroに移行した全記録 - ROXX開発者ブログ https://techblog.roxx.co.jp/entry/2025/11/27/123135 #TypeScript
ビルド30分→3分に。Next.jsをやめてAstroに移行した全記録 - ROXX開発者ブログ https://techblog.roxx.co.jp/entry/2025/11/27/123135 #TypeScript
November 27, 2025 at 12:12 PM
"・ブラウザ操作に必要な機能は、実は起動、移動、JS実行、スクショ撮影の4つだけで足りる
・これらをPuppeteerを使用した小さなNode.jsスクリプトとして実装すればよい
・エージェントには短いREADMEを読ませるだけ（中略）この方法なら、消費トークン数は数万ではなく、わずか200トークン程度で済む" https://twitter.com/iwashi86/status/1992450542870659395
・これらをPuppeteerを使用した小さなNode.jsスクリプトとして実装すればよい
・エージェントには短いREADMEを読ませるだけ（中略）この方法なら、消費トークン数は数万ではなく、わずか200トークン程度で済む" https://twitter.com/iwashi86/status/1992450542870659395
November 23, 2025 at 7:42 AM
"・ブラウザ操作に必要な機能は、実は起動、移動、JS実行、スクショ撮影の4つだけで足りる
・これらをPuppeteerを使用した小さなNode.jsスクリプトとして実装すればよい
・エージェントには短いREADMEを読ませるだけ（中略）この方法なら、消費トークン数は数万ではなく、わずか200トークン程度で済む" https://twitter.com/iwashi86/status/1992450542870659395
・これらをPuppeteerを使用した小さなNode.jsスクリプトとして実装すればよい
・エージェントには短いREADMEを読ませるだけ（中略）この方法なら、消費トークン数は数万ではなく、わずか200トークン程度で済む" https://twitter.com/iwashi86/status/1992450542870659395
useEffectを使うのは最終手段であり、使うなら正しく使いましょうという話。
それにより "React というライブラリの恩恵を最大限に受け，将来の進化にも耐えうる堅牢で予測可能な UI を構築" することに繋がる。
なぜ React 哲学を守らないといけないのか？
https://zenn.dev/kkeeth/articles/why-learning-react-philosophy #zenn
それにより "React というライブラリの恩恵を最大限に受け，将来の進化にも耐えうる堅牢で予測可能な UI を構築" することに繋がる。
なぜ React 哲学を守らないといけないのか？
https://zenn.dev/kkeeth/articles/why-learning-react-philosophy #zenn
November 22, 2025 at 11:37 PM
useEffectを使うのは最終手段であり、使うなら正しく使いましょうという話。
それにより "React というライブラリの恩恵を最大限に受け，将来の進化にも耐えうる堅牢で予測可能な UI を構築" することに繋がる。
なぜ React 哲学を守らないといけないのか？
https://zenn.dev/kkeeth/articles/why-learning-react-philosophy #zenn
それにより "React というライブラリの恩恵を最大限に受け，将来の進化にも耐えうる堅牢で予測可能な UI を構築" することに繋がる。
なぜ React 哲学を守らないといけないのか？
https://zenn.dev/kkeeth/articles/why-learning-react-philosophy #zenn
それはそう、というタイトル。型の厳格さをユーザーが決められる言語なので。
TypeScriptにするだけで型安全になると思ってはいけない｜takisato https://zenn.dev/takisato/articles/1a26aaa60ba2ba #zenn
TypeScriptにするだけで型安全になると思ってはいけない｜takisato https://zenn.dev/takisato/articles/1a26aaa60ba2ba #zenn
November 22, 2025 at 2:03 PM
それはそう、というタイトル。型の厳格さをユーザーが決められる言語なので。
TypeScriptにするだけで型安全になると思ってはいけない｜takisato https://zenn.dev/takisato/articles/1a26aaa60ba2ba #zenn
TypeScriptにするだけで型安全になると思ってはいけない｜takisato https://zenn.dev/takisato/articles/1a26aaa60ba2ba #zenn
かなり網羅的に書かれている気がする👀
毎週大量のプルリクエストを捌く！Next.js App Router時代のスケーラブルなフロントエンドアーキテクチャ設計 - ぐるなびをちょっと良くするエンジニアブログ https://developers.gnavi.co.jp/entry/scalable-frontend/
毎週大量のプルリクエストを捌く！Next.js App Router時代のスケーラブルなフロントエンドアーキテクチャ設計 - ぐるなびをちょっと良くするエンジニアブログ https://developers.gnavi.co.jp/entry/scalable-frontend/
November 22, 2025 at 2:03 PM
かなり網羅的に書かれている気がする👀
毎週大量のプルリクエストを捌く！Next.js App Router時代のスケーラブルなフロントエンドアーキテクチャ設計 - ぐるなびをちょっと良くするエンジニアブログ https://developers.gnavi.co.jp/entry/scalable-frontend/
毎週大量のプルリクエストを捌く！Next.js App Router時代のスケーラブルなフロントエンドアーキテクチャ設計 - ぐるなびをちょっと良くするエンジニアブログ https://developers.gnavi.co.jp/entry/scalable-frontend/
November 22, 2025 at 1:52 AM
November 20, 2025 at 11:17 PM
基本的にはパフォーマンスなどを考慮して `return foo()` でよいが、スタックトレースの取得が重要なケースでは `return await foo()` とすべきらしい。知らなかった。
JavaScriptにおけるasync/await呼び出しのスタックトレースの困難と実装 - Speaker Deck https://speakerdeck.com/sosukesuzuki/awaithu-bichu-sinosutatukutoresunokun-nan-toshi-zhuang?slide=33
JavaScriptにおけるasync/await呼び出しのスタックトレースの困難と実装 - Speaker Deck https://speakerdeck.com/sosukesuzuki/awaithu-bichu-sinosutatukutoresunokun-nan-toshi-zhuang?slide=33
November 18, 2025 at 3:47 AM
基本的にはパフォーマンスなどを考慮して `return foo()` でよいが、スタックトレースの取得が重要なケースでは `return await foo()` とすべきらしい。知らなかった。
JavaScriptにおけるasync/await呼び出しのスタックトレースの困難と実装 - Speaker Deck https://speakerdeck.com/sosukesuzuki/awaithu-bichu-sinosutatukutoresunokun-nan-toshi-zhuang?slide=33
JavaScriptにおけるasync/await呼び出しのスタックトレースの困難と実装 - Speaker Deck https://speakerdeck.com/sosukesuzuki/awaithu-bichu-sinosutatukutoresunokun-nan-toshi-zhuang?slide=33
👀
Figma出力の生成コードをAIとReact原理主義で粛清するAI指示テンプレート公開：React/Tailwind/shadcn向け整形テンプレート - ROXX開発者ブログ https://techblog.roxx.co.jp/entry/2025/11/17/181521
Figma出力の生成コードをAIとReact原理主義で粛清するAI指示テンプレート公開：React/Tailwind/shadcn向け整形テンプレート - ROXX開発者ブログ https://techblog.roxx.co.jp/entry/2025/11/17/181521
November 17, 2025 at 11:17 PM
👀
Figma出力の生成コードをAIとReact原理主義で粛清するAI指示テンプレート公開：React/Tailwind/shadcn向け整形テンプレート - ROXX開発者ブログ https://techblog.roxx.co.jp/entry/2025/11/17/181521
Figma出力の生成コードをAIとReact原理主義で粛清するAI指示テンプレート公開：React/Tailwind/shadcn向け整形テンプレート - ROXX開発者ブログ https://techblog.roxx.co.jp/entry/2025/11/17/181521
このスライドを眺めてて知った。
読む技術・書く技術・伝える技術 - 15年続けて分かった持続可能なオープンソース開発
https://azu.github.io/slide/2025/yapc/opensource-15years.html
読む技術・書く技術・伝える技術 - 15年続けて分かった持続可能なオープンソース開発
https://azu.github.io/slide/2025/yapc/opensource-15years.html
November 16, 2025 at 11:27 PM
このスライドを眺めてて知った。
読む技術・書く技術・伝える技術 - 15年続けて分かった持続可能なオープンソース開発
https://azu.github.io/slide/2025/yapc/opensource-15years.html
読む技術・書く技術・伝える技術 - 15年続けて分かった持続可能なオープンソース開発
https://azu.github.io/slide/2025/yapc/opensource-15years.html
こんなのあるんだ。AIに書かせた文章でも、これ使ってAIに修正させればAIっぽさを軽減できてよさそう。
GitHub - textlint-ja/textlint-rule-preset-ai-writing： textlintプリセット：AIっぽい記述パターンを検出し、より自然な日本語表現を促すルール集
https://github.com/textlint-ja/textlint-rule-preset-ai-writing
GitHub - textlint-ja/textlint-rule-preset-ai-writing： textlintプリセット：AIっぽい記述パターンを検出し、より自然な日本語表現を促すルール集
https://github.com/textlint-ja/textlint-rule-preset-ai-writing
November 16, 2025 at 11:22 PM
こんなのあるんだ。AIに書かせた文章でも、これ使ってAIに修正させればAIっぽさを軽減できてよさそう。
GitHub - textlint-ja/textlint-rule-preset-ai-writing： textlintプリセット：AIっぽい記述パターンを検出し、より自然な日本語表現を促すルール集
https://github.com/textlint-ja/textlint-rule-preset-ai-writing
GitHub - textlint-ja/textlint-rule-preset-ai-writing： textlintプリセット：AIっぽい記述パターンを検出し、より自然な日本語表現を促すルール集
https://github.com/textlint-ja/textlint-rule-preset-ai-writing