Playwrightで取得済みLocatorから1要素だけ絞り込む方法（filter({has})ではなく.and()）
Playwrightで`page.locator('input[name="status"]')`のように一度取得した複数要素のLocatorから、特定のvalueを持つ1要素だけを絞り込む方法を解説します。`.filter({ has: ... })`が動かない理由と、`.and()`を使った正しい絞り込みパターンを最小コードで紹介します。
PWAで起動された時だけAdSense広告を出さない実装（matchMedia + navigator.standalone二重判定）
PWAスタンドアロン起動時だけAdSense広告を完全に出さない実装を解説します。matchMedia('(display-mode: standalone)') と navigator.standalone の二重判定でiOS/Androidの両方をカバーし、「広告コードを出してから隠す」ではなく「そもそも読み込まない」方針でUXとAdSenseポリシーを両立する設計です。
PlaywrightでPC/タブレット/スマホを一括でE2Eテストし、スクショを取得する方法
Playwrightで複数ビューポート（PC/タブレット/スマホ）を一括E2Eテストする方法を解説します。projects設定で3画面サイズを直列実行し、各操作のスクリーンショットを連番で自動収集する構成、カスタムフィクスチャによる命名規則、globalTeardownでの横並びレスポンシブ比較HTML生成まで実装例付きで紹介します。
ダークモードのちらつき（FOUC）をリロード時に消す方法（インラインscript + localStorage）
ダークモード対応のWebアプリでリロード時に発生する「ライト→ダークの一瞬チカッ」（FOUC）を消す方法を解説します。HTMLパース時にインラインscriptでlocalStorageから読み取って theme クラスを当てる実装パターンと、CSS変数による配色切替設計を実装例付きで紹介します。
Vite + Reactのサイト（SPA）をPWA化する手順（vite-plugin-pwa）
Vite + ReactのSPAをvite-plugin-pwaでPWA化する手順を、最小構成→manifest→Service Workerキャッシュ戦略→Lighthouse・インストール検証まで一気通貫で解説。実際に「こぴぺったり」で使っている設定そのままで、ホーム追加とオフライン動作を最短で整えられます。
定型文・コードをワンタップでコピーできるWebアプリ「こぴぺったり」を作ってみた（完全ローカル・サーバー送信ゼロ）
メール定型文・コードスニペット・SQLなどをフォルダで整理してワンタップでコピーできる無料Webアプリ「こぴぺったり」を作りました。データはブラウザのローカルストレージに保存されサーバー送信ゼロなので、業務用テンプレートや社内コマンドも安心して保管できます。React + PWA対応でスマホでも快適。
越後湯沢を冬以外に駅徒歩観光！1泊2日モデルコース（日本酒・酒風呂・不動滝・猫カフェの実体験11スポット）
概要
今回は、新潟県の越後湯沢を1泊2日で行ってきたので体験をまとめて紹介していきます。
越後湯沢といえばスキーの印象が強く、車が必須かつ冬だけといったイメージが強いですが、実は駅から徒歩圏内かつ冬以外でも「日本酒の試飲」「酒風呂」「日帰り温泉」「滝」「猫カフェ」とめちゃくちゃ楽しめてしまう観光地でした！
車が無くても新幹線1本（東京駅から約75分）でアクセスでき、現地は完全に駅徒歩でまわれるので、移動のストレスが本当に少ないのが嬉しいですよね！
「越後湯沢に何があるのか具体的に知りたい」
「駅徒歩で1泊2日のモデルコースを組みたい」
「お酒・温泉・自然・グルメをまとめて楽しみたい」
そんな方に向けて、実際に1泊2日で巡った11スポット（カフェ・お肉屋さん・日本酒・温泉・滝・猫カフェまで）を、写真付き・順番付き・体感の所要時間付きで全部レビューしていきます（^^
それではやっていきましょう！
求人・ライブ配信などのサイトを早くインデックス登録する方法（Google Indexing API）（Node.js）
求人ページ（JobPosting）やライブ配信ページ（BroadcastEvent）を Google にできるだけ早くインデックス登録する方法を、Google Indexing API + Node.js + OAuth2 認証で実装する手順として解説します。サービスアカウント方式が詰まったときの代替策としても有効です。