読者です 読者をやめる 読者になる 読者になる

ウラガミ

いわゆるチラ裏

『suikou』×ショートカットキーで脳のモードを素早く切り替える

先日投稿したWorkFlowyで推敲するためのスタイル『suikou』。

これをPCでも使いたいと思い、PC用に少し手直しをして、Stylishで使っていました。(そこそこ汎用性あると思ったのでuserstyles.orgに投稿してみました

最初は素直にStylishで使っていたのですが、このスタイルって、

WorkFlowyで書いている文章を、

時に使うもので、常用するものじゃないんですよね。だから他のスタイルに比べて切り替える機会が圧倒的に多くて、そのうちStylishによる切り替えが面倒になってきました。

ShortcutKey2URL

そこで思いついたのが、firefox拡張機能である『ShortcutKey2URL』を使う方法です。これはURLをショートカットキーに登録する拡張機能で、Bookmarkletも登録できる優れものなのですが、、

参考: ShortcutKey2URL - Firefox Extension

そこで、「『suikou』をBookmarkletにして、それをショートカットに登録して使えばいいじゃん!」と思ったわけです。

code

Bookmarkletにしたものがこちら

javascript:(function()%7Bif(document.getElementById(%22suikou%22))%7Bdocument.body.removeChild(suikou)%3B%7Delse%7Be%3Ddocument.createElement(%22style%22)%3Be.id%3D%22suikou%22%3Be.innerHTML%3D%22.children%7Bpadding-left%3A0%3Bmargin-left%3A0%3Bborder-left%3Anone%7D.selected%20.project%3E.name%2C.selected%20.project%3E.notes%2C.selected%3E.children%3E.project%20.project%7Bpadding-left%3A0%3Bmargin-left%3A0%7D%23controlsLeft%7Bleft%3A-4em%7D%23controls%20%23expandButton%7Bleft%3A-3em%7D.bullet%7Bleft%3A-1.6em%20!important%3Bbackground%3Anone%20!important%3B%7D.selected%3E.name%3E.content%7Bfont-weight%3Abold%3Bfont-size%3A100%25%7D.selected%3E.children%3E.project%3E.name%3E.content%7Bfont-size%3A26px%3Bfont-weight%3Abold%3Bline-height%3A1.6em%3Bmargin-bottom%3A0.2em%3Bpadding%3A0%3Bborder-bottom%3A1px%20solid%20silver%3Bborder-radius%3A0%7D.selected%3E.children%3E.project%3E.children%20.project%3E.name%3E.content%7Bfont-size%3A22px%3Bfont-weight%3Abold%3Bline-height%3A1.6em%3Bmargin-bottom%3A0.2em%3Bpadding%3A0%7D.selected%3E.children%3E.project%3E.children%20.project%3E.children%20.project%3E.name%3E.content%7Bfont-size%3A20px%3Bfont-weight%3Abold%3Bline-height%3A1.6em%3Bmargin-bottom%3A0.2em%3Bpadding%3A0%7D.selected%3E.children%3E.project.task%3E.name%3E.content%2C.selected%3E.children%3E.project%3E.children%20.project.task%3E.name%3E.content%2C.selected%3E.children%3E.project%3E.children%20.project%3E.children%20.project.task%3E.name%3E.content%7Bfont-size%3A18px%3Bfont-weight%3Anormal%3Bmargin-bottom%3A1.6em%3Bpadding%3A0%3Bborder-bottom%3Anone%7D%22%3Bdocument.body.appendChild(e)%3B%7D%7D)()

このスクリプトをブックマークやShortcutKey2URLに登録すれば準備は完了。これで1クリックやショートカットキーで、『suikou』と通常のスタイルを切り替えられるようになりました。

劇的な変化というわけではありませんが、ストレスを感じていた部分が無くなって満足してます。


蛇足

環境整備ばかりやって実際のアウトプットに反映されないのがなんともアレなんだけど、「やり方を考える」のが趣味みたいなところあるし、そもそもそれを外に出してるんだからいいや、という開き直り。