Frontend Weekly 2025-11-21
Bun v1.3.3のCompressionStream/DecompressionStream実装とbun:testのretry/repeats追加、GitHub Actionsのキャッシュサイズ10GB超対応、webpack v5.103.0のDotenvPlugin追加とimport.metaサポート、vlt v1.0.0-rc.1のPhased Package Installations導入など。
GitHub CLIを利用してリリースノートを生成する方法とGitHub Actionsでの使用例の紹介
Read PostBun v1.3.3のCompressionStream/DecompressionStream実装とbun:testのretry/repeats追加、GitHub Actionsのキャッシュサイズ10GB超対応、webpack v5.103.0のDotenvPlugin追加とimport.metaサポート、vlt v1.0.0-rc.1のPhased Package Installations導入など。
Safari 26.0、ESLint v9.36.0、pnpm 10.17、WebAssembly 3.0、GitHub ActionsのYAML anchorsサポートなど
GPT-5、Claude Opus 4.1、Google Jules一般公開、Cursor v1.4、VS Code v1.103、Vercel MCP、Gemini CLI GitHub Actions、gpt-oss、ComfyUIサブグラフ機能など
Node.js v24.5.0のOpenSSL 3.5アップグレード、TanStack DB 0.1ベータ版公開、React Compiler段階的導入ガイド、GitHub Actions設定管理用REST API、npm OIDC trusted publishing、Dependabotバッチ更新機能など
Stack Overflowの新ビジョン発表と開発者のAI利用状況、Nuxt 4.0リリース、Cloudflare ImagesのHEICサポート、GitHub ActionsmacOS runnerの変更とM2 Pro runner、GitHubのGoogleソーシャルログイン一般公開、GitHub Issuesのissue複製機能、GitHub Command Palette廃止予定について。
ECMAScript 2025承認、Chrome 138のAI API搭載、Vite 7.0リリース、Prettier 3.6の高速CLI、Playwright v1.53.0、ESLint v9.30.0のサブディレクトリ対応、カスタムリポジトリロールにGitHub Actions fine-grain権限、Google Offerwallなど
GitHub CLIを利用してリリースノートを生成する方法とGitHub Actionsでの使用例の紹介
Botなどが作成したPull Requestに対して、GitHub Actionsを利用して通常より多くのApproveを要求する方法
Chrome 135、Safari 18.4、ESLint 9.23.0、React 19.1.0、Tailwind CSS 4.1.0、Rsdoctor 1.0、Bun 1.2.7、Biomeの型推論機能強化、zx 8.5.0、GitHub Issuesのダッシュボード更新、GitHub Actionsの破壊的変更通知など
NetlifyにはDeployを自動的に削除する機能があるが、よりコントロールしたい場合にはNetlify APIが利用できる。この記事では、Github Actionsで自動的にNetlifyのDeployを削除する方法について紹介する。
QRコードを生成するライブラリは多く存在する。また、一時的なもので良ければURLで生成できるサービスもある。
gh pr createでレビュワーをチームにする場合、追加で`read:org`の権限が必要になるため、デフォルトのsecrets.GITHUB_TOKENでは動作しなくなる。`repo`と`read:org`の権限を持ったPersonal Access Tokenを使うことで解決できる。
Github Actionsのmatrixのアイテムを条件によって切り替える方法について
Githubの検索については公式ドキュメントが十分にまとめられている。しかし、少し辿りにくいようなので、人に共有しやすいように公式ドキュメントのリンクや一部の記述についてまとめた。
Github ActionsにおけるNode.jsパッケージのキャッシュについて、actions/setup-nodeの推奨する方法やnode_modulesをキャッシュする方法、その周辺について紹介する。
actions/setup-nodeではnode-version-fileを利用することで、利用されるNode.jsのバージョンをpackage.jsonなどに合わせることが出来る。これだけで便利だが、他にもお勧めできる不純な理由がある。
actions/setup-nodeのcacheが期待通りに動作しないことは認識していたが、改めて調べたらそもそもnode_modulesをキャッシュしないことが分かった。
Github WorkflowsでEnvironment SecretsやEnvironment Variablesを使って環境に応じて異なるSecretsやVariablesを使う方法を紹介する。
Github Actionsのpull_requestトリガーのworkflowがなぜか実行されていないという相談を受けたので、その原因と解決策についてまとめた。
RenovateがPRを作成するタイミングをnot-pendingにしている場合、Githubのブランチプロテクションでpull_requestトリガーのGithub Workflowを必須にしているとPRが作成されなくなることについて説明する。l
Github Workflowsが落ちたらIssueを作らせる方法について調査した結果をまとめた。
GithubでReviewer全員のApprovedを必須にする方法を紹介するが、おすすめしない。
Hi there. I'm hrdtbs, a frontend expert and technical consultant. I started my career in the creative industry over 13 years ago, learning on the job as a 3DCG modeler and game engineer in the indie scene.
In 2015 I began working as a freelance web designer and engineer. I handled everything from design and development to operation and advertising, delivering comprehensive solutions for various clients.
In 2016 I joined Wemotion as CTO, where I built the engineering team from the ground up and led the development of core web and mobile applications for three years.
In 2019 I joined matsuri technologies as a Frontend Expert, and in 2020 I also began serving as a technical manager supporting streamers and content creators.
I'm so grateful to be working in this field, doing something that brings me so much joy. Thanks for stopping by.