JavaScript「同じタブで開く」が同じタブで開かない。Chrome拡張「The Switcher」のUX設計をやり直した話
本番・ステージング・ローカルを毎日何十回も往復してると、正直それだけで地味に削られていくんですよね。URLバーを書き換える、ブックマークを切り替える、さっき開いてたタブを探す……どれも「できないわけじゃない」けど「毎回やるには普通にしんどい...
Chrome
JavaScript
JavaScriptChrome拡張のマルチディスプレイ対応でハマった話〜「ディスプレイ番号1でしか動かない」をClaude Codeと直すまで【拡張機能開発ガイド】
自作のChrome拡張「WindowSync — Dual Tab Scroll Sync」に、あるユーザーさんからレビューが届きました。星4つ、ありがたい評価とともに、こんな改善要望が添えられていて—— サブディスプレイを使っている環境だ...
JavaScript【Chrome拡張機能】2つのタブを爆速で分割・同期スクロールするツールを作ってリリースした話
Webでのリサーチやドキュメントの比較、コードのレビューなどをしているとき、「2つの画面をきれいに並べて、同時にスクロールして見比べたい！」と思ったことはありませんか？ 今回は、そんな作業を圧倒的に効率化するChrome拡張機能を開発し、無...
JavaScriptChrome拡張機能『Design Tracker – 画像を重ねてコーディングを微調整』をリリースしました！
画像越しに要素を検証！Design Trackerの「Inspectモード」がコーディングの常識を変える件 こんにちは、志乃です。 先日リリースしたChrome拡張機能『Design Tracker – Overlay for Coding...
JavaScript効率的なリサーチワークフローの構築：ClipContextによるコンテキスト保持とタブ管理の自動化
はじめに ウェブベースのリサーチ業務において、情報の断片化は避けて通れない課題です。「コピー＆ペースト」という日常的な操作の中で、出典URLの記録漏れや、後で見返した際の文脈（コンテキスト）の喪失が、作業効率を著しく低下させる要因となります...
業界NEWSGoogle Chrome 118に追加されたCSSルール「@scope」の基礎知識と使い方
CSSの新機能として実装された「@scope」ルールについてまとめました。デザイナー、コーダー、フロントエンドエンジニアの方は要チェックです。※Google Chrome 118安定版リリース時の記事です @scopeとは？ @scopeは...
業務効率化ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】
※通常の閲覧時のショートカットです。Chromeのデベロッパーモード上でのショートカットキーは『Google Chromeデベロッパーツールのショートカットおススメ10選』をご覧ください。 業務効率を上げるためにPCでのショートカットを使う...
JavaScript【Chrome拡張】background内でlocalStorageを使おうとしてドンハマリした【Chrome Extensions】
本番環境・開発環境・テスト環境のURLのサイトパスを維持したままドメインを切り替えて表示させる『The Switcher』をアップデートしようとしているんですよね。詳しくは実装後にお話ししますが、拡張のアイコンを押すだけではなくて、右クリッ...
業務効率化Google Chromeデベロッパーツールのショートカットおススメ10選
※Chromeのデベロッパーモード上でのショートカットキーです。通常の閲覧時のショートカットは『ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】』をご覧ください。 フロ...