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 使い方 インストール
Mouse Dictionaryの技術的な話 - Qiita
Mouse Dictionary Chrome拡張の高速な英語辞書ツールをつくりました https://qiita.com/wtetsu/items/c43232c6c44918e977c9 これ↑を作ったときの工夫とかの話になります。 ブラウザ拡張の開発に関する情報は、ふつうのWebフロントエンドの情報と比較するとなかなか見つかりづらいため、役に立つかもしれないと思いここに書き残しておきます。 ソースコード おおまかにいうと、ただのWebExtensionsプロジェクトです。が、とくに速度を出すために、ちらほらバッドノウハウ的なものも必要になりました。 基本方針 以下を絶対に守る。 とにかく一瞬でルックアップ～表示の更新を完了させる とにかく幅広く見出し候補を作成して一度にルックアップする 一瞬さ どれくらい一瞬かというと、マウスうごかす～小窓の表示更新完了まで、60分の1秒を越えないよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
