O hirunewani blog

2025年7月11日

Q. CircleCIでPEP 668エラーが発生するようになった

いくつかのCircleCIを利用しているプロジェクトで、ある時期を境にPEP 668エラーが発生するようになった。 これはCircleCIが提供するDockerイメージのUbuntuが非自明的に上がることにより、意図せずPEP 668に従ったUbuntu 24.04になってしまったことによる。 ## エラーの発生 `cimg/node:22.17.0`ま...

2025年7月7日

Storybook v9へのマイグレーションのメモ

ほとんどは公式の自動更新コマンドで移行が完了する。Storybook v9への移行を複数のリポジトリで行う必要があるため、作業をメモに残した。他リポジトリで差分があれば追記する。

2025年7月4日

RenovateのPR数を削減するパターン

Renovateが作成するPR数を削減しレビュー負荷を軽減する設定パターンをいくつか紹介する

2025年6月22日

Fairseqを利用したRVCアプリのGradio v5アップグレードに伴う依存関係エラーとその対策

Hugging Face Spacedでホスティングしているfairseqを利用したアプリをGradio v5へ更新する際に発生した依存関係エラーと対応メモ。

2025年6月2日

Q. 古いブラウザ用のアプリでライブラリをアップデートしたら動作しなくなった

Polyfillがアップデートしたライブラリに適用されておらず、古いブラウザで利用できないメソッドが呼び出されランタイムエラーが発生していた。Polyfillを適用する設定を見直すことで対応した。

2025年5月27日

Playwrightでスクリーンショットの保存先をカスタマイズする

Playwrightのスクリーンショットは、例えば`toHaveScreenshot`のデフォルトでは次のような形式で保存される。 ```txt {testDir}/{testFilePath}-snapshots/{arg}-{projectName}{ext} ``` それぞれのパスの意味は次の通り。 - `{testDir}`: テストディレク...

2025年5月26日

Playwrightでテスト実行時にweb serverを立ち上げる

Playwrightで書かれたテストの改修をしていると、CI上でホスティングサービスにデプロイしたURLを貰ってきてから実行しているケースが度々見られるが、Web Serverを立ち上げて実行した方が良いことが多い。 URLを貰う形式ではタスクが直列になるため実行時間が増加し、ホスティングサービスの開発環境向けの貧弱な環境へアクセスするためテストがフレーキ...

2025年5月13日

GitHub Actionsを利用してリリースノートの生成を自動化する

GitHub CLIを利用してリリースノートを生成する方法とGitHub Actionsでの使用例の紹介

2025年4月29日

AIなどの特定ユーザーの作成したPRに要求するApproval数を増やす

Botなどが作成したPull Requestに対して、GitHub Actionsを利用して通常より多くのApproveを要求する方法

2025年4月20日

他者への恐怖と自己バイアスの発見または他者との対話の重要性

日常の会話や経験を通じて気づく、無意識のバイアスと価値観の偏りがもたらす認識のズレと、そのズレを通じて深まる自己理解の重要性

2025年4月18日

全体への注意喚起が引き起こす"静かな分断"

全体への注意喚起という怠慢がチーム内に引き起こす信頼関係の崩壊と、信頼を生む誠実な注意

2025年4月13日

MCPサーバーの概観

MCPの仕様、SDKやサーバーの例、MCPのサポート状況、セキュリティ上の懸念、代替の可能性について。

2025年4月6日

CSSカルーセルを試す

Chrome 135でサポートされたCSS Overflow Module Level 5によるCSSカルーセルの実装方法を紹介します。

2025年3月25日

AWS CDK CLIとCDKコンストラクトライブラリのバージョンが一致しなくなった

aws-cdkとaws-cdk-libはv2.174.0以降バージョンが一致しなくなったことについて。また、有効な組み合わせの判定が困難になったため簡易なリリース日による判定について。

2025年3月23日

VercelでCloudflareのプロキシを使用した際のリダイレクトループ

VercelでCloudflareのプロキシを使用する際に発生する「err_too_many_redirects」エラーの原因と解決方法について

2025年3月22日

Tailwind CSSはAIフレンドリーではない。

Tailwind CSSがAIフレンドリーである負債になりにくいといった主張について、少なくとも現状は違うという認識を持っています。

2025年3月21日

スライドパズルが解けるかの判定

スライドパズルの状態は置換群として表現できるため、置換群の性質を利用して判定することが出来る。

2025年3月15日

golangci-lintをgo toolでインストールすべきでない

golangci-lintのソースからのインストールは動作が保証されていません。バイナリをインストールするべきです。

2025年3月12日

Go 1.24でgolangci-lintがエラーを吐くようになった

Go 1.24でgolangci-lintを扱うには、Go 1.24でビルドされたgolangci-lint 1.64以上である必要がある

2025年3月11日

GitHub Dependabot Alertを有効化したらRenovateが対象のPRを投げてくれる

Dependabot Alertを有効化するだけで、RenovateがセキュリティPRを投げてくれるようになる

2025年3月11日

Q. Go言語である型を満たす型パラメータとその型自体が違う型と言われる

型パラメータを持つ型と具体的な型は区別される。

2025年3月8日

自分のデザインを説明する

自分のデザインの説明責任を果たすことの大切さ、説明責任とアブダクションラインについて

2025年3月5日

GitHub Sub-issuesのすすめ

Sub-issuesを利用することで、GitHubで完結したIssue管理、特に進捗管理が容易になる。

2025年3月4日

Q. gomockでフィールドの部分一致を検証したい

Custom matcherを利用するか、Doメソッド内で検証するか

2025年3月2日

OpenAPIでoneOfやanyOfを使うのは避けるべき

ツールのサポートが不十分な上、言語やツールによって扱いが異なるため、おすすめしない。

2025年2月24日

傍から見たスクラム

スクラムについて漠然として自分が思っていることをある程度まとめたもの。

2025年2月17日

list-styleを無効化したul要素にlistロールを指定すべきなのか？

list-styleを無効化したul要素にlistロールを指定すべきという方針はアンチパターンである可能性が高い。

2025年2月16日

Setup ComfyUI for 2025

知人のために2025年版 ComfyUIのセットアップを紹介する内容です。細かいところは直接説明するので省いています。

2025年2月15日

Faker.js v9.5.0 でAI生成されたアバター画像を利用する

Faker.js v9.5.0で追加されたpersonPortraitメソッドについて紹介する。

2025年2月9日

AstroではGoogle Fontsを直接利用しない方が良いかもしれない

Astroはstylesheetを巻き上げてしまうため、preconnectなどの指定より前にGoogle Fontsの読み込みが開始されパフォーマンスが悪化する可能性がある。

2025年2月9日

CloudflareのBot Fight ModeがSlackでのOGP表示をブロックしている可能性がある

CloudflareのBot Fight Modeが有効な場合に、SlackでOGPが表示されなくなる挙動を数件のサイトで確認した。

2025年2月9日

GitHub Copilot Agent Modeを試す

現在はプレビューなため、Agent ModeはVSCode Insidersでのみ利用可能。合わせてCopilot Editsが一般公開、またVisionもプレビューでの利用が可能になった。

2025年2月7日

Q. GopdfでフォントをNoto Sans CJKに変更したら文字が細くなった

PDFを出力するツールやライブラリにはバリアブルフォントを対応していないものがあり、意図した表示にならない場合がある。

2025年2月4日

Q. aws-cdkがCloud assembly schema version mismatchエラーを吐く

aws-cdkの関連パッケージのバージョンが一致していない場合、Cloud assembly schema version mismatchエラーが発生する可能性がある。

2025年2月3日

AstroでTailwind CSSをv4にアップグレードした

現在ブログとして運用しているサイトのAstroをTailwind CSS v4にアップグレードした際の内容をまとめる。

2025年1月19日

Ref callbackとcleanup functions

Ref callback、React v19で追加されたクリーンアップ関数、useEffectとの違いについて。また特にクリーンアップ関数を使ったRef callbackの実装例。

2025年1月18日

Invalid WebSocket frame: RSV1 must be clearについての調査ログ

macOSで開発を行っていると遭遇した「RangeError: Invalid WebSocket frame: RSV1 must be clear」エラーについて調査した際のログ。

2025年1月11日

PRが閉じられたら自動的にNetlifyのDeployを削除する

NetlifyにはDeployを自動的に削除する機能があるが、よりコントロールしたい場合にはNetlify APIが利用できる。この記事では、Github Actionsで自動的にNetlifyのDeployを削除する方法について紹介する。

2025年1月4日

BigQueryのフィールド取得とクエリで利用できる型への変換

取得できるBigQueryのフィールドの型のいくつかは、クエリにそのまま利用することが出来ない。GolangのBigQueryパッケージを利用してスキーマを取得し、クエリで利用できるように変換する方法について。

2024年12月13日

Web ComponentsのReact v19対応

React v19ではグローバルなJSX名前空間が削除されたため、これを利用している場合に型の変更が必要になる。

2024年12月10日

コミット前に画像を圧縮させる

sharpを使って画像を圧縮するスクリプトを、lefthookを利用して画像をコミット前に圧縮させる方法について紹介する。

2024年12月9日

Q. git pushすると400エラーが発生する

大きなファイルをpushしようとすると、http.postBufferの制限に引っかかり400エラーが発生する場合がある。

2024年12月8日

Astro 5へのマイグレーションを行った

公式ドキュメントなどを参考にAstro 5へのマイグレーションを個人的に行った際のメモ

2024年12月5日

Q. BigQueryでクエリを実行するとNo matching signature for function IFNULLエラーが出る

型の指定がない場合、NULLがINT64と判定され、強制変換可能でないデータ型に対してIFNULLを使うとエラーが発生する。

2024年11月30日

StreamDeckをVTube Studioと連携する

StreamDeckのVTube Studioプラグインを利用して、StreamDeckからVTube Studioを操作できるようにする方法を紹介する。

2024年11月28日

VitestでsetTimeoutやsetIntervalなど時間が関与したコードのテストを記述する

VitestではFake Timer APIを利用することで時間に依存するコードを柔軟に且つ短時間でテストすることができる。

2024年11月27日

YouTubeの合成コンテンツ規制

規制を受けているYouTubeのコンテンツを調査する上で、 YouTubeの改変コンテンツと合成コンテンツについてのポリシーについて調べた内容をまとめた。

2024年11月26日

Playwright v1.49の変更によるChromiumダウンロードコストの変化

Playwirght v1.49の変更によるChromiumのダウンロードコストの変化を計測した。

2024年11月15日

Q. ローカル環境でのE2EテストがReactDevOverlayにより失敗する

Next.jsを利用したサービスでPlaywrightテストをローカル実行する際に、ReactDevOverlayを非表示する方法について

2024年11月5日

Renovate - On demand config migration

RenovateのDependency DashboardからConfigを新しいスキーマに移行できるようになった。

2024年10月28日

QRコードを簡単に生成する

QRコードを生成するライブラリは多く存在する。また、一時的なもので良ければURLで生成できるサービスもある。

2024年10月24日

Q. golangci-lintがnode_modules内のGoファイルを検査してしまう

exclude-dirsで、特定のディレクトリを除外することができる。

2024年10月24日

Q. gh pr createでレビュワーをチームに変更したら、Github Actions上で動作しなくなった

gh pr createでレビュワーをチームにする場合、追加で`read:org`の権限が必要になるため、デフォルトのsecrets.GITHUB_TOKENでは動作しなくなる。`repo`と`read:org`の権限を持ったPersonal Access Tokenを使うことで解決できる。

2024年10月22日

Q. 削除された変数への参照が、グローバル変数と一致しているためエラーが出ない

ESLintのno-restricted-globalsルールを利用することで、グローバル変数を禁止して、意図しないグローバル変数への参照を防ぐ。

2024年10月19日

How to make Github Actions matrix items conditional

Github Actionsのmatrixのアイテムを条件によって切り替える方法について

2024年10月8日

ページを離れた際に呼ばれるブラウザイベントについて

ページを離れた際に呼ばれるブラウザイベントについて、共有したくなったので改めて少し調査した上でまとめた。

2024年9月29日

Githubの検索に使える記述について

Githubの検索については公式ドキュメントが十分にまとめられている。しかし、少し辿りにくいようなので、人に共有しやすいように公式ドキュメントのリンクや一部の記述についてまとめた。

2024年9月21日

Github ActionsにおけるNode.jsパッケージのキャッシュについて

Github ActionsにおけるNode.jsパッケージのキャッシュについて、actions/setup-nodeの推奨する方法やnode_modulesをキャッシュする方法、その周辺について紹介する。

2024年9月19日

Storybookでサイドバーのラベルにタグを付ける

Storybookでサイドバーのラベルにタグを付ける方法を紹介する。ラベルにタグを表示することで、コンポーネントの状態などを分かりやすくできる。

2024年9月17日

Windowsでcargo build実行時にlinkerが見つからないエラーが発生した

linker `link.exe` not foundに対処した際のメモ

2024年9月9日

Google検索をカスタマイズして埋め込む

特定のいくつかのサイトを対象にした検索エンジンを埋め込む需要があったため、Google検索の埋め込みについて調査した。

2024年9月7日

なるべく低コストな小規模オンライン予約システムを探す

ほぼ運用コスト0円で、なるべく早くオンライン予約サービスを作りたいという相談を受けた。決済や予約が絡むサービスを一から作るのはコストが高すぎるので、要望を叶えられるサービスを調査した。

2024年9月2日

カラオケJOYSOUND for STREAMERの利用規約を配信者向けに読む

話題になっているJOYSOUNDのカラオケアプリについて、技術提供をしている配信者が利用する可能性があるため事前に調べた内容をメモした。

2024年8月28日

Q. マネージャーを信用できない非難したい

マネージャーの指示が間違っており損害を受けたので非難をしたいという相談を受けた際の対応をまとめた。

2024年8月27日

actions/setup-nodeのcacheはnode_modulesをキャッシュしない

actions/setup-nodeのcacheが期待通りに動作しないことは認識していたが、改めて調べたらそもそもnode_modulesをキャッシュしないことが分かった。

2024年8月27日

actions/setup-nodeでnode-version-fileの利用を勧める不純な理由

actions/setup-nodeではnode-version-fileを利用することで、利用されるNode.jsのバージョンをpackage.jsonなどに合わせることが出来る。これだけで便利だが、他にもお勧めできる不純な理由がある。

2024年8月23日

ESLintでエラーが出ているルールをjqを利用してリスト表示する

ESLintのあるプラグインを更新する際にエラーが出ているルールの一覧が欲しいという話があったので、jqを利用してエラーが出ているルールをリスト表示する方法を考えた。

2024年8月21日

Unreal Engine 5.4でVMC Protocolを利用する

Unreal Engine 5.4でVirtual Motion Capture Protocol（VMC Protocol）を利用して、モデルにアニメーションを適用する方法をメモした。

2024年8月20日

Unreal Engine 5.4でVRMを動かす

Unreal Engine 5.4でVRMをインポートして、動作確認をした際の手順をメモした。

2024年8月16日

Q. GTMでページがiframe内のページとして認識されてしまう

同一ドメインのページをiframeで読み込んでいる場合、Google Tag Manager（GTM）がiframe内のページとして認識される挙動を確認した。相談を受けた際の内容をまとめる。

2024年8月16日

Q. コンポーネントをuseCallbackで作るかスコープ外の関数として切り出すべきか

個人的には出来る限りスコープ外の関数としてコンポーネントを切り出すべきだと考えている。パフォーマンス、コードとしての質、将来性の観点から説明を行った

2024年8月16日

Q. Renovateでauto mergeが上手く動作せず、レビュワーが設定されない

Renovateでauto mergeを有効化した上で、Githubのブランチプロテクションでレビューを必須にした場合、適切な対応を行わなければオートマージが行われずレビュワーも設定されない。これによりRenovateのPRが見逃されるケースがあり、相談を受けた際の説明をまとめた。

2024年8月16日

Renovateのレビュワーにチームを指定して運用する

Renovateでレビュワーを指定する際、Githubで設定したチームを指定することで、放置される可能性を減らしたり、チームメンバーが変わっても設定を変更する必要がなくなるなどのメリットを受けられる。

2024年8月16日

色空間とOKLCHを利用したカラーパレットの生成

CSSがサポートしている色空間の特性や歴史的な経緯、カラーパレットを生成する場合にOKLCH色空間の利用を推奨する理由について解説する。

2024年8月12日

iOS Safariの音声再生における制限とその回避策の検証

ブラウザでは音声の自動再生を防ぐ目的で、音声の再生が制限されている。この記事では、特に制限が厳しいと言われるiOS Safariについて、その制限と回避策の検証を行った内容をまとめる。

2024年8月11日

Homebrew - Error: Permission denied @ apply2files

Homebrewで任意のパッケージをインストールしようとするとError: Permission denied @ apply2filesというエラーが出るようになった際の対応をメモした。

2024年8月10日

WindowsからHugging Faceにssh接続する

Hugging Face固有の内容はほぼない。Windows環境からSSH接続しようとするとError connecting to agentと言われた。その対応をまとめる。

2024年8月7日

Canvasを使ってカーソルにエフェクトを付与する

Canvas APIを利用してマウスに追従するエフェクトを付与する方法を紹介する。

2024年8月6日

AstroでMarkdownのレンダリングにカスタムコンポーネントを利用する

AstroではMarkdownファイルにMDXやMarkdocと同様のAPIが利用できないため、Gatsybyなどの同様にremarkなどのpluginを利用する必要がある。

2024年8月4日

フロントエンドテスト講座を開催した

フロントエンドテスト講座を行った際の内容をまとめた。

2024年8月2日

Github Workflowsで環境に応じて異なるSecretsやVariablesを使う

Github WorkflowsでEnvironment SecretsやEnvironment Variablesを使って環境に応じて異なるSecretsやVariablesを使う方法を紹介する。

2024年8月2日

ホテルや民泊でリッチリザルトを表示するための構造化データについて

ホテルや民泊を掲載しているサイトでリッチリザルトを表示するために、どのように構造化データが利用されているか調査した。

2024年7月31日

Tailwind CSSに新しいクラス、ユーティリティを追加する

Tailwind CSSに新しいクラスつまりユーティリティを追加するには、設定ファイルにプラグインを追加するか、自分でプラグインを作成する必要がある。

2024年7月29日

React v19 styleタグと@scopeでCSS-in-JSを置き換えることは出来ない。

React v19でstyleタグと@scopeを使って、いくつかのCSS-in-JSライブラリのようにclassNameを指定せずにスタイルのカプセル化が出来るのかを検証した。

2024年7月29日

PCで流れている曲を検索する

Shazamを使えばいい。PCで流れている音楽を検索する方法を紹介する。ブラウザで流れている音声を検索する方法や、周囲で流れている音声を検索する方法、モバイルで検索する方法について。

2024年7月27日

国民年金保険料追納申込書を郵送で出したい

国民年金保険料追納申込書の出し方が分からないと相談を受けた際に調べた内容をまとめた。

2024年7月26日

Q. overflow-yを指定したら、縦スクロールバーが表示されるようになった

overflow-yを指定したら、縦スクロールバーが表示されるようになる状況の解説と対処法について書いた。

2024年7月26日

Q. React Routerでページ遷移してもErrorBoundaryがリセットされない

React Routerを利用している環境で、一度エラーが表示された後に、パスパラメーターが異なるURLに遷移しても、ErrorBoundaryによって表示されたエラーが画面から消えないと相談を受けた。その理由と対応策について書いた。

2024年7月24日

Tabs using Parallel Routes with Next.js App Router

公式ドキュメントを十分に読んでいないと理解が難しいと思われるParallel routesが404になる理由やdefault.jsの意味について、タブの実装を例に書いた。

2024年7月21日

Release vscode-apacheconf-snippets v1.4.0

約5年振りにhrdtbs/vscode-apacheconf-snippetsのリリースを行ないました。

2024年7月20日

Q. Git pullすると、いくつかのファイルのトラッキングが解除される

Git pullするといくつかのファイルのトラッキングが解除されたように見える状況の調査についてまとめた。

2024年7月19日

React 19の機能を見る会のメモ

React公式ドキュメントを見ながらReact 19の新機能を見る会を主催した際のメモです。多くは最低限このくらいの理解はしておいた方がいいという内容を事前に羅列しておいたものですが、一部その場で話題になった内容も含まれています。

2024年7月10日

明示的に無効化されたインタラクティブ要素でTooltipを気軽に表示すべきでない

無効化されたbuttonやinputなどのインタラクティブ要素にツールチップを表示したいという相談を複数回受けたので、その問題点と代替手段についてまとめた。

2024年6月27日

Q. ESLintで特定のpropsを禁止にしたい

ESLintで特定のpropsを禁止にしたい場合の設定方法について説明する。

2024年6月26日

Q. ESLintで特定の要素の利用を禁止したい

ESLintで特定の要素の利用を禁止したい場合の設定方法について説明する。

2024年6月22日

VitestのspyOnは同一ファイルの別関数をモックできない

VitestのspyOnは、Jestなどと異なり同一ファイルの別関数をモックできない。ただし、これはVitestのスコープ外の問題であり、Jestなどでも同条件であれば同様の制限が発生する。

2024年6月11日

Setup Stylelint v16 for CSS-in-JS

StylelintはCSS-in-JSで扱うことが少し困難になった時期に使わなくなっていたが、久しぶりStylelintを調べると十分に対応されていたので、導入を行った。その際の設定方法を記載する。

2024年6月10日

Q. 指定されたパスのすべてのモジュールをモックするmockメソッドは巻き上げられる

Vitestでモックが上手く動作しないと相談されたので、その理由などについてまとめた。

2024年5月31日

よくある設計→Webデザイン→実装の流れ、そのQ&A

一般的なWebデザインの流れについて質問があったため、その流れとよくあるQ&Aをまとめた。

2024年5月30日

ESLint Config InspectorをGithub Pagesにデプロイする

ESLint Config InspectorをGithub Pagesにデプロイする方法について紹介する。

2024年5月30日

特定のディレクトリやファイルをRenovateに無視させる

Renovateには特定のファイルやディレクトリを無視させる機能があり、デフォルトではnode_modulesなどを無視するようになっている。

2024年5月29日

React向けESLint pluginのESLint v9対応状況

ESLint v9がリリースされたが、ESLint pluginのESLint v9対応が出来ていないpluginが複数あり、その対応状況を調査した。

2024年5月21日

fireEventではなくuserEventを使う

fireEventではなくuserEventを使うべき理由と、userEventの使い方、userEventが対応できないケースについて解説する。

2024年5月16日

Q. textareaに掛けたfield-sizing: content; width: 100%;が効かない

textareaにfield-sizing: content; width: 100%;などを指定しても親要素の幅を超えてしまうという相談を受けたので、その原因と対応についてまとめた。

2024年5月14日

Q. Chrome 124からaspect-ratioが指定されたgridアイテムがoverflowするようになった

Chrome 124からaspect-ratioが指定されたgridアイテムがoverflowするようになったという報告があったので、その理由と対処方法についてまとめた。

2024年5月14日

Q. position: stickyが効かない

position: stickyが効かないという質問を受けたことが度々あったので、その原因と解決策についてまとめた。

2024年4月29日

Q. Remix Cloudflareで404 not matchエラーが出る

Remix + Cloudflareの環境で、トップページのOutlet内部のコンテンツが表示されず、他のページでは404 Not matchエラーが発生するようになったと相談を受けたので、その原因と解決策についてまとめた。

2024年4月26日

Q. CircleCI上で特定のmoduleをインストールさせたらrequires go >= 1.22で落ちた

CircleCI上で特定のmoduleをインストールさせたらrequires go >= 1.22で落ちたと質問を受けた際の対応についてまとめた。

2024年4月25日

Reactでrefをマージする

Propsから受け取ったrefを内部的なrefとマージする方法を紹介する。

2024年4月23日

Q. go mod tidyしたらruntime error: invalid memory address or nil pointer dereference

go mod tidyを実行したらruntime error: invalid memory address or nil pointer dereferenceエラーが発生した問題について解決策をまとめた。

2024年4月17日

Q. pull_requestトリガーのworkflowがなぜか実行されていない

Github Actionsのpull_requestトリガーのworkflowがなぜか実行されていないという相談を受けたので、その原因と解決策についてまとめた。

2024年4月16日

Q. refが取れないので非制御コンポーネントに出来ない

refが取れないので非制御コンポーネントに出来ないという相談を受けたので、非制御コンポーネントとrefの関係について説明した

2024年4月11日

Playwrightの動画を取りたい

Playwrightのテスト結果を動画で録画する方法について紹介する。

2024年4月8日

Renovateの設定をバリデーションする

Renovateは公式が設定をバリデーションする機能を提供している。

2024年2月19日

Q. Goのバージョンをv1.21に上げたらgolangci-lint v1.52でerrors parsing go.mod: … unknown directive: toolchainとエラーが出る

Goのバージョンをv1.21に上げたら、golangci-lint v1.52でerrors parsing go.mod: … unknown directive: toolchainとエラーが出る問題について解決策をまとめた。

2024年2月15日

prCreationがnot-pendingになっているGithubリポジトリでRenovateが動作しなくなっていた

RenovateがPRを作成するタイミングをnot-pendingにしている場合、Githubのブランチプロテクションでpull_requestトリガーのGithub Workflowを必須にしているとPRが作成されなくなることについて説明する。ｌ

2024年2月15日

Prettierで特定のファイルに適用されるParserを変更する

Prettierで特定のファイルに適用されるParserを変更する方法について紹介する。

2024年2月14日

Q. VSCodeが勝手にテストを走らせるようになった

VSCodeが勝手にテストを走らせるようになったという相談を受けたので、その理由と対応についてまとめた。

2024年2月13日

Q. Github Workflowsが落ちたらIssueを作らせたい

Github Workflowsが落ちたらIssueを作らせる方法について調査した結果をまとめた。

2024年2月13日

余計なDOMを追加せずにinput[type="file"]を装飾する

file-selector-buttonを利用してinput[type="file"]を装飾する方法とその是非について。

2024年2月9日

Q. yarn upgradeするとcanvas: Command failedと言われ失敗するようになった

yarn upgradeするとcanvas: Command failedと言われ失敗するようになったという相談を受けたので、その原因と対応についてまとめた。

2024年2月6日

Q. useRefでステートを管理していいのか

useRefでステートを管理する是非について質問を受けたので、個人的な意見をまとめた。

2024年1月31日

useEffectEventについてのメモ

useEventの後継として提案されているuseEffectEventについてのメモ。

2024年1月29日

Renovateでパッケージをreplaceする

Renovateにはパッケージを別のパッケージに差し替える機能がある。

2024年1月23日

一部の属性値（data- など）は、型定義がJSXに含まれていなくても型エラーにならない

data-属性やaria-属性などは、型定義がJSXに含まれていなくても型エラーになりません。この理由や型エラーになるケースについて紹介します。

2024年1月8日

Q. iOSでinputにフォーカスするとズームしてしまう

iOSでinputにフォーカスするとズームしてしまう問題について調査した結果をまとめた。

2024年1月4日

Q. JWTから渡されたBase64文字列をwindow.atob()に渡すとエラーが出る場合がある

JWTをクライアントでデコードする際にエラーが出る場合があると相談を受けた際の調査結果をまとめた。

2023年12月23日

ReactコンポーネントはJSXとして呼ぶべき

ReactコンポーネントをJSX形式ではなく、ただの関数として呼ぶとバグの原因になる場合がある。これが原因のバグの相談を度々受けるので、問題になる例と対策をまとめた。

2023年12月7日

Q. Playwrightのテスト改善をしてほしい

Playwrightのテスト改善をしてほしいという相談を受けた際の対応をまとめた。

2023年11月24日

Q. Day.jsのisValidメソッドの日付判定が緩い

Day.jsのisValidメソッドの判定が緩いのは何故かと質問を受けたので、その理由についてまとめた。

2023年10月18日

2種類のスクロールバーとscrollbar-gutterによる制御

動的的にコンテンツが増えるようなサービスでは、クラシックスクロールバーによって画面が崩れたような印象を与えてしまう場合がある。この記事では、クラシックスクロールバーとオーバーレイスクロールバーの軽い説明と、scrollbar-gutterによる対策を説明する。

2023年8月29日

Q. npm publishで429 Too Many Request エラーが返ってくる

npm publishで429 Too Many Request エラーが返ってくる問題について調査した結果をまとめた。

2023年8月11日

React公式のuseFormStatusを利用したButton実装が雑にフォームに入れられて便利

React v18.2.0時点ではexperimentalなuseFormStatusを利用すると、重複送信を防ぐボタンを簡単に実装できる。

2023年8月9日

Q. Noto Sansの場合、下にずれたように見える

Noto Sansを使った際に、他のフォントと比べて下にずれたように見える問題についての調査をまとめた。

2023年7月24日

Q. npm.rangeStrategyをpinにするとenigineもpinされてしまう

Renovateでnpm.rangeStrategyをpinにするとengineもpinされてしまう問題について解決策をまとめた。

2023年7月22日

React Server Componentのメンタルモデル

reactwg/server-componentsのDiscussionsで公開された`Why do Client Components get SSR'd to HTML? `のRSCの説明が分かりやすい。

2023年7月10日

Q. Migrate to React Router v6 Q&A まとめ

React Router v6に移行する際に気を付けるべき点や、移行時に受けた質問をまとめました。

2023年7月7日

Q. iPhoneで見るとフォーム画面が崩れる

iPhoneで見るとフォーム画面が崩れる問題について調査した結果をまとめた。

2023年7月4日

CSS Media Queryを使うときに気を付けること及び知見

CSS Media Query、特にmin-widthまたはmax-widthを利用する場合に気を付けた方が良いパターンや知見について紹介する。これらのメディア特性が自由に扱われているスタイルは破綻しやすい。

2023年6月28日

ReactのRouterライブラリなどでパスの書き間違いから解放される方法

ReactのRouterライブラリなどでパスの書き間違いを防ぎたいと聞かれたので、いくつかの方法を提示した際のメモ。

2023年5月20日

Q. autoComplete/autoFillを完全に防ぎたい

autoComplete/autoFillを完全に防ぐ方法について質問を受けたので、その対処方法についてまとめた。

2023年5月20日

Q. フォームでsubmit buttonを押下すると上の方になぜかスクロールされる

フォームでsubmit buttonを押下すると上の方になぜかスクロールされるという相談を受けたので、その原因と対応についてまとめた。

2023年5月14日

Q. ページにフォーカスを戻すと入力要素に入力していた内容が吹き飛ぶ場合がある

ページにフォーカスを戻すと入力要素に入力していた内容が吹き飛ぶ場合があるという相談を受けたため、その調査と対応についてまとめた。

2023年4月22日

Github Actionsを利用してReviewer全員のApprovedを必須にする

GithubでReviewer全員のApprovedを必須にする方法を紹介するが、おすすめしない。

2023年4月22日

Q. npm, pnpm, yarn, npxの違いを一ミリも理解していない

npm、pnpm、yarn、npxの違いを一ミリも理解していないと相談を受けた際のメモ。

2023年4月16日

Q. 社内用eslint-configを入れ、ESLintをv8に上げたら、特定のルールでhasSuggestionを設定していないと言われる

ESLintをv8に上げたら特定のルールでhasSuggestionを設定していないと言われると相談があったので、その対応についてまとめた。

2023年4月16日

RenovateのScheduleがminuteを指定できない。

Renovateでスケジュールが機能しないという相談を受けた際に調べたところ、技術的に分単位の制御が出来ないことが分かった。

2023年4月8日

Playwrightでファイル選択をする

PlaywrightでFileChooserオブジェクトを利用してファイル選択をエミュレートする方法について紹介する。

2023年4月8日

Playwrightスクリプトを自動生成する

Playwrightのスクリプトを自動生成する方法について紹介する。

2023年4月8日

Q. E2Eテストで稀に要素が取得出来なくなり失敗する

Playwrightを利用したE2Eテストで稀に要素が取得できなくなり失敗すると相談を受けた際の対応についてまとめた。

2023年4月8日

Q. RenovateでGolangのバージョンが上がらなくなった

RenovateでGolangのバージョンが上がらないと相談を受けた際に調べた内容をまとめた。

2023年4月8日

ローカルホストのサービスを外部に公開したい

一時的に公開したいだけであればngrokが簡単に利用出来て便利。長期的に公開したい場合は、他のサービスの検討をおすすめする。

2023年4月8日

VOICEVOXをREST APIとして利用する

チャットボットの音声としてVOICEVOXの利用を検討した際に、REST APIとして利用する方法を調査した内容をまとめた。

2023年3月8日

Reactの状態管理ライブラリについて比較雑感

Reactの状態管理ライブラリであるJotai、Recoil、Redux、Zustandについて比較した雑感。

2023年2月28日

CI上でPlaywrightのテストが落ちたら確認すること

CI上でPlaywrightのテストが落ちた場合、どのようなことを確認すると良いか書いた。

2023年2月20日

スクロール領域はそのままにスクロールバーを隠す

モダンなブラウザのみサポートする場合は、`scrollbar-width: none`の指定のみでスクロールバーを隠すことが出来る。 次は`scrollbar-width: none`を使用してスクロールバーを隠したデモ。有効な環境であれば、スクロールバーが消えているがスクロール領域は存在するため、例えば方向キーなどで操作は可能。 <style> ...

2023年1月14日

React Router v6でパスパラメータが変更されたら再レンダリングしたい

React Router v6でパスパラメータが変更された際も再レンダリングをトリガーする方法を紹介する。

2023年1月2日

Prism.jsでハイライトされない言語があった

Prism.jsを利用していると対応言語に書かれているがハイライトされない言語がいくつかあった。これはprism-react-rendererからprismjs本来の機能を使うように移行した際のメモです。

2022年12月4日

最低限困らないUnreal Engineのビューポート操作

Unreal Engineのビューポート操作について、最低限困らないための基本的な操作方法をまとめた。

2022年11月3日

React Function Componentの型について何を使うべきか

ReactのFunction Componentの型は、歴史的な理由などにより様々な記述ができる。React.FunctionComponent、React.FC、React.VFC、(props: SomeComponentProps): JSX.Elementなどがある。

2022年11月3日

ReactとTypeScriptでHTML属性を拡張する方法について

ReactとTypeScriptでHTML属性を拡張する方法について書いた。React.ComponentPropsWithoutRefやReact.ComponentPropsWithRef、React.ComponentProps、JSX.IntrinsicElements、React.DetailedHTMLProps、React.ButtonHTMLAttributes、React.HTMLProps、React.AllHTMLAttributes、React.HTMLAttributesなど。

2022年11月3日

Reactのpropsをunion typeにする方法について

Reactのpropsをunion typeにする方法をいくつか紹介する。ただし、これらの利用やそもそもunion typeをpropsに使うこと自体が適切かどうかは慎重に検討する必要がある。

2022年11月3日

Reactのイベント型について

Reactのイベント型について書いた。React.MouseEvent、React.ChangeEvent、React.SyntheticEvent、NativeのEvent型、React.XXXEventHandlerなどについて、どれを使うべきか。

2022年10月17日

CSS in JS 2022-10

2022年10月時点でのCSS in JSについてのメモ。Zero Runtime CSS in JSやZero-runtime CSS in JSライブラリの比較など。

2022年10月4日

PlaywrightでAPIのレスポンスを差し替える

PlaywrightでAPIのレスポンスを差し替える方法について紹介する。

2022年10月4日

Playwrightでページエラーを検出する

Playwrightでページ内で発生したエラーを検出する方法について紹介する。

2022年10月4日

Playwrightをheadedまたはデバックモードで実行する。

Playwrightをheadedまたはデバックモードで実行する方法について紹介する。

2022年10月4日

PlaywrightでVisual Regression Testingする

PlaywrightでVisual Regression Testingを行う方法について紹介する。

2022年10月4日

Playwrightで任意のスクリプトを実行する

Playwrightでページ内で任意のスクリプトを実行する方法について紹介する。

2022年10月4日

Playwrightでセッションを再利用する

PlaywrightでCookieやLocal storageをstate.jsonに保存してセッションを再利用する方法について紹介する。

2022年9月29日

Fire-and-forgetパターンとuseEvent

Fire-and-forgetパターンつまりuseEffectOnceのようなコードをuseEventでどのように置き換えられるか

2022年9月22日

CSS 変数で色を透過したりパレットを生成する

CSS変数に色をそのまま宣言するのではなく、パラメーターを持たせておくことで、`rgb()`や`hsl()`、`lch()`などの関数に渡して、色を生成する方法を紹介する。

2022年9月22日

CSSで印刷時の見た目を調整する

@media printや@page、break-inside、break-before、break-after、print-color-adjustなどを利用して印刷時の見た目を調整する方法を紹介する。

2022年9月22日

text-align-last: ブロックの最後の行および強制的な改行の直前の行をどのように配置するか

Safari 16でサポートされ、全ての主要なブラウザで利用できるようになったtext-align-lastについて紹介する。

2022年8月25日

Upgrade to React 18

会社にて、ほとんどのサービスのReactのバージョンをアップグレードするイベントを開催した際のQ&Aなどをまとめました。

2022年7月22日

Reactクイズ：要素を返す前にstateを更新すると何が起きるか

要素を返す前にstateを更新すると何が起きるかのクイズ。

2022年1月22日

React Router V6でOutletを利用したページコンテンツの遅延読み込み

リリースされたばかりのReact Router V6のOutletを使って、ページコンポーネントを遅延読み込みするいい感じの方法を考えた。

2020年8月13日

CSS-in-JS - styled vs css prop by Glen Maddern (styled-components)

CSS-in-JSのstyledとcss propの記法について、styled-componentsの作者であるGlen Maddern氏による説明のメモ。

2020年4月8日

Q. React-RouterでURLをリダイレクトさせたら元のページに戻れなくなった。

React-Routerでリダイレクトさせる際にreplaceさせないと、リダイレクトされるページの前にいたページに戻れなくなるのは当たり前だと思うが、質問があったのでまとめた。

2019年11月4日

なぜgetElementByIdやquerySelectorではなく、useRefを使うのか

ReactにおいてgetElementByIdやquerySelectorを避けた方が良い理由の説明。

2019年4月24日

なぜreact-hooks/exhaustive-depsはただcomponentDidMountのように使いたいだけなのに依存関係を入れてくるのか

useEffectのdepsに依存関係を入れる理由について解説する。

2025年7月18日

Frontend Weekly 2025-07-18

Stack Overflowの新ビジョン発表と開発者のAI利用状況、Nuxt 4.0リリース、Cloudflare ImagesのHEICサポート、GitHub ActionsmacOS runnerの変更とM2 Pro runner、GitHubのGoogleソーシャルログイン一般公開、GitHub Issuesのissue複製機能、GitHub Command Palette廃止予定について。

2025年7月11日

Frontend Weekly 2025-07-11

NuxtLabsのVercel買収、Microsoft EdgeのFirst Contentful Paint 300ms以下達成、Playwright v1.54.0の分割Cookie対応、Webpack v5.100.0のES modules出力改善について。

2025年7月4日

Frontend Weekly 2025-07-04

ESLint v9.30.1のTypeScript型インポート改善、Deno v2.4のdeno bundle復活とテキスト・バイトインポート、Rspack v1.4のブラウザ実行と高速化など

2025年6月27日

Frontend Weekly 2025-06-27

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など

2025年6月20日

Frontend Weekly 2025-06-20

Cloudflare Workers BuildsでGit commit SHAとブランチ名が環境変数として利用可能、GitHub TeamプランでのRuleset、TypeScriptコンパイラに依存しない型推論を提供するBiome v2リリースについて。

2025年6月13日

Frontend Weekly 2025-06-13

Oxlint v1.0の安定リリース、GitHub Pull Request リマインダーのSlack統合、GitHub App Manager のチーム付与、Node.js v24.2.0のimport.meta.main対応、VS Code 1.101リリース、ESLint 9.29.0の using declarations サポートについて、pnpm 10.12.1のGlobal Virtual Storeの追加について。

2025年6月6日

Frontend Weekly 2025-06-06

Rolldown-Viteの技術プレビュー公開、Vitest 3.2のリリース、Astro 5.9.0の新機能、ESLint 9.28.0の改善、Jest 30のリリースについて。

2025年5月30日

Frontend Weekly 2025-05-30

Chrome 137のCSS `if()`関数とWebAssembly JSPI、Angular 20のSignals API安定化、Remixの新方向性、日本郵便デジタルアドレス、Google CEOのAI Mode外部トラフィック約束について

2025年5月23日

Frontend Weekly 2025-05-23

Baseline Netlify extension、Zod 4、ESLint v9.27.0、React Compiler RC、TypeScript Native Previewについて。

2025年5月16日

Frontend Weekly 2025-05-16

Safari 18.5のDeclarative Web Pushやバグ修正、Material 3 ExpressiveによるAndroid 16・Wear OS 6のパーソナライズ性・新UI・新コンポーネント・モーション強化、Figma Config 2025のFigma Make・Sites・Grid・Draw・Buzzなど新機能について。

2025年5月9日

Frontend Weekly 2025-05-09

Node.js v24.0.0のリリース、ESLint v9.26.0のMCPサーバー統合と新オプション追加、VS Code 1.100のBaseline対応やエディタ機能改善について。

2025年5月2日

Frontend Weekly 2025-05-02

Chrome 136のRegExp.escapeや:visited履歴パーティショニング、GSAPの無料化、GitHub PAT失効API、Deno 2.3の新機能について。

2025年4月25日

Frontend Weekly 2025-04-25

React LabsがView Transitions、Activity、その他の実験的機能を発表、pnpm 10.9のJSRパッケージサポート、Playwright 1.52のクラス検証機能追加について。

2025年4月18日

Frontend Weekly 2025-04-18

Astro 5.7のSessions API安定化、SVG Components、Experimental Fonts API、Config Imports、h1要素のデフォルトスタイル変更、RspackとNext.jsの統合、Cloudflare WorkersへのNext.jsデプロイ、Googleの国別ドメイン統合について。

2025年4月11日

Frontend Weekly 2025-04-11

Express.js v5.1.0のLTSリリース、ESLint v9.24.0のバルクサプレッション機能、Next.js 15.3のTurbopack build対応と新しいhooks、Bun v1.2.9のRedisクライアント追加について。

2025年4月4日

Frontend Weekly 2025-04-04

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の破壊的変更通知など

2025年3月28日

Frontend Weekly 2025-03-28

Material UI v7がリリース、MicrosoftがHyperlight Wasmを発表、styled-componentsがメンテナンスモードに、Next.jsがLTSポリシーを公開、Node.js 18が4月30日にEOL予定、Node.js 25からCorepackの同梱が停止など

2025年3月21日

Frontend Weekly 2025-03-21

Valibot v1、Node.js v20.19.0、contenteditable=plaintext-only、GitHub REST API supports issue type、GitHub Fine-grained PAT GAなど

2025年3月14日

Frontend Weekly 2025-03-14

TypeScriptコンパイラのGoへのポート計画、Bun v1.2.5、Playwright 1.51.0、pnpm 10.6.0のリリース、ESLintのCSS Baselineサポートなど。

2025年3月7日

Frontend Weekly 2025-03-07

Interop 2025, Chrome 134, TypeScript 5.8, Next.js 15.2, Lynxなど

2025年2月28日

Frontend Weekly 2025-02-28

State of React 2024、ESLint CSS、Deno 2.2、Astro 5.3など

2025年2月21日

Frontend Weekly 2025-02-21

Sunsetting Create React App、React Router v7.2.0、Vercel Fluid compute、Native Mobile App support on Bolt、Standard Schemaなど

2025年2月14日

Frontend Weekly 2025-02-14

Node.js v22.14.0、ESLint v9.20.0、Prettier v3.5.0、Promise.try()のBaseline入りなど

2025年2月7日

Frontend Weekly 2025-02-07

Chrome 133、MDNへのTemporalのドキュメント追加など

2025年1月31日

Frontend Weekly 2025-01-31

Playwright v1.15.0、ESLint v9.19.0、Bun 1.2、React CompilerのRust実装削除などについて

2025年1月24日

Frontend Weekly 2025-01-24

Chrome 132、Tailwind CSS v4、Vitest v3、Bun v1.1.44、Storybook v8.5、eslint-config-prettier v10、WebDriverIO v9.5.0、Google検索のJavaScript必須化などについて

2025年1月17日

Frontend Weekly 2025-01-17

ESLint v9.18.0, TypeScript ESLint v8.2.0、Copilot on Actions Job、Netlify's Free Plan、WinterTC、Expo EAS Hostingなどについて

2025年1月10日

Frontend Weekly 2025-01-10

pnpm v10, Firefox 134, Docker Desktop for Macの障害などについて

2025年1月3日

Frontend Weekly 2025-01-03

Free Turborepo Remote Cache、Recoil archived、Rspack v1.1.8、text-box-trimについて

2024年12月27日

Frontend Weekly 2024-12-27

SWR v2.3.0、react-redux v9.2.0、Astro 5.1、@emotion/react v11.14.0、Motion v11.15.0、A Comparison of HTML Validator Packagesなど

2024年12月19日

Frontend Weekly 2024-12-19

Safari 18.2、Next.js 15.1、ESLint v9.17.0、Vercel TypeScript SDK、State of JS 2024について

2024年12月12日

Frontend Weekly 2024-12-12

React v19、Astro 5.0、Gemini 2.0、 Sourcemapの仕様確定、GitHub認定試験が日本語に対応などについて

2024年12月6日

Frontend Weekly 2024-12-06

Vite v6、ESLint CSS、NotionのWebhook Actionsなどについて

2024年11月29日

Frontend Weekly 2024-11-29

React Router v7、TypeScript 5.7、Node.js v22 on Vercel、State of HTML 2024、React Scanなどについて

2024年11月22日

Frontend Weekly 2024-11-22

Playwright v1.49、Framer Motion、Deno v2.1、Angular v19、Grepなどについて

2024年11月15日

Frontend Weekly 2024-11-15

Chrome 131、Storybook 8.4、Rspack 1.1、Immutable.js v5.0.0、Nuxt v3.14、uihubなどについて

2024年11月8日

Frontend Weekly 2024-11-08

ESLint v9.14.0、Wasmer v5、Node.js v22 (LTS)、Safari 18.1などについて

2024年11月1日

Frontend Weekly 2024-11-01

MSW v2.6.0、Baseline status web components、 Chrome 130、Next.js use cache、Github Universe'24、State of CSS 2024について

2024年10月25日

Frontend Weekly 2024-10-25

Next.js 15、Zustand v5、Svelte 5、Chakra UI v3、React Compiler、Sassの`@import`廃止などについて

2024年10月18日

Frontend Weekly 2024-10-18

New ECMAScript Stage 4 Proposals、CSS nesting improves with CSSNestedDeclarations、.ioドメイン消滅の可能性について

2024年10月11日

Frontend Weekly 2024-10-11

Deno v2.0、Tauri 2.0、npmのdevEnginesフィールドのサポートなどについて

2024年10月4日

Frontend Weekly 2024-10-04

Storybook 8.3のVitest統合やRusty V8などについて紹介する

2024年9月27日

Frontend Weekly 2024-09-27

WP EngineがWordPress.orgからBannedされたことや、Github Actionsのactions/cache v1-v2の非推奨化などについて紹介する。

2024年9月20日

Frontend Weekly 2024-09-20

Safari v18のDistration ControlやESLint v8.xのEOLなどについて紹介する。

2024年9月13日

Frontend Weekly 2024-09-13

TypeScript 5.6やESLint v 9.10.0、Biome v1.9、JavaScript Primer v6.0.0などについて紹介する。

2024年9月6日

Frontend Weekly 2024-09-06

Prism ORMのTypedSQL、Astro 4.15.0のAstro Actionsなどについて紹介する。

2024年8月30日

Frontend Weekly 2024-08-30

Rspack v1.0、Material-UI v6、WebdriverIO v9、Deno v1.46などについて紹介する。

2024年8月23日

Frontend Weekly 2024-08-23

Node.jsがCorepackを削除する件や、Astro 4.14のContent Layer APIについて紹介する

2024年8月15日

Frontend Weekly 2024-08-16

pnpm v9.7.0のpackageManagerによるバージョン切り替えや、PuppterやFirefoxのWebDriver BiDiサポートについて取り上げた。

2024年8月8日

Frontend Weekly 2024-08-09

Safari 17.6、typescript-eslint v8などを紹介する。Safaris 17.6ではFlexboxのsafeキーワードがサポートされ、typescript-eslint v8ではESLint v9がサポートされた。

2024年8月1日

Frontend Weekly 2024-08-02

Chrome 127のfont-size-adjust、Storybook 8.2のPortable stories、TutorialKitなどを紹介する。

2024年7月26日

Frontend Weekly 2024-07-26

pnpm v9.6.0, Node.js v22.5.1, Chrome DevToolsでGeminiにエラーを聞ける機能が有効化などについて紹介する。

2024年7月19日

Frontend Weekly 2024-07-19

Vitest v2.0.0のブラウザモード、Deno v1.45のWorkspaceのサポートやNode.jsとの互換性向上、fronzenフラグの追加、`deno init --lib`コマンドの追加などについて紹介する。

2024年7月12日

Frontend Weekly 2024-07-12

Ladybird Browser Initiative、pnpm v9.5 Catalogs、Next for ESLint、Cloudflareの生成AIによるクローラーブロックなどについて紹介する。

2024年7月5日

Frontend Weekly 2024-07-05

ECMAScript 2024の仕様が承認、Playwright v1.45.0、dotenvx v1.0.0などについて紹介する。

2024年6月27日

Frontend Weekly 2024-06-27

TypeScript 5.5、デジタル認証アプリ、Playwrightでのページログ取得、Polyfill.ioのサプライチェーン攻撃、Temporalのスコープ縮小、htmx v2.0.0、Figma Config 2024などについて紹介する。

2024年6月21日

Frontend Weekly 2024-06-21

Astroの将来、Nuxt 3.12、React v19リリース延期について紹介する。

2024年6月14日

Frontend Weekly 2024-06-14

Chrome 126、State of HTML 2023にみるアクセシビリティの現状などについて紹介する。

2024年6月7日

Frontend Weekly 2024-06-07

Pigment CSS、PPR、React 19の新機能、パソコン用 Googlebot によるクロールの完全終了について紹介する。

2024年5月31日

Frontend Weekly 2024-05-31

Storybook 8.1、SolidStart v1.0、React Conf 2024 Recap、React Conf Follow-Up - Remix、明示的な型注釈によって推論コストを下げる、Hidden vs. Disabled In UX、インジケーター、バリデーション、通知：適切な伝達手段の選択、Rethinking Text Resizing on Web - Airbnbなどについて紹介する。

2024年5月23日

Frontend Weekly 2024-05-24

PDF.jsの脆弱性、Next.jsのSSRF脆弱性、Firebase App Hosting、Notion、PDFやGoogleドキュメントをサポートなどについて紹介する。

2024年5月17日

Frontend Weekly 2024-05-17

Google I/O 2024、React Conf 2024、React Compiler、Merging Remix and React Router、Safari 17.5、Chrome 125、Console Insights in Chrome DevTools、Playwright v1.44.0、MSW v2.3.0、Astro 4.9などについて紹介する。

2024年5月10日

Frontend Weekly 2024-05-10

Webフロントエンド版DX Criteria、Deno v1.43、Baseline 2024 Aprilなどについて紹介する。

2024年5月2日

Frontend Weekly 2024-05-02

React v18.3、Bun v1.1.5、Remix Single Fetchなどについて紹介する。

2024年4月26日

Frontend Weekly 2024-04-26

Node.js v22、Rspack v1.0 Release Plan、Electron 30.0.0、ja.react.devの更新などについて紹介する。

2024年4月19日

Frontend Weekly 2024-04-19

Chrome 124のJavaScriptからShadow DOMを使用するAPIの追加、WebSocket Stream API、Pageswap eventなど。pnpm v9、Biome 1.7、Farm v1などについて紹介する。

2024年4月12日

Frontend Weekly 2024-04-12

ESLint v9.0.0、Next.js 14.2、zx v8.0.0などについて紹介する。

2024年4月5日

Frontend Weekly 2024-04-05

Deno 1.42、Bun 1.1などについて紹介する。

2024年3月28日

Frontend Weekly 2024-03-28

Chrome 123のtext-spacing-trim、light-dark() CSS function、Block layout with align-content、field-sizing: content;、display-mode: picture-in-picture、Long Animation Frames API、Service Worker Static Routing APIなどについて紹介する。

2024年3月22日

Frontend Weekly 2024-03-22

ESM in Node.jsについての記事や、Next.js AI Chatbot 2.0について紹介する。

2024年3月15日

Frontend Weekly 2024-03-15

Storybook v8のRSCのサポート、Vite5のサポート、Vitestによるテスト、Test flag、Built-in visual testing。Rolldownの公開。Biome v1.6のextendsプロパティなどについて紹介する。

2024年3月7日

Frontend Weekly 2024-03-07

Safari 17.4のBlock layout with align-content、Promise.withResolvers()、transition-behavior、@scope、Switch control、Vertical form controls、TypeScript 5.4のNoInfer、Pollyfill.ioの売却などについて紹介する。

2024年3月1日

Frontend Weekly 2024-03-01

MDNによるフロントエンドカリキュラム、JSRなどについて紹介する。

2024年2月23日

Frontend Weekly 2024-02-23

Deno 1.41、Remix 2.7.0、React Strict DOM、htmz、Safetestについて紹介する。

2024年2月16日

Frontend Weekly 2024-02-16

React Compiler、typescript-eslint v7、Hono v4について紹介する。

2024年2月9日

Frontend Weekly 2024-02-09

Vite 5.1、Interop 2024、Immutable array updates with Array.prototype.withについて紹介する。

2024年2月2日

Frontend Weekly 2024-02-02

FigmaのDevモードが正式リリース、Figma Dev mode GA、Learn Testing、Next.js App Router Caching: Explained、Tappyについて紹介する。

2024年1月26日

Frontend Weekly 2024-01-26

Chrome 121、Next.js 14.1、Bun 1.0.24、Deno v1.40、Safari 17.3、ClerkのシリーズBについて紹介する。

2024年1月19日

Frontend Weekly 2024-01-19

Rspack 0.5、Remix v2.5.0、Prettier 3.2、Future of Storybook in 2024について紹介する。

2024年1月12日

Frontend Weekly 2024-01-12

Githubの資格認定制度、Docsets - Copilot Enterprise、Biome v1.5、Biome Roadmap 2024、Astro 4.1について紹介する。

2024年1月5日

Frontend Weekly 2024-01-05

Vue 2 EOL、quick-lint-js 3、 ChromeのThird-party cookiesの段階的廃止について紹介する。

2023年12月22日

Frontend Weekly 2023-12-22

React Aria Components v1、Tailwind CSS v3.4について紹介する。

2023年12月15日

Frontend Weekly 2023-12-15

Safari 17.2、Deno 1.39、SvelteKit 2などについて紹介する。

2023年12月8日

Frontend Weekly 2023-12-08

Chrome 120、Vitest 1.0、Astro 4.0、Redux 5.0などについて紹介する。

2023年12月1日

Frontend Weekly 2023-12-01

Biome v1.4.0、Storybook 7.6について紹介する。

2023年11月24日

Frontend Weekly 2023-11-24

TypeScript 5.3、Git 2.43、Firefox 120.0について紹介する。

2023年11月17日

Frontend Weekly 2023-11-17

Vite 5、Prettier 3.1、PPR - Vercelについて紹介する。

2023年11月10日

Frontend Weekly 2023-11-10

Chrome 119、Remix 2.2.0、Deno 1.38、ESLint v8.53.0、Astro 3.4、Astro 3.5、Turbosnap (beta) - Chromaticについて紹介する。

2023年10月27日

Frontend Weekly 2023-10-27

Next.js 14、Safari 17.1、Node.js 21、Yarn 4.0、Storybook 7.5、JavaScriptビルドツールの整理、Tanstack Query v5、MSW 2.0について紹介する。

2023年10月20日

Frontend Weekly 2023-10-20

ESLint v9からflat configがデフォルトに、RemixはViteのプラグインとして動作する、Astro 3.3のPictureコンポーネント、Zodの実装、Vercelのv0がベータ公開などについて紹介する。

2023年10月13日

Frontend Weekly 2023-10-13

Chrome 118、Rollup 4.0.0、ViteConf 2023、pnpm 8.9.0、Bun v1.0.6、Lit 3.0、Biome と ESLint の lint ルールの互換性について紹介する。

2023年10月6日

Frontend Weekly 2023-10-06

Astro 3.2、Bun v1.0.4、pattycake、Deno vs. Bun vs. Node.js、Deno Queues、React Forget、Temporal API、SWR & TanStack Queryについて紹介する。

2023年9月29日

Frontend Weekly 2023-09-29

Safari v17、From WebGL to WebGPU、Four common types of code coverage、ESLint Stylistic、Remix v2、TypeScript Origins: The Documentary、Vikeについて紹介する。

2023年9月18日

Frontend Weekly 2023-09-18

Chrome 117、Next.js v13.5、Nuxt 3.7、Bun v1.0、Astro v3.0、Astro Studio、Deno 1.37、VSCode v1.82、Node.js v16 EOLなどについて紹介する。

2023年8月24日

Frontend Weekly 2023-08-24 TypeScript 5.2

TypeScript 5.2のExplicit Resource Management、名前付きタプル要素と匿名タプル要素の混合、配列のユニオン型に対するメソッドの改善、非破壊的な配列メソッドのサポートについて紹介する。

2023年8月15日

Frontend Weekly 2023-08-15 Chrome 116

Chrome 116のDocument Picture-in-Picture API、CSS Animation、CSS Motion Path、Enabled Privacy Sandbox APIについて紹介する。

2023年7月31日

Frontend Weekly 2023-07-31

Storybook 7.1、Valibot、Chrome 115などについて紹介する。

2023年7月14日

Frontend Weekly 2023-07-14

Prettier 3.0、typescript-eslint v6、Firefox 115、styled-components v6などについて紹介する。

2023年6月30日

Frontend Weekly 2023-06-30

Panda CSS、Svelte 4、New W3C website、Safari v17 Beta Web Appsなどについて紹介する。

2023年6月14日

Frontend Weekly 2023-06-14

TypeScript 5.1、RSC From Scratchなどについて紹介する。

2023年5月31日

Frontend Weekly 2023-05-31

Chrome 114、text-wrap: balance、Popover API、Safari 16.5、CSS Nesting、Parcel v2.9.0、Deno 1.34、Node.js v19 EOL、Astro 2.5、Bun v0.6.0などについて紹介する。

2023年5月14日

Frontend Weekly 2023-05-14

Dart 3、Chrome 113、Next.js 13.4、React Canariesなどについて紹介する。

2023年4月30日

Frontend Weekly 2023-04-30

Node.js v20、Vite 4.3、Deno 1.33などについて紹介する。

2023年4月14日

Frontend Weekly 2023-04-14

react.dev、Safari 16.4、Fullscreen API、Screen Orientation API、Screen Wake Lock API、OffscreenCanvas、Web Push API、TypeScript 5.0などについて紹介する。

2023年3月31日

Frontend Weekly 2023-03-31

React.dev、Safari 16.4、Web API、TypeScript 5.0などについて紹介する。

2023年3月14日

Frontend Weekly 2023-03-14

Playwrightのコード生成、画面情報がおかしいときの対処、Chrome 111、Deno 1.31、Google Searchのファビコンとサイト名、Rspack 0.1.0などについて紹介する。

2023年2月22日

Frontend Weekly 2023-02-22

Safari 16.4 beta、Chrome 110、TypeScript 5.0 Beta、Next.js v13.2、ES2023、Lighthouse 10、Squooshについて紹介する。

2025年7月10日

AI Weekly 2025-07-10

Gemini API Batch Modeの50%割引提供、GitHub Copilot新機能、T5Gemma・MedGemmaリリース、Mercury diffusion LLM、LM Studio商用利用無料化について。

2025年7月3日

AI Weekly 2025-07-03

GitHub Copilotのエージェント機能強化、Cursorの新機能と価格改定、CloudflareのAIクロール有料化とPay-per-crawlシステム、Mozilla AIのWASMエージェント、Qwen VLOのプログレッシブ方式の生成モデルなど

2025年6月26日

AI Weekly 2025-06-26

Gemma 3nリリース、Claude Artifacts、Anthropic Desktop Extensions、Gemini Code Assistエージェントモード、Cloudflare ContainersとVercel Sandboxのリリース、GitHub CopilotでClaude Sonnet 4/Opus 4利用可能、VS CodeとMCP一覧ページ、Devin UI改善、Google SheetsのGemini AI関数、Imagen 4リリース、Google ColabのAI機能など

2025年6月19日

AI Weekly 2025-06-19

Cursor 1.1のBackground Agents in Slack、Gemini 2.5モデルファミリーのアップデート、Pro・Flash安定版リリース、Flash-Liteプレビュー提供開始、DevinのGitHubユーザー名でのPR作成機能、Claude CodeのリモートMCPサーバーサポート、OpenAIの新しいデモリポジトリ公開、OpenHands CLIの発表、GitHub Copilotの料金体系更新、MiniMax-M1のオープンソース公開について。

2025年6月12日

AI Weekly 2025-06-12

Anthropic Claude Gov防衛・情報機関向けモデル、EchoLeak Microsoft Copilotゼロクリック攻撃、Container Use Docker統計、Remote GitHub MCP Server、OpenAI o3-pro推論モデル、Visual Studio Code 1.101のAI機能について。

2025年6月5日

AI Weekly 2025-06-05

Cursor 1.0リリース、Vercelの生成AI検索最適化、FigmaのDev Mode MCP Server、NotebookLMの共有機能強化、Gemini 2.5の多言語音声生成とProアップグレード版について。

2025年5月29日

AI Weekly 2025-05-29

Perplexity Labsの新機能、Opera NeonのAIエージェント機能、Arc新規開発終了と後継であるDia公開について。

2025年5月22日

AI Weekly 2025-05-22

Google I/O 2025でのAI発表ラッシュ、Claude 4リリース、GitHub Copilot強化、OpenAI Codex登場など、AIエージェントとマルチモーダル生成の大幅進展

2025年5月15日

AI Weekly 2025-05-15

VS Code 1.100のエージェント・MCP強化、Cursor 0.5.0の新価格体系とバックグラウンドエージェント、GPT-4.1のCopilot・ChatGPT対応、Gemini 2.5のimplicit caching、Gemini AdvancedのGitHub連携、Google SheetsのGemini自動化、AI Overviews UX調査、VercelのMCPサーバー対応について。

2025年5月8日

AI Weekly 2025-05-08

Anthropic APIのWeb検索機能、GitHub Copilot Premiumリクエスト制限延期、OpenAIのWindsurf買収、Amazon Q Developer in GitHubプレビュー、Gemini 2.0 Flash画像生成、Gemini 2.5 Pro Previewのリリースについて。

2025年5月1日

AI Weekly 2025-05-01

ChatGPTのショッピング検索機能の大幅な改良、GPT-4oおよび4o-miniモデルでの商品推奨、Google NotebookLMの日本語対応、ClaudeのIntegrations機能、Microsoft Phi-4-reasoningシリーズのリリース、GitHubのhidden Unicode text警告機能追加について。

2025年4月24日

AI Weekly 2025-04-24

Cursor 0.49.xのチャット履歴機能、ルール自動生成、コードレビュー改善、ターミナル制御強化、グローバルignore対応、新規AI言語モデル追加、プロジェクト構造のコンテキスト化について。

2025年4月17日

AI Weekly 2025-04-17

GitHubのCopilotエージェントモード、OpenAIのGPT-4.1シリーズ、o3とo4-mini、GoogleのGemini 2.5、Veo 2、Live API、Codex CLIのリリースについて。

2025年4月10日

AI Weekly 2025-04-10

Gemini 2.5 FlashとProのリリース、Google Cloud Agent Development Kit 1.0の公開、Devin 2.0の新機能、ChatGPTのメモリー機能強化、GitHub Copilotの新モデルと機能について。

2025年4月3日

AI Weekly 2025-04-03

Docker Model Runnerがベータ版として登場、CursorがGemini 2.5 Proの画像サポートを追加、OpenAIがMCPをサポート、MCPの仕様が更新など。

2025年3月27日

AI Weekly 2025-03-27

CloudflareがAI Labyrinthを発表。OpenAIが新しい音声認識/音声合成モデルを公開。GPT-4oに画像生成機能が追加。DeepSeek-V3-0324、Gemini 2.5、Devin 1.5、Cursor 0.48がリリースなど。

2025年3月20日

AI Weekly 2025-03-20

Gemini関連のニュース多数、他CursorのRule Typeなど

2025年3月13日

AI Weekly 2025-03-13

Clineの無料モデル、Cursor 0.47、Copilot ChatのVision input、Google AI Modeなどについて

2024年12月26日

Git & GitHub入門講座

ノンプログラマーの方向けに実施したGit & GitHub入門講座