記事入力画面を等幅フォントにする

はてなブログを開設して記事を書いてみたところ、記事入力画面がプロポーショナルフォントでソースコードが書きづらかったので、記事入力画面を等幅フォント（Courier New）にするブックマークレットを作りました。

（iframeって表示されるのかな...？）

まずは Developer ツールでセレクタとプロパティを調べつつ、動くコードを書きます。

f:id:kijuky:20210608185109p:plain

document.getElementById("body").style.fontFamily="Courier New"

等幅フォント一覧はこちらとかを参照しました。

うん、良さそう。

次に Bookmarklet に仕立て上げます。 javascript:(function(){ と })() で囲んであげます。

色々とぐぐってみたらはてなレットというサイトを発見。せっかくなので登録してみました（上のリンク）。

作成する際にはてラボ人間性センターというスパムチェッカーがありまして、こちらキン肉マンやら落語やらの知識がなかったので１０回くらい失敗しました...今回ので一番時間かかったかも。