yarn
yarn watch
yarn storybook
Chrome 拡張機能を開く
「パッケージ化されていない拡張機能を読み込む」をクリック
\dist
を選択
任意のサイト上で右上の拡張機能のアイコンをクリックする
# after build
yarn build-zip
ブラウザ上に表示されているコードにカーソルを合わせるとコードの構成音を表示するChrome拡張機能
Home Page: https://chrome.google.com/webstore/detail/chord-dictionary/lnefagbhokamcaedbeopnhdabkcemkcf
License: MIT License
yarn
yarn watch
yarn storybook
Chrome 拡張機能を開く
「パッケージ化されていない拡張機能を読み込む」をクリック
\dist
を選択
任意のサイト上で右上の拡張機能のアイコンをクリックする
# after build
yarn build-zip
再現方法
拡張機能をは正常に動いているがアイオンの「ON」の文字が消えている。
この状態でアイコンを複数回クリックしても、拡張機能を再度オンにすることができない。
(タブの更新で直る)
原因
backgroud.jsでのタブごとの拡張機能のオン、オフの管理がうまくいっていない
「D7(#9, b13)」のように途中にスペースが入った場合の処理が上手くいってないようです
ja.chordwiki.org/wiki.cgi?c=log…https://twitter.com/surrogatepair/status/1240635686400577538
ここ
色々試してみたが僕は直せない。Tone.js自身の問題だと思われる
無理やりやったけどashcolorさんに直して欲しい
コードの流れを見たいので過去に表示したコードの履歴があるといい気がする
仕様検討中
楽器.meで有効化するとサイトのヘッダ部分が左にずれてしまう。
chromeを使わない
ホバーをオンにして、設定画面のショートカットの説明にある「Ctrl+Space」などの文字列にカーソルを乗せると、Cやaといった文字列に反応してします。
同じフォント・フォントサイズで文字ごとハイライトエレメントに貼る
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.