QR Send

スマホとPCのChrome間で、URLやテキストをQRコード1回のペアリングで送り合える自作Chrome拡張。アカウント不要・無料。

使ってみる →
テスト自動化

見た目の崩れをtoHaveScreenshot()で止める：CIで安定するVisual Regression Testingの始め方

PlaywrightのtoHaveScreenshot()で見た目の崩れを検知するVisual Regression Testing入門。初回実行のベースライン生成、CIで真っ赤になる環境差対策(公式Dockerイメージ)、mask/animationsでのノイズ除去、maxDiffPixelRatioを最後に触る順番まで解説します。
2026.09.05
テスト自動化
AI活用

Claude Codeのキーバインドをkeybindings.jsonで自分好みに変える：chordバインドで既存の割り当てと衝突せずに増やせる話

Claude Codeの/keybindingsで開くkeybindings.jsonの書式と、ctrl+k ctrl+sのようなchord(複数キー連続)バインドの仕組みを公式ドキュメントで裏取りしました。単キーの組み合わせを使い切っても、chordなら既存の割り当てと衝突せずにショートカットを増やせます。
2026.09.04
AI活用
テスト自動化

「たまに落ちるテスト」を勘で直さない：–repeat-eachとFlakyタグで本当に不安定なテストを先に特定する

テストが1回落ちただけで「flakyだから」とretriesを足して蓋をしていませんか。Playwrightの--repeat-eachでテストの不安定さを数値化し、HTMLレポートのFlakyタグで候補を絞ってから、waitForTimeoutとCSSセレクタという2大原因を潰す順番を紹介します。
2026.09.03
テスト自動化
AI活用

MCPが2026-07-28でステートレスな仕様に変わった：OAuth/OIDC強化とApps/Tasksが拡張機能に切り出された話

普段MCPサーバーは npx @playwright/mcp@latest のようにコマンド一発で立ち上げて、あとは黙って動いてくれるものだと思っていました。ところが2026年7月28日付でMCP（Model Context Protoco...
2026.09.02
AI活用
AI活用

Claude Codeのプロンプト入力にスペルチェックが来た：aspell/hunspell/ispellでタイプミスに下線を引く、地味だけど効く設定

Claude Codeへの指示文で「消して」と打つつもりが「消して」を「消して」のまま漢字変換ミスで送ってしまい、意図と違う挙動になったことはないでしょうか。私は割とあります。急いでいるとき、プロンプトの中で固有名詞のスペルを1文字打ち間違...
2026.09.01
AI活用
AI活用

Claude Codeの『セッション間メッセージング』でエージェント同士に直接しゃべらせてみた：発見や判断を再説明せずに次のセッションへ渡せるのか

2026年8月にmacOS/Linuxで使えるようになったClaude Codeのセッション間メッセージング(ListAgents/SendMessage)を、マルチセッション議論で誤りが訂正頻発した自分の実感と突き合わせて検証しました。
2026.08.31
AI活用
個人開発

強制的に読ませる：スマホの「あとで読む」をPCのChromeタブとして問答無用で開かせる拡張を作った

メモアプリに保存した「あとで読む」記事は結局読まれない。スマホで見つけたURLをPCのChromeタブとして強制的に開かせるChrome拡張QR Sendを作った理由と設計判断を書きました。
2026.08.30
個人開発
AI活用

Playwright MCPの「プロファイル」を理解する：persistent(既定)/isolated/extensionの3モードでログイン状態は毎回消えるのか残るのか

Playwright MCPは既定でpersistentプロファイルを使い、ワークスペースごとにCookieやログイン状態を自動保存します。isolated/extensionモードとの違い、storage-stateでの初期状態注入、名前付きセッション管理がまだfeature request段階である点まで整理しました。
2026.08.30
AI活用ブラウザ自動化
テスト自動化

CIのPlaywrightが遅いのはworkersの数じゃない：–shardが均等に「分けてくれない」理由

「shardを増やしたのにCIが速くならない」を素直に眺めると、大抵1つのshardだけが突出して遅いことに気付きます。workers・fullyParallel・--shardという別レイヤーの3つを整理し、shardがなぜ均等に分割してくれないのかを一次情報で確認しました。
2026.08.29
テスト自動化
テスト自動化

PlaywrightのテストでTypeScriptに最初につまずくところ：Cannot find module(TS2307)を順番に片づける

import { test } from '@playwright/test' が赤線、自作ヘルパーが@/utilsで読めない。Playwright + TypeScriptで1年目がテストのロジックより先につまずくCannot find moduleを、原因ごとに切り分けて片づけます。
2026.08.28
テスト自動化
次のページ