JavaScriptWeb Storeのレビューで「エイリアス機能つけて」って言われたので、ちゃんと対応した話
前回、前々回と「同じタブで開く」の仕様を巡るドタバタと、権限まわりの整理を書いてきました。今回はちょっと毛色が違って、Web Storeのレビュー欄に届いた1件のコメントに、実際にどう対応したかという話です。個人的な話をすると、レビューの中...
Chrome
JavaScript
JavaScript「同じタブで開く」が同じタブで開かない。Chrome拡張「The Switcher」のUX設計をやり直した話
本番・ステージング・ローカルを毎日何十回も往復してると、正直それだけで地味に削られていくんですよね。URLバーを書き換える、ブックマークを切り替える、さっき開いてたタブを探す……どれも「できないわけじゃない」けど「毎回やるには普通にしんどい...
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はCS...
業務効率化ブラウジングを爆速化して業務に役立つ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】』をご覧ください。フロン...