Firefoxの拡張機能作った
っておいいいいいいいいいいいいいいいいいいい!!!!
こいつもう作曲タイピング作ってねええええええええ!!!!!!(小太りメガネ早口銀魂腐女子)
ところで、実は長年使っていたChromeからFirefoxに移行してみたよ。
最近ちょこちょこプログラミングに手を出し始めてからカスタマイズにハマってしまい、
Firefoxならcnofig:aboutでめちゃ項目いじれる & 企業理念に感銘を受けた & アイコンが可愛い
という理由で使い始めたんだけど、めちゃめちゃ良い。
しかもChromeと違って公式のドキュメントで拡張機能の作り方解説してくれてる!!
最高!
ってことで簡易的なメモ帳を作成してみた。
ネットしててちょっとしたことをメモりたい時にいちいちメモ帳に保存して参照する時に開いてっていう行為が面倒だし、
ファイルが増えるのも面倒だし、ブラウザに保存しておければ楽ちんでいいよねって前から思っていたんじゃよ。
中身は
アイコンクリック
↓
textarea表示
↓
textareaのコンテンツが書き換えられる度に保存
↓
browser.storageで保存
↓
あとおまけで現在時刻表示機能
っていう小学生でも書けそうなシンプルなものなんだけど、署名して申請してそれが通って、
実際に使えるようになると普通に感動した。
そこでちょっと調子に乗りまして。
今のところ唯一と言ってもいいfirefoxがchromeに負けている点は何だと思いますか?
それはね、e-typing plusがないってところなんだ。
じゃあもう、MDN様の審査を通ったこの俺様が、
作ってやろうじゃないの!って思って手を出してみたんですよぉ~
どうなっちゃうんだぁ~~~????
全然無理。
resultを取得してWPM表示したりするところまではいけたけど、アプリケーションの中身がなんか難読化されてるし、
知識がなさすぎてどのファイルで何してるんだかさっぱりわからなかった。
あと、スペースキーを押すと画面がスクロールされてしまう問題があって、これもChromeに負けてるところかも。
んで、せめてこっちは解決してやろうと思って、スペースを押したらスクロールを止めるっていう処理を書いてみた。
これもトップページでは機能するけど、カウントダウンが始まるとフォーカスをそっちに持っていかれてしまうので、
イベントを検知できなくなってしまう。
結局どっちも僕の書いてるスクリプトがe-typingトップページのDOM要素にアクセスしているのであって、iframeかなんかで埋め込まれている
アプリ自体にアクセスできていないのが問題なんだよな。
ということで、大して頭のよくないひよっこには全然太刀打ちできませんでした。
当たり前に使っているe-typing plusが神拡張機能であることを再認識させられました。
やださんすごい。
僕も技術力が欲しいよぉ...
あと、ツイートの頻度を落としてみました。
この前の記事みたいに余計なことばっかり言ってしまうからです。
世界が少し綺麗になったね。
[追記]
スクロール停止はできたので、これも拡張機能にして申請した。
多分2日後くらいには使えるんじゃないかな。まじで自分でどんどん拡張していけるの便利だ。