少なくとも現在はVercelでSubdomain Takeoverを行うことは難しい。
Vercel Proプラン大幅変更、CSSコンテナクエリBaseline Widely到達、Learn CSSコースリフレッシュなど。
Google AIモード検索の日本語対応開始、Cloudflare Workers AIのEmbeddingGemma提供、Stable Audio 2.5、Qwen3-Next、Seedream 4.0、Genkit Go 1.0、VS Code 1.104など
ModalとDialogは混同されることがあるが、そもそもレイヤーの異なる概念である。 ここでは混同の解消を目的に、これら及び関連用語の大まかな説明を行い、より正しい分類を示す。
Chrome 140 ToggleEvent/CSS機能強化、ESLint v9.35.0 preserve-caught-error追加、Fresh 2.0のVite統合、Nuxt 4.1など。
GitHub Remote MCP Server一般公開とSpec Kit公開、Google EmbeddingGemmaモデル公開、OpenAI ChatGPTのProjects機能Free Tier対応と会話分岐機能ウェブ対応など。
Warudoハンズオンを実施する際に、サンプルとして作成したブループリント集。随時追加予定。
ESLint v9.34.0のmultithread lintingサポート、GitHubのWebP画像サポートとリポジトリ作成UIの改善、Rspack 1.5のビルドパフォーマンスの大幅改善、ZodのCodecs APIを導入など
Anthropic Claude for Chromeリリース、OpenAI ChatGPT新機能とCodex IDE拡張、OpenAI GPT Realtime API、Microsoft MAI、ComfyUI API nodes、Google Stax LLM評価ツール、Gemini 2.5 Flash画像生成、Nx packagesセキュリティ問題、Google Workspace Veo 3画像動画変換、xAI Grok Code Fast 1、FFmpeg 8.0 Whisperフィルター自動音声認識、Grok 2.5 modelオープンソース化、GitHub Copilot AGENTS.mdサポートとGPT-4.1 Copilotモデル更新など。
Nuxtの標準的な多言語対応ライブラリである@nuxtjs/i18n（vue-i18n）はパイプ（|）区切りを特殊文字として複数形の表現に利用するため、この仕様を知らずに利用していた箇所でタイトルが部分的にしか表示されない問題が発生していた。
ComfyUIでQwen-Image-Editを試した結果をまとめる。 ComfyUIが提供するテンプレートが良く出来ており、Lightingもすぐに導入できるようになっている。オブジェクトの追加・削除・変更などは安定して出来たが、スタイルの変更やテキストの編集には一部難があるように感じた。
Next.js 15.5のリリース（Turbopack production build beta、MiddlewareのNode.js runtime安定、Typed Routes安定）、Rspackファミリーに追加されたGo製TypeScriptリンターRslint、pnpm v10.15の新機能、GitHub GraphQL Explorer廃止予定、GitHub Issuesの依存関係指定の一般提供など
AGENTS.mdの公開、Qwen-Image-EditとComfyUIのネイティブ対応、Claudeの企業向けプラン更新、Vercelのllms.txt提案、Google検索のAI Mode一般公開、Gemini APIのURLコンテキスト（PDF/画像対応）など
1つのプロジェクトで複数のプロダクトを運用してしまっているケースがよく見られます。 この場合、どのプロダクトで特定のGoogle Cloudサービスが利用されているか特定するには少し上長な手順が必要です。 実際に調査する際に利用した手順を紹介します。
まだOrganization全体でGitHub Copilot Reviewの言語設定を切り替えることは出来ませんが、リポジトリ毎であれば.github/copilot-instructions.mdで応答する言語を指示できます。
Nanobrowserは、オープンソースのAIウェブエージェントであり、完全に無料で利用することが出来ます。 また好きなLLMプロバイダと接続することができ、Nanobrowser自体の動作は全てローカルブラウザ内で行われます。
State of CSS 2025の結果発表、Bun v1.2.20のyarn.lockサポート、GitHubのIssueやPRに添付できるファイルタイプの拡張など
Claude Sonnet 4の100万トークン対応、Cursorの料金モデル更新、Googleスライド・VidsのAI画像編集、ComfyUIの動画生成モデルWan2.2、Gemini CLIのVS Code連携強化など
Squarespaceで契約していたドメインをCloudflareに移管する作業を行った。ウェブサイトビルダーとしての機能に特化したSquarespaceから、Cloudflareに移管することでパフォーマンスやセキュリティを重視したサポートが受けられる。また今回のケースでは、ドメインの年間更新費用を約2200円から約1400円に削減できた。移管手数料は実質無料で行える。
Pagefindの利用例を調べると、開発時はダミーデータを渡している実装しか見つからなかったが、ダミーデータの作成やコード上の分岐が増えることが億劫だったため、開発時も本番相当のデータが表示されるようにした。
Geminiを利用して投稿のタグやスラッグを自動生成し、ファイルが作成されたら現在開いているエディタで自動的に開かれるようにした。
V8 v13.8のJSON.stringify高速化、TypeScript 5.9のimport deferサポート、ESLint v9.33.0、VS Code v1.103のGit worktreeサポート、Chrome 139のオンデバイスWebSpeech APIやCSS Custom Functions、Wrangler 4.27.0で.envファイルをサポートなど
GPT-5、Claude Opus 4.1、Google Jules一般公開、Cursor v1.4、VS Code v1.103、Vercel MCP、Gemini CLI GitHub Actions、gpt-oss、ComfyUIサブグラフ機能など
Google Apps Script APIを利用することで、GASのメトリクスを取得できる。自分が管理しているGASのメトリクスを取得するだけであればAPIを叩くだけだが、Workspace内のGASのメトリクスを取得する場合は工夫が必要になる。
Node.js v24.5.0のOpenSSL 3.5アップグレード、TanStack DB 0.1ベータ版公開、React Compiler段階的導入ガイド、GitHub Actions設定管理用REST API、npm OIDC trusted publishing、Dependabotバッチ更新機能など
Gemini CLIのカスタムスラッシュコマンド、Gemini 2.5 DeepThink、Anthropicの週間レート制限導入、Veo 3 Fastとimage-to-video機能、LangExtract、Devin MCP Marketplace、Cursor v1.3、Hugging Face CLI刷新、Vercel AI SDK 5、NotebookLM動画概要、Ollama GUI版、Copilot Chatリポジトリ管理機能など
Astro 5.12.3 で、GitHub プロフィールをそのまま About ページに表示したくなった。 そこで他のリポジトリで公開している README.md を取得する loader を作成した。
GitHub「For the Love of Code 2025」コーディングチャレンジ開催、MDN Web Docs 20周年記念、ESLint v9.32.0のExplicit Resource ManagementとTypeScript Accessor Support強化、npm Stylus削除事件によるビルド破綻、GitHubタブ幅設定の一貫した適用について。
Qwen3-Coder 480Bパラメータモデル、Gemini 2.5 Flash-Lite安定版、Veo 3 API提供、GitHub Spark公開、Cursor Bugbot正式版、Claude Codeサブエージェントなど
Stack Overflowの新ビジョン発表と開発者のAI利用状況、Nuxt 4.0リリース、Cloudflare ImagesのHEICサポート、GitHub ActionsmacOS runnerの変更とM2 Pro runner、GitHubのGoogleソーシャルログイン一般公開、GitHub Issuesのissue複製機能、GitHub Command Palette廃止予定について。
Grep MCP server、ChatGPT agent、Gemini Drops開始、VS Code MCP正式対応、Amazon S3 Vectors、Windsurf-Google合意、Windsurf-Cognition買収、Kiro spec-driven IDE、NotebookLMフィーチャードノートブック、Google検索のAI機能強化、GitHub Copilot Spacesの改善など
いくつかの CircleCI を利用しているプロジェクトで、ある時期を境に PEP 668 エラーが発生するようになった。 これは CircleCI が提供する Docker イメージの Ubuntu が非自明的に上がることにより、意図せず PEP 668 に従った Ubuntu 24.04 になってしまったことによる。
NuxtLabsのVercel買収、Microsoft EdgeのFirst Contentful Paint 300ms以下達成、Playwright v1.54.0の分割Cookie対応、Webpack v5.100.0のES modules出力改善について。
Gemini API Batch Modeの50%割引提供、GitHub Copilot新機能、T5Gemma・MedGemmaリリース、Mercury diffusion LLM、LM Studio商用利用無料化について。
ほとんどは公式の自動更新コマンドで移行が完了する。Storybook v9への移行を複数のリポジトリで行う必要があるため、作業をメモに残した。他リポジトリで差分があれば追記する。
Renovateが作成するPR数を削減しレビュー負荷を軽減する設定パターンをいくつか紹介する
ESLint v9.30.1のTypeScript型インポート改善、Deno v2.4のdeno bundle復活とテキスト・バイトインポート、Rspack v1.4のブラウザ実行と高速化など
GitHub Copilotのエージェント機能強化、Cursorの新機能と価格改定、CloudflareのAIクロール有料化とPay-per-crawlシステム、Mozilla AIのWASMエージェント、Qwen VLOのプログレッシブ方式の生成モデルなど
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など
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機能など
Hugging Face Spacedでホスティングしているfairseqを利用したアプリをGradio v5へ更新する際に発生した依存関係エラーと対応メモ。
Cloudflare Workers BuildsでGit commit SHAとブランチ名が環境変数として利用可能、GitHub TeamプランでのRuleset、TypeScriptコンパイラに依存しない型推論を提供するBiome v2リリースについて。
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のオープンソース公開について。
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の追加について。
Anthropic Claude Gov防衛・情報機関向けモデル、EchoLeak Microsoft Copilotゼロクリック攻撃、Container Use Docker統計、Remote GitHub MCP Server、OpenAI o3-pro推論モデル、Visual Studio Code 1.101のAI機能について。
Rolldown-Viteの技術プレビュー公開、Vitest 3.2のリリース、Astro 5.9.0の新機能、ESLint 9.28.0の改善、Jest 30のリリースについて。
Cursor 1.0リリース、Vercelの生成AI検索最適化、FigmaのDev Mode MCP Server、NotebookLMの共有機能強化、Gemini 2.5の多言語音声生成とProアップグレード版について。
Polyfillがアップデートしたライブラリに適用されておらず、古いブラウザで利用できないメソッドが呼び出されランタイムエラーが発生していた。Polyfillを適用する設定を見直すことで対応した。
Chrome 137のCSS `if()`関数とWebAssembly JSPI、Angular 20のSignals API安定化、Remixの新方向性、日本郵便デジタルアドレス、Google CEOのAI Mode外部トラフィック約束について
Perplexity Labsの新機能、Opera NeonのAIエージェント機能、Arc新規開発終了と後継であるDia公開について。
Playwright のスクリーンショットは、例えばtoHaveScreenshotのデフォルトでは次のような形式で保存される。
Playwright で書かれたテストの改修をしていると、CI 上でホスティングサービスにデプロイした URL を貰ってきてから実行しているケースが度々見られるが、Web Server を立ち上げて実行した方が良いことが多い。
Baseline Netlify extension、Zod 4、ESLint v9.27.0、React Compiler RC、TypeScript Native Previewについて。
Google I/O 2025でのAI発表ラッシュ、Claude 4リリース、GitHub Copilot強化、OpenAI Codex登場など、AIエージェントとマルチモーダル生成の大幅進展
Safari 18.5のDeclarative Web Pushやバグ修正、Material 3 ExpressiveによるAndroid 16・Wear OS 6のパーソナライズ性・新UI・新コンポーネント・モーション強化、Figma Config 2025のFigma Make・Sites・Grid・Draw・Buzzなど新機能について。
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サーバー対応について。
GitHub CLIを利用してリリースノートを生成する方法とGitHub Actionsでの使用例の紹介
Node.js v24.0.0のリリース、ESLint v9.26.0のMCPサーバー統合と新オプション追加、VS Code 1.100のBaseline対応やエディタ機能改善について。
Anthropic APIのWeb検索機能、GitHub Copilot Premiumリクエスト制限延期、OpenAIのWindsurf買収、Amazon Q Developer in GitHubプレビュー、Gemini 2.0 Flash画像生成、Gemini 2.5 Pro Previewのリリースについて。
Chrome 136のRegExp.escapeや:visited履歴パーティショニング、GSAPの無料化、GitHub PAT失効API、Deno 2.3の新機能について。
ChatGPTのショッピング検索機能の大幅な改良、GPT-4oおよび4o-miniモデルでの商品推奨、Google NotebookLMの日本語対応、ClaudeのIntegrations機能、Microsoft Phi-4-reasoningシリーズのリリース、GitHubのhidden Unicode text警告機能追加について。
Botなどが作成したPull Requestに対して、GitHub Actionsを利用して通常より多くのApproveを要求する方法
React LabsがView Transitions、Activity、その他の実験的機能を発表、pnpm 10.9のJSRパッケージサポート、Playwright 1.52のクラス検証機能追加について。
Cursor 0.49.xのチャット履歴機能、ルール自動生成、コードレビュー改善、ターミナル制御強化、グローバルignore対応、新規AI言語モデル追加、プロジェクト構造のコンテキスト化について。
日常の会話や経験を通じて気づく、無意識のバイアスと価値観の偏りがもたらす認識のズレと、そのズレを通じて深まる自己理解の重要性
全体への注意喚起という怠慢がチーム内に引き起こす信頼関係の崩壊と、信頼を生む誠実な注意
Astro 5.7のSessions API安定化、SVG Components、Experimental Fonts API、Config Imports、h1要素のデフォルトスタイル変更、RspackとNext.jsの統合、Cloudflare WorkersへのNext.jsデプロイ、Googleの国別ドメイン統合について。
GitHubのCopilotエージェントモード、OpenAIのGPT-4.1シリーズ、o3とo4-mini、GoogleのGemini 2.5、Veo 2、Live API、Codex CLIのリリースについて。
MCPの仕様、SDKやサーバーの例、MCPのサポート状況、セキュリティ上の懸念、代替の可能性について。
Express.js v5.1.0のLTSリリース、ESLint v9.24.0のバルクサプレッション機能、Next.js 15.3のTurbopack build対応と新しいhooks、Bun v1.2.9のRedisクライアント追加について。
Gemini 2.5 FlashとProのリリース、Google Cloud Agent Development Kit 1.0の公開、Devin 2.0の新機能、ChatGPTのメモリー機能強化、GitHub Copilotの新モデルと機能について。
Chrome 135でサポートされたCSS Overflow Module Level 5によるCSSカルーセルの実装方法を紹介します。
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の破壊的変更通知など
Docker Model Runnerがベータ版として登場、CursorがGemini 2.5 Proの画像サポートを追加、OpenAIがMCPをサポート、MCPの仕様が更新など。
Material UI v7がリリース、MicrosoftがHyperlight Wasmを発表、styled-componentsがメンテナンスモードに、Next.jsがLTSポリシーを公開、Node.js 18が4月30日にEOL予定、Node.js 25からCorepackの同梱が停止など
CloudflareがAI Labyrinthを発表。OpenAIが新しい音声認識/音声合成モデルを公開。GPT-4oに画像生成機能が追加。DeepSeek-V3-0324、Gemini 2.5、Devin 1.5、Cursor 0.48がリリースなど。
aws-cdkとaws-cdk-libはv2.174.0以降バージョンが一致しなくなったことについて。また、有効な組み合わせの判定が困難になったため簡易なリリース日による判定について。
VercelでCloudflareのプロキシを使用する際に発生する「err_too_many_redirects」エラーの原因と解決方法について
Tailwind CSSがAIフレンドリーである負債になりにくいといった主張について、少なくとも現状は違うという認識を持っています。
スライドパズルの状態は置換群として表現できるため、置換群の性質を利用して判定することが出来る。
Valibot v1、Node.js v20.19.0、contenteditable=plaintext-only、GitHub REST API supports issue type、GitHub Fine-grained PAT GAなど
Gemini関連のニュース多数、他CursorのRule Typeなど
golangci-lintのソースからのインストールは動作が保証されていません。バイナリをインストールするべきです。
TypeScriptコンパイラのGoへのポート計画、Bun v1.2.5、Playwright 1.51.0、pnpm 10.6.0のリリース、ESLintのCSS Baselineサポートなど。
Clineの無料モデル、Cursor 0.47、Copilot ChatのVision input、Google AI Modeなどについて
Go 1.24でgolangci-lintを扱うには、Go 1.24でビルドされたgolangci-lint 1.64以上である必要がある
型パラメータを持つ型と具体的な型は区別される。
Dependabot Alertを有効化するだけで、RenovateがセキュリティPRを投げてくれるようになる
自分のデザインの説明責任を果たすことの大切さ、説明責任とアブダクションラインについて
Interop 2025, Chrome 134, TypeScript 5.8, Next.js 15.2, Lynxなど
Sub-issuesを利用することで、GitHubで完結したIssue管理、特に進捗管理が容易になる。
Custom matcherを利用するか、Doメソッド内で検証するか
ツールのサポートが不十分な上、言語やツールによって扱いが異なるため、おすすめしない。
State of React 2024、ESLint CSS、Deno 2.2、Astro 5.3など
スクラムについて漠然として自分が思っていることをある程度まとめたもの。
Sunsetting Create React App、React Router v7.2.0、Vercel Fluid compute、Native Mobile App support on Bolt、Standard Schemaなど
list-styleを無効化したul要素にlistロールを指定すべきという方針はアンチパターンである可能性が高い。
知人のために2025年版 ComfyUIのセットアップを紹介する内容です。細かいところは直接説明するので省いています。
Faker.js v9.5.0で追加されたpersonPortraitメソッドについて紹介する。
Node.js v22.14.0、ESLint v9.20.0、Prettier v3.5.0、Promise.try()のBaseline入りなど
CloudflareのBot Fight Modeが有効な場合に、SlackでOGPが表示されなくなる挙動を数件のサイトで確認した。
Astroはstylesheetを巻き上げてしまうため、preconnectなどの指定より前にGoogle Fontsの読み込みが開始されパフォーマンスが悪化する可能性がある。
現在はプレビューなため、Agent ModeはVSCode Insidersでのみ利用可能。合わせてCopilot Editsが一般公開、またVisionもプレビューでの利用が可能になった。
PDFを出力するツールやライブラリにはバリアブルフォントを対応していないものがあり、意図した表示にならない場合がある。
Chrome 133、MDNへのTemporalのドキュメント追加など
aws-cdkの関連パッケージのバージョンが一致していない場合、Cloud assembly schema version mismatchエラーが発生する可能性がある。
現在ブログとして運用しているサイトのAstroをTailwind CSS v4にアップグレードした際の内容をまとめる。
Playwright v1.15.0、ESLint v9.19.0、Bun 1.2、React CompilerのRust実装削除などについて
Chrome 132、Tailwind CSS v4、Vitest v3、Bun v1.1.44、Storybook v8.5、eslint-config-prettier v10、WebDriverIO v9.5.0、Google検索のJavaScript必須化などについて
Ref callback、React v19で追加されたクリーンアップ関数、useEffectとの違いについて。また特にクリーンアップ関数を使ったRef callbackの実装例。
macOSで開発を行っていると遭遇した「RangeError: Invalid WebSocket frame: RSV1 must be clear」エラーについて調査した際のログ。
ESLint v9.18.0, TypeScript ESLint v8.2.0、Copilot on Actions Job、Netlify's Free Plan、WinterTC、Expo EAS Hostingなどについて
NetlifyにはDeployを自動的に削除する機能があるが、よりコントロールしたい場合にはNetlify APIが利用できる。この記事では、Github Actionsで自動的にNetlifyのDeployを削除する方法について紹介する。
pnpm v10, Firefox 134, Docker Desktop for Macの障害などについて
取得できるBigQueryのフィールドの型のいくつかは、クエリにそのまま利用することが出来ない。GolangのBigQueryパッケージを利用してスキーマを取得し、クエリで利用できるように変換する方法について。
Free Turborepo Remote Cache、Recoil archived、Rspack v1.1.8、text-box-trimについて
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など
Safari 18.2、Next.js 15.1、ESLint v9.17.0、Vercel TypeScript SDK、State of JS 2024について
React v19ではグローバルなJSX名前空間が削除されたため、これを利用している場合に型の変更が必要になる。
React v19、Astro 5.0、Gemini 2.0、 Sourcemapの仕様確定、GitHub認定試験が日本語に対応などについて
sharpを使って画像を圧縮するスクリプトを、lefthookを利用して画像をコミット前に圧縮させる方法について紹介する。
大きなファイルをpushしようとすると、http.postBufferの制限に引っかかり400エラーが発生する場合がある。
公式ドキュメントなどを参考にAstro 5へのマイグレーションを個人的に行った際のメモ
Vite v6、ESLint CSS、NotionのWebhook Actionsなどについて
型の指定がない場合、NULLがINT64と判定され、強制変換可能でないデータ型に対してIFNULLを使うとエラーが発生する。
StreamDeckのVTube Studioプラグインを利用して、StreamDeckからVTube Studioを操作できるようにする方法を紹介する。
React Router v7、TypeScript 5.7、Node.js v22 on Vercel、State of HTML 2024、React Scanなどについて
VitestではFake Timer APIを利用することで時間に依存するコードを柔軟に且つ短時間でテストすることができる。
規制を受けているYouTubeのコンテンツを調査する上で、 YouTubeの改変コンテンツと合成コンテンツについてのポリシーについて調べた内容をまとめた。
Playwirght v1.49の変更によるChromiumのダウンロードコストの変化を計測した。
Playwright v1.49、Framer Motion、Deno v2.1、Angular v19、Grepなどについて
Next.jsを利用したサービスでPlaywrightテストをローカル実行する際に、ReactDevOverlayを非表示する方法について
Chrome 131、Storybook 8.4、Rspack 1.1、Immutable.js v5.0.0、Nuxt v3.14、uihubなどについて
ESLint v9.14.0、Wasmer v5、Node.js v22 (LTS)、Safari 18.1などについて
RenovateのDependency DashboardからConfigを新しいスキーマに移行できるようになった。
MSW v2.6.0、Baseline status web components、 Chrome 130、Next.js use cache、Github Universe'24、State of CSS 2024について
QRコードを生成するライブラリは多く存在する。また、一時的なもので良ければURLで生成できるサービスもある。
Next.js 15、Zustand v5、Svelte 5、Chakra UI v3、React Compiler、Sassの`@import`廃止などについて
exclude-dirsで、特定のディレクトリを除外することができる。
gh pr createでレビュワーをチームにする場合、追加で`read:org`の権限が必要になるため、デフォルトのsecrets.GITHUB_TOKENでは動作しなくなる。`repo`と`read:org`の権限を持ったPersonal Access Tokenを使うことで解決できる。
ESLintのno-restricted-globalsルールを利用することで、グローバル変数を禁止して、意図しないグローバル変数への参照を防ぐ。
Github Actionsのmatrixのアイテムを条件によって切り替える方法について
New ECMAScript Stage 4 Proposals、CSS nesting improves with CSSNestedDeclarations、.ioドメイン消滅の可能性について
Deno v2.0、Tauri 2.0、npmのdevEnginesフィールドのサポートなどについて
ページを離れた際に呼ばれるブラウザイベントについて、共有したくなったので改めて少し調査した上でまとめた。
Storybook 8.3のVitest統合やRusty V8などについて紹介する
Githubの検索については公式ドキュメントが十分にまとめられている。しかし、少し辿りにくいようなので、人に共有しやすいように公式ドキュメントのリンクや一部の記述についてまとめた。
WP EngineがWordPress.orgからBannedされたことや、Github Actionsのactions/cache v1-v2の非推奨化などについて紹介する。
Github ActionsにおけるNode.jsパッケージのキャッシュについて、actions/setup-nodeの推奨する方法やnode_modulesをキャッシュする方法、その周辺について紹介する。
Safari v18のDistration ControlやESLint v8.xのEOLなどについて紹介する。
Storybookでサイドバーのラベルにタグを付ける方法を紹介する。ラベルにタグを表示することで、コンポーネントの状態などを分かりやすくできる。
linker `link.exe` not foundに対処した際のメモ
TypeScript 5.6やESLint v 9.10.0、Biome v1.9、JavaScript Primer v6.0.0などについて紹介する。
特定のいくつかのサイトを対象にした検索エンジンを埋め込む需要があったため、Google検索の埋め込みについて調査した。
ほぼ運用コスト0円で、なるべく早くオンライン予約サービスを作りたいという相談を受けた。決済や予約が絡むサービスを一から作るのはコストが高すぎるので、要望を叶えられるサービスを調査した。
Prism ORMのTypedSQL、Astro 4.15.0のAstro Actionsなどについて紹介する。
カラオケ JOYSOUND for STREAMER は、JOYSOUND が提供予定の配信者のためのカラオケアプリであり、搭載されている楽曲はすべて配信に利用できるとしている。 また基本料金は無料（ジャンルに無料プレイが含まれている）であり、利用には月額課金が必要と書かれているが、無料楽曲の搭載も予定しているとのことだ。 https://store.steampowered.com/app/2939590/JOYSOUND_for_STREAMER/
Rspack v1.0、Material-UI v6、WebdriverIO v9、Deno v1.46などについて紹介する。
マネージャーの指示が間違っており損害を受けたので非難をしたいという相談を受けた際の対応をまとめた。
actions/setup-nodeのcacheが期待通りに動作しないことは認識していたが、改めて調べたらそもそもnode_modulesをキャッシュしないことが分かった。
actions/setup-nodeではnode-version-fileを利用することで、利用されるNode.jsのバージョンをpackage.jsonなどに合わせることが出来る。これだけで便利だが、他にもお勧めできる不純な理由がある。
ESLintのあるプラグインを更新する際にエラーが出ているルールの一覧が欲しいという話があったので、jqを利用してエラーが出ているルールをリスト表示する方法を考えた。
Node.jsがCorepackを削除する件や、Astro 4.14のContent Layer APIについて紹介する
Unreal Engine 5.4でVirtual Motion Capture Protocol（VMC Protocol）を利用して、モデルにアニメーションを適用する方法をメモした。
Unreal Engine 5.4でVRMをインポートして、動作確認をした際の手順をメモした。
同一ドメインのページをiframeで読み込んでいる場合、Google Tag Manager（GTM）がiframe内のページとして認識される挙動を確認した。相談を受けた際の内容をまとめる。
個人的には出来る限りスコープ外の関数としてコンポーネントを切り出すべきだと考えている。パフォーマンス、コードとしての質、将来性の観点から説明を行った
Renovateでauto mergeを有効化した上で、Githubのブランチプロテクションでレビューを必須にした場合、適切な対応を行わなければオートマージが行われずレビュワーも設定されない。これによりRenovateのPRが見逃されるケースがあり、相談を受けた際の説明をまとめた。
Renovateでレビュワーを指定する際、Githubで設定したチームを指定することで、放置される可能性を減らしたり、チームメンバーが変わっても設定を変更する必要がなくなるなどのメリットを受けられる。
CSSがサポートしている色空間の特性や歴史的な経緯、カラーパレットを生成する場合にOKLCH色空間の利用を推奨する理由について解説する。
pnpm v9.7.0のpackageManagerによるバージョン切り替えや、PuppterやFirefoxのWebDriver BiDiサポートについて取り上げた。
ブラウザでは音声の自動再生を防ぐ目的で、音声の再生が制限されている。この記事では、特に制限が厳しいと言われるiOS Safariについて、その制限と回避策の検証を行った内容をまとめる。
Homebrewで任意のパッケージをインストールしようとするとError: Permission denied @ apply2filesというエラーが出るようになった際の対応をメモした。
Hugging Face固有の内容はほぼない。Windows環境からSSH接続しようとするとError connecting to agentと言われた。その対応をまとめる。
Safari 17.6、typescript-eslint v8などを紹介する。Safaris 17.6ではFlexboxのsafeキーワードがサポートされ、typescript-eslint v8ではESLint v9がサポートされた。
Canvas APIを利用してマウスに追従するエフェクトを付与する方法を紹介する。
AstroではMarkdownファイルにMDXやMarkdocと同様のAPIが利用できないため、Gatsybyなどの同様にremarkなどのpluginを利用する必要がある。
フロントエンドテスト講座を行った際の内容をまとめた。
Github WorkflowsでEnvironment SecretsやEnvironment Variablesを使って環境に応じて異なるSecretsやVariablesを使う方法を紹介する。
ホテルや民泊を掲載しているサイトでリッチリザルトを表示するために、どのように構造化データが利用されているか調査した。
Chrome 127のfont-size-adjust、Storybook 8.2のPortable stories、TutorialKitなどを紹介する。
Tailwind CSSに新しいクラスつまりユーティリティを追加するには、設定ファイルにプラグインを追加するか、自分でプラグインを作成する必要がある。
Shazamを使えばいい。PCで流れている音楽を検索する方法を紹介する。ブラウザで流れている音声を検索する方法や、周囲で流れている音声を検索する方法、モバイルで検索する方法について。
React v19でstyleタグと@scopeを使って、いくつかのCSS-in-JSライブラリのようにclassNameを指定せずにスタイルのカプセル化が出来るのかを検証した。
国民年金保険料追納申込書の出し方が分からないと相談を受けた際に調べた内容をまとめた。
overflow-yを指定したら、縦スクロールバーが表示されるようになる状況の解説と対処法について書いた。
React Routerを利用している環境で、一度エラーが表示された後に、パスパラメーターが異なるURLに遷移しても、ErrorBoundaryによって表示されたエラーが画面から消えないと相談を受けた。その理由と対応策について書いた。
pnpm v9.6.0, Node.js v22.5.1, Chrome DevToolsでGeminiにエラーを聞ける機能が有効化などについて紹介する。
公式ドキュメントを十分に読んでいないと理解が難しいと思われるParallel routesが404になる理由やdefault.jsの意味について、タブの実装を例に書いた。
約5年振りにhrdtbs/vscode-apacheconf-snippetsのリリースを行ないました。
Git pullするといくつかのファイルのトラッキングが解除されたように見える状況の調査についてまとめた。
React公式ドキュメントを見ながらReact 19の新機能を見る会を主催した際のメモです。多くは最低限このくらいの理解はしておいた方がいいという内容を事前に羅列しておいたものですが、一部その場で話題になった内容も含まれています。
Vitest v2.0.0のブラウザモード、Deno v1.45のWorkspaceのサポートやNode.jsとの互換性向上、fronzenフラグの追加、`deno init --lib`コマンドの追加などについて紹介する。
Ladybird Browser Initiative、pnpm v9.5 Catalogs、Next for ESLint、Cloudflareの生成AIによるクローラーブロックなどについて紹介する。
無効化されたbuttonやinputなどのインタラクティブ要素にツールチップを表示したいという相談を複数回受けたので、その問題点と代替手段についてまとめた。
ECMAScript 2024の仕様が承認、Playwright v1.45.0、dotenvx v1.0.0などについて紹介する。
ESLintで特定のpropsを禁止にしたい場合の設定方法について説明する。
TypeScript 5.5、デジタル認証アプリ、Playwrightでのページログ取得、Polyfill.ioのサプライチェーン攻撃、Temporalのスコープ縮小、htmx v2.0.0、Figma Config 2024などについて紹介する。
ESLintで特定の要素の利用を禁止したい場合の設定方法について説明する。
VitestのspyOnは、Jestなどと異なり同一ファイルの別関数をモックできない。ただし、これはVitestのスコープ外の問題であり、Jestなどでも同条件であれば同様の制限が発生する。
Astroの将来、Nuxt 3.12、React v19リリース延期について紹介する。
Chrome 126、State of HTML 2023にみるアクセシビリティの現状などについて紹介する。
StylelintはCSS-in-JSで扱うことが少し困難になった時期に使わなくなっていたが、久しぶりStylelintを調べると十分に対応されていたので、導入を行った。その際の設定方法を記載する。
Vitestでモックが上手く動作しないと相談されたので、その理由などについてまとめた。
Pigment CSS、PPR、React 19の新機能、パソコン用 Googlebot によるクロールの完全終了について紹介する。
一般的なWebデザインの流れについて質問があったため、その流れとよくあるQ&Aをまとめた。
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などについて紹介する。
ESLint Config InspectorをGithub Pagesにデプロイする方法について紹介する。
Renovateには特定のファイルやディレクトリを無視させる機能があり、デフォルトではnode_modulesなどを無視するようになっている。
ESLint v9がリリースされたが、ESLint pluginのESLint v9対応が出来ていないpluginが複数あり、その対応状況を調査した。
PDF.jsの脆弱性、Next.jsのSSRF脆弱性、Firebase App Hosting、Notion、PDFやGoogleドキュメントをサポートなどについて紹介する。
fireEventではなくuserEventを使うべき理由と、userEventの使い方、userEventが対応できないケースについて解説する。
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などについて紹介する。
textareaにfield-sizing: content; width: 100%;などを指定しても親要素の幅を超えてしまうという相談を受けたので、その原因と対応についてまとめた。
Chrome 124からaspect-ratioが指定されたgridアイテムがoverflowするようになったという報告があったので、その理由と対処方法についてまとめた。
position: stickyが効かないという質問を受けたことが度々あったので、その原因と解決策についてまとめた。
Webフロントエンド版DX Criteria、Deno v1.43、Baseline 2024 Aprilなどについて紹介する。
React v18.3、Bun v1.1.5、Remix Single Fetchなどについて紹介する。
Remix + Cloudflareの環境で、トップページのOutlet内部のコンテンツが表示されず、他のページでは404 Not matchエラーが発生するようになったと相談を受けたので、その原因と解決策についてまとめた。
CircleCI上で特定のmoduleをインストールさせたらrequires go >= 1.22で落ちたと質問を受けた際の対応についてまとめた。
Node.js v22、Rspack v1.0 Release Plan、Electron 30.0.0、ja.react.devの更新などについて紹介する。
Propsから受け取ったrefを内部的なrefとマージする方法を紹介する。
go mod tidyを実行したらruntime error: invalid memory address or nil pointer dereferenceエラーが発生した問題について解決策をまとめた。
Chrome 124のJavaScriptからShadow DOMを使用するAPIの追加、WebSocket Stream API、Pageswap eventなど。pnpm v9、Biome 1.7、Farm v1などについて紹介する。
Github Actionsのpull_requestトリガーのworkflowがなぜか実行されていないという相談を受けたので、その原因と解決策についてまとめた。
refが取れないので非制御コンポーネントに出来ないという相談を受けたので、非制御コンポーネントとrefの関係について説明した
ESLint v9.0.0、Next.js 14.2、zx v8.0.0などについて紹介する。
Playwrightのテスト結果を動画で録画する方法について紹介する。
Renovateは公式が設定をバリデーションする機能を提供している。
Deno 1.42、Bun 1.1などについて紹介する。
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などについて紹介する。
ESM in Node.jsについての記事や、Next.js AI Chatbot 2.0について紹介する。
Storybook v8のRSCのサポート、Vite5のサポート、Vitestによるテスト、Test flag、Built-in visual testing。Rolldownの公開。Biome v1.6のextendsプロパティなどについて紹介する。
Safari 17.4のBlock layout with align-content、Promise.withResolvers()、transition-behavior、@scope、Switch control、Vertical form controls、TypeScript 5.4のNoInfer、Pollyfill.ioの売却などについて紹介する。
MDNによるフロントエンドカリキュラム、JSRなどについて紹介する。
Deno 1.41、Remix 2.7.0、React Strict DOM、htmz、Safetestについて紹介する。
Goのバージョンをv1.21に上げたら、golangci-lint v1.52でerrors parsing go.mod: … unknown directive: toolchainとエラーが出る問題について解決策をまとめた。
React Compiler、typescript-eslint v7、Hono v4について紹介する。
RenovateがPRを作成するタイミングをnot-pendingにしている場合、Githubのブランチプロテクションでpull_requestトリガーのGithub Workflowを必須にしているとPRが作成されなくなることについて説明する。ｌ
Prettierで特定のファイルに適用されるParserを変更する方法について紹介する。
VSCodeが勝手にテストを走らせるようになったという相談を受けたので、その理由と対応についてまとめた。
Github Workflowsが落ちたらIssueを作らせる方法について調査した結果をまとめた。
file-selector-buttonを利用してinput[type="file"]を装飾する方法とその是非について。
yarn upgradeするとcanvas: Command failedと言われ失敗するようになったという相談を受けたので、その原因と対応についてまとめた。
Vite 5.1、Interop 2024、Immutable array updates with Array.prototype.withについて紹介する。
useRefでステートを管理する是非について質問を受けたので、個人的な意見をまとめた。
FigmaのDevモードが正式リリース、Figma Dev mode GA、Learn Testing、Next.js App Router Caching: Explained、Tappyについて紹介する。
useEventの後継として提案されているuseEffectEventについてのメモ。
Renovateにはパッケージを別のパッケージに差し替える機能がある。
Chrome 121、Next.js 14.1、Bun 1.0.24、Deno v1.40、Safari 17.3、ClerkのシリーズBについて紹介する。
data-属性やaria-属性などは、型定義がJSXに含まれていなくても型エラーになりません。この理由や型エラーになるケースについて紹介します。
Rspack 0.5、Remix v2.5.0、Prettier 3.2、Future of Storybook in 2024について紹介する。
Githubの資格認定制度、Docsets - Copilot Enterprise、Biome v1.5、Biome Roadmap 2024、Astro 4.1について紹介する。
iOSでinputにフォーカスするとズームしてしまう問題について調査した結果をまとめた。
Vue 2 EOL、quick-lint-js 3、 ChromeのThird-party cookiesの段階的廃止について紹介する。
JWTをクライアントでデコードする際にエラーが出る場合があると相談を受けた際の調査結果をまとめた。
ReactコンポーネントをJSX形式ではなく、ただの関数として呼ぶとバグの原因になる場合がある。これが原因のバグの相談を度々受けるので、問題になる例と対策をまとめた。
React Aria Components v1、Tailwind CSS v3.4について紹介する。
Safari 17.2、Deno 1.39、SvelteKit 2などについて紹介する。
Chrome 120、Vitest 1.0、Astro 4.0、Redux 5.0などについて紹介する。
Playwrightのテスト改善をしてほしいという相談を受けた際の対応をまとめた。
Biome v1.4.0、Storybook 7.6について紹介する。
Day.jsのisValidメソッドの判定が緩いのは何故かと質問を受けたので、その理由についてまとめた。
TypeScript 5.3、Git 2.43、Firefox 120.0について紹介する。
Vite 5、Prettier 3.1、PPR - Vercelについて紹介する。
Chrome 119、Remix 2.2.0、Deno 1.38、ESLint v8.53.0、Astro 3.4、Astro 3.5、Turbosnap (beta) - Chromaticについて紹介する。
Next.js 14、Safari 17.1、Node.js 21、Yarn 4.0、Storybook 7.5、JavaScriptビルドツールの整理、Tanstack Query v5、MSW 2.0について紹介する。
ESLint v9からflat configがデフォルトに、RemixはViteのプラグインとして動作する、Astro 3.3のPictureコンポーネント、Zodの実装、Vercelのv0がベータ公開などについて紹介する。
動的的にコンテンツが増えるようなサービスでは、クラシックスクロールバーによって画面が崩れたような印象を与えてしまう場合がある。この記事では、クラシックスクロールバーとオーバーレイスクロールバーの軽い説明と、scrollbar-gutterによる対策を説明する。
Chrome 118、Rollup 4.0.0、ViteConf 2023、pnpm 8.9.0、Bun v1.0.6、Lit 3.0、Biome と ESLint の lint ルールの互換性について紹介する。
Astro 3.2、Bun v1.0.4、pattycake、Deno vs. Bun vs. Node.js、Deno Queues、React Forget、Temporal API、SWR & TanStack Queryについて紹介する。
Safari v17、From WebGL to WebGPU、Four common types of code coverage、ESLint Stylistic、Remix v2、TypeScript Origins: The Documentary、Vikeについて紹介する。
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などについて紹介する。
npm publishで429 Too Many Request エラーが返ってくる問題について調査した結果をまとめた。
TypeScript 5.2のExplicit Resource Management、名前付きタプル要素と匿名タプル要素の混合、配列のユニオン型に対するメソッドの改善、非破壊的な配列メソッドのサポートについて紹介する。
Chrome 116のDocument Picture-in-Picture API、CSS Animation、CSS Motion Path、Enabled Privacy Sandbox APIについて紹介する。
React v18.2.0時点ではexperimentalなuseFormStatusを利用すると、重複送信を防ぐボタンを簡単に実装できる。
Noto Sansを使った際に、他のフォントと比べて下にずれたように見える問題についての調査をまとめた。
Storybook 7.1、Valibot、Chrome 115などについて紹介する。
Renovateでnpm.rangeStrategyをpinにするとengineもpinされてしまう問題について解決策をまとめた。
reactwg/server-componentsのDiscussionsで公開された`Why do Client Components get SSR'd to HTML? `のRSCの説明が分かりやすい。
Prettier 3.0、typescript-eslint v6、Firefox 115、styled-components v6などについて紹介する。
React Router v6に移行する際に気を付けるべき点や、移行時に受けた質問をまとめました。
iPhoneで見るとフォーム画面が崩れる問題について調査した結果をまとめた。
CSS Media Query、特にmin-widthまたはmax-widthを利用する場合に気を付けた方が良いパターンや知見について紹介する。これらのメディア特性が自由に扱われているスタイルは破綻しやすい。
Panda CSS、Svelte 4、New W3C website、Safari v17 Beta Web Appsなどについて紹介する。
ReactのRouterライブラリなどでパスの書き間違いを防ぎたいと聞かれたので、いくつかの方法を提示した際のメモ。
TypeScript 5.1、RSC From Scratchなどについて紹介する。
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などについて紹介する。
autoComplete/autoFillを完全に防ぐ方法について質問を受けたので、その対処方法についてまとめた。
フォームでsubmit buttonを押下すると上の方になぜかスクロールされるという相談を受けたので、その原因と対応についてまとめた。
ページにフォーカスを戻すと入力要素に入力していた内容が吹き飛ぶ場合があるという相談を受けたため、その調査と対応についてまとめた。
Dart 3、Chrome 113、Next.js 13.4、React Canariesなどについて紹介する。
Node.js v20、Vite 4.3、Deno 1.33などについて紹介する。
GithubでReviewer全員のApprovedを必須にする方法を紹介するが、おすすめしない。
npm、pnpm、yarn、npxの違いを一ミリも理解していないと相談を受けた際のメモ。
ESLintをv8に上げたら特定のルールでhasSuggestionを設定していないと言われると相談があったので、その対応についてまとめた。
Renovateでスケジュールが機能しないという相談を受けた際に調べたところ、技術的に分単位の制御が出来ないことが分かった。
react.dev、Safari 16.4、Fullscreen API、Screen Orientation API、Screen Wake Lock API、OffscreenCanvas、Web Push API、TypeScript 5.0などについて紹介する。
PlaywrightでFileChooserオブジェクトを利用してファイル選択をエミュレートする方法について紹介する。
Playwrightのスクリプトを自動生成する方法について紹介する。
Playwrightを利用したE2Eテストで稀に要素が取得できなくなり失敗すると相談を受けた際の対応についてまとめた。
RenovateでGolangのバージョンが上がらないと相談を受けた際に調べた内容をまとめた。
一時的に公開したいだけであればngrokが簡単に利用出来て便利。長期的に公開したい場合は、他のサービスの検討をおすすめする。
チャットボットの音声としてVOICEVOXの利用を検討した際に、REST APIとして利用する方法を調査した内容をまとめた。
React.dev、Safari 16.4、Web API、TypeScript 5.0などについて紹介する。
Playwrightのコード生成、画面情報がおかしいときの対処、Chrome 111、Deno 1.31、Google Searchのファビコンとサイト名、Rspack 0.1.0などについて紹介する。
Reactの状態管理ライブラリであるJotai、Recoil、Redux、Zustandについて比較した雑感。
CI上でPlaywrightのテストが落ちた場合、どのようなことを確認すると良いか書いた。
Safari 16.4 beta、Chrome 110、TypeScript 5.0 Beta、Next.js v13.2、ES2023、Lighthouse 10、Squooshについて紹介する。
モダンなブラウザのみサポートする場合は、scrollbar-width: noneの指定のみでスクロールバーを隠すことが出来る。
React Router v6でパスパラメータが変更された際も再レンダリングをトリガーする方法を紹介する。
Prism.jsを利用していると対応言語に書かれているがハイライトされない言語がいくつかあった。これはprism-react-rendererからprismjs本来の機能を使うように移行した際のメモです。
Unreal Engineのビューポート操作について、最低限困らないための基本的な操作方法をまとめた。
ReactのFunction Componentの型は、歴史的な理由などにより様々な記述ができる。React.FunctionComponent、React.FC、React.VFC、(props: SomeComponentProps): JSX.Elementなどがある。
ReactとTypeScriptでHTML属性を拡張する方法について書いた。React.ComponentPropsWithoutRefやReact.ComponentPropsWithRef、React.ComponentProps、JSX.IntrinsicElements、React.DetailedHTMLProps、React.ButtonHTMLAttributes、React.HTMLProps、React.AllHTMLAttributes、React.HTMLAttributesなど。
Reactのイベント型について書いた。React.MouseEvent、React.ChangeEvent、React.SyntheticEvent、NativeのEvent型、React.XXXEventHandlerなどについて、どれを使うべきか。
Reactのpropsをunion typeにする方法をいくつか紹介する。ただし、これらの利用やそもそもunion typeをpropsに使うこと自体が適切かどうかは慎重に検討する必要がある。
2022年10月時点でのCSS in JSについてのメモ。Zero Runtime CSS in JSやZero-runtime CSS in JSライブラリの比較など。
PlaywrightでVisual Regression Testingを行う方法について紹介する。
PlaywrightでAPIのレスポンスを差し替える方法について紹介する。
PlaywrightでCookieやLocal storageをstate.jsonに保存してセッションを再利用する方法について紹介する。
Playwrightでページ内で任意のスクリプトを実行する方法について紹介する。
Playwrightをheadedまたはデバックモードで実行する方法について紹介する。
Playwrightでページ内で発生したエラーを検出する方法について紹介する。
Fire-and-forgetパターンつまりuseEffectOnceのようなコードをuseEventでどのように置き換えられるか
CSS変数に色をそのまま宣言するのではなく、パラメーターを持たせておくことで、`rgb()`や`hsl()`、`lch()`などの関数に渡して、色を生成する方法を紹介する。
@media printや@page、break-inside、break-before、break-after、print-color-adjustなどを利用して印刷時の見た目を調整する方法を紹介する。
Safari 16でサポートされ、全ての主要なブラウザで利用できるようになったtext-align-lastについて紹介する。
会社にて、ほとんどのサービスのReactのバージョンをアップグレードするイベントを開催した際のQ&Aなどをまとめました。
要素を返す前にstateを更新すると何が起きるかのクイズ。
リリースされたばかりのReact Router V6のOutletを使って、ページコンポーネントを遅延読み込みするいい感じの方法を考えた。
CSS-in-JSのstyledとcss propの記法について、styled-componentsの作者であるGlen Maddern氏による説明のメモ。
React-Routerでリダイレクトさせる際にreplaceさせないと、リダイレクトされるページの前にいたページに戻れなくなるのは当たり前だと思うが、質問があったのでまとめた。
ReactにおいてgetElementByIdやquerySelectorを避けた方が良い理由の説明。
useEffectのdepsに依存関係を入れる理由について解説する。