Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
ブラウザ拡張の開発をTypeScriptで爆速で始めるやつ作ったので紹介 - クフでダローバルな日記
先日、動画に突然「熱盛」を表示するとかいうクソChrome拡張を作って公開しました。 動画を再生しているとたまに熱盛と表示されてしまうchrome extension作ったから見てhttps://t.co/KGdPKFvjuP pic.twitter.com/ocyqJWSBBe— まざっち (@mazamachi) 2017年8月29日 めっちゃバズって結構インストールしていただけました。うれしい。 やっぱりこういうのは鮮度が大事で、思いついてから公開までを数日にとどめたいところですね。 とはいえ、Chrome拡張機能をシュッと作るためには Chrome拡張の作法に則った設定ファイルの作成 （manifest.jsonなど） ES6/TypeScript や Less/Scss などのトランスパイル自動化 開発版とリリース版の分離 などなど、設定事項が多くてかなり面倒です。 この記事は、
A Modern Front-End Workflow – Umar Hansa | Render 2017
Join us for #RenderConf 2018: https://goo.gl/iXs1mJ The audience can expect to learn hidden DevTools secrets but also how to adopt a modern development and debugging workflow. This talk is important for any web developer who wants to understand and debug the internals of a webpage quickly and with ease. ABOUT UMAR HANSA Umar is a web developer based in London who has a focus on writing tips, tu
DevTools Author | A selection of author settings for Chrome Developer Tools
Getting Setup Install DevTools Author from Chrome Web Store Enable DevTools experiments in (copy below in to omnibox) chrome://flags/#enable-devtools-experiments Open DevTools (cmd + opt + I); Settings > Experiments > check Allow custom UI Themes. /* A restart of Chrome is necessary for flags to take effect. */ /* After restarting DevTools, you should see the default theme 3024 take affect within
What's new in Chrome DevTools?
📹Video: https://www.youtube.com/watch?v=XpGa6IzmmQg Presented at FITC Web Unleashed 2015, Toronto. As the complexity of the web apps you build keeps moving, so do the Chrome DevTools. In this session, I will give you the latest update on your favourite companion; exploring new features in performance profiling, animation inspection and updates to the JavaScript editing workflow with V8. You’ll wa
Chrome開発者ツールの小技集 | POSTD
最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく
New React Developer Tools – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. A month ago, we posted a beta of the new React developer tools. Today, we’re releasing the first stable version of the new devtools. We’re calling it version 0.14, but it’s a full rewrite so we think of it more like a 2.0 release. It contains a handful of new features, including: Built entirely with React, making it ea
Upcoming features in the next Chrome DevTools — Medium
Yesterday, I went to Mix-IT 2015 conferences in Lyon, France. I came to the great keynote “Designing with Chrome DevTools” by @pbakaus and here is a short list of what I found cool (and what I remember…). Disclaimer: all presented features may not be present in the next Chrome DevTools and are for most of them prototypes. Layout modeNever before seen before at a conference or across the web, @pbak
DevTools: State Of The Union 2015
As the complexity of the web apps you build keeps moving, so do the Chrome DevTools. In DevTools State of the Union, Addy will give you the latest update on your favourite companion; exploring new features like paint profiling, animation inspection and updates to the JavaScript editing workflow with V8. * Note: these are annotated slides aimed at making it easy to read and follow along with what I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - esbenp/pdf-bot: 🤖 A Node queue API for generating PDFs using headless Chrome. Comes with a CLI, S3 storage and webhooks for notifying subscribers about generated PDFs
Setting up Figwheel for Chrome Extensions Content Scripts
Chrome Music Lab
みんなの知らないChrome Appsの世界
Frontest
GitHub - binaryage/cljs-devtools: A collection of Chrome DevTools enhancements for ClojureScript developers
Redesigning Chrome Android. Part 2 of 2
esarea
http://treev.co/
First set of Android apps coming to a Chromebook near you
Apps for ChromeOS overview | Android Developers
