JavaScriptChrome拡張機能『Design Tracker – 画像を重ねてコーディングを微調整』をリリースしました！
画像越しに要素を検証！Design Trackerの「Inspectモード」がコーディングの常識を変える件 こんにちは、志乃です。 先日リリースしたChrome拡張機能『Design Tracker – Overlay for Coding...
Chrome
JavaScript
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】』をご覧ください。 フロ...