『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』と通常のスタイルを切り替えられるようになりました。
劇的な変化というわけではありませんが、ストレスを感じていた部分が無くなって満足してます。
蛇足
環境整備ばかりやって実際のアウトプットに反映されないのがなんともアレなんだけど、「やり方を考える」のが趣味みたいなところあるし、そもそもそれを外に出してるんだからいいや、という開き直り。
