hogashi.*

日記から何から。

 スプラトゥーン2のサーモンランの"バイト回数"が3000に達したので記念スクリーンショット。ついでにレート?のゲージも999まで行けた状態。カンストできたの嬉しくて、今回のクマサンブキx4かつ身内x4でしばらくやったらするする上がってカンストしていた。999から下がると989とかになるのが面白い。

f:id:hogashi:20180716015522j:plain
祝バイト回数3000回の釣果画面

pre環境のフォントを変えよう

 CSS が何も当たっていない pre 環境が、等幅でないフォントなら、等幅なフォントに変えたほうがよさそう、というお話。

 それはそう。と思うんだけれど、意外と Google Chrome は初期値で固定幅フォントを選んでくれていなかったりする*1。つまり、 Google Chrome などのブラウザは pre 環境に font-family: monospace; というスタイルを当ててくれるが、「 monospace 」を、実際に OS のどのフォントで描画するか、の選び方があまりよくない。

 chrome://settings から「フォントのカスタマイズ」で「固定幅フォント」を Consolas や Monaco, Menlo, Ubuntu Mono, Roboto Mono, Noto Mono, Source Han Code などにするとよさそう。
 前半のフォントは OS 依存?だったりするので、 Google Fonts からダウンロードしたりして解決するとよさそう。 Roboto Mono はここから可能。

 Noto Mono はここから可能。ついでに他の Noto フォントもここから手に入る。

 ちなみに、上で挙げたものには和文が入っていないけれど、和文も含まれるフォントは、 Noto に日本語など全角文字シリーズが入った Noto Sans Mono CJK や、 Source Han Code に「源ノ角ゴシック」をくっつけた Source Han Code JP (源ノ角ゴシック Code JP) などがある。

 他にも、 Myrica や Migu (M+ と IPA の合成) とかもある。「日本語フォント 等幅」とかで google 検索すればいくつか出る。せっかく pre 環境なり code 環境なりがあるので、等幅で見やすくしてみてほしいと思っている。

*1:どうにかならないかなってずっと思ってる

JavaScriptでCSSをまるごとコピー

 任意のサイトの CSS をまるごとそっくり手製のページに入れてみたくなったものの、 style タグに URL を指定するのは CORS とかで怒られるらしい(やっていない)ので、取れる範囲でいいから値だけコピーした。 document.styleSheets で取得したシートにそれぞれ入った cssRules を文字列で取得して、手製のページで style タグをつくってシートに insertRule で順番に流し込む。

 複数のサイトのスタイルを取ってきて局所的に当てる、とかも、ルールの頭に id を振って div#id 以下だけにあたるようにしてもよさそうだし、 iframe とか使ってもよさそう。


copy css rules from a document to another one

 毎度姑息な手段みたいなことをしているのでもう少し賢くなりたい。

拡張機能「twitter画像原寸ボタン」v2.1.8公開

 GoogleChrome拡張機能twitter画像原寸ボタン」v2.1.7 v2.1.8 を公開しました。
(追記180623/07:32) さらに考慮漏れがあったので修正しました。

変更点

 TweetDeck で画像を新しいタブに正しく開けなかったので、正しく開けるように修正しました。

詳細

 TweetDeck で、画像の URL が "https://pbs.twimg.com/HOGEfoobarbaz.jpg?format=jpg&name=360x360" とかになることがあるので、それにも対応できるよう修正した、という感じです。どういう場合があるのか全貌を把握できて居なさそうなので、まだ正しく開けないことがあるかもしれません。
 正しく開けると、 "https://pbs.twimg.com/HOGEfoobarbaz.jpg:orig" というような URL になります。

インストール

 Chrome ウェブストアからインストールできます。

chrome.google.com

kindle paperwhite を買ったところ、ウェブブラウザがあって面白い。レイアウトとか壊れつつそれなりに見られて便利。この記事は kindle paperwhite から投稿されています。

 dotfiles の整理を始めてスプラトゥーン2のサーモンランをやってオクトエキスパンションをやって YouTube Live を見て寝て dotfiles の整理をしてスプラトゥーン2のサーモンランをやって dotfiles の整理をした。主に .bashrc の内容が少し見やすくなった。特に難しいことをしていないので、ファイルに分けて、 install.sh をつくって git cloneln -s をしてくれるようにした。だいぶ楽になってよかった。 YouTube Live はクライマックスで泣いた。

 普段使っている歯ブラシはこれ↓で、大体半年くらいこれ↓を買い続けている。頭が比較的小さくて奥歯を磨いていても比較的つらくない。 Amazon には 6本セットしかないっぽいけど近所のお店で一本ずつ買っている。

クリニカ アドバンテージ ハブラシ 4列 超コンパク ト ふつう 6本パック

クリニカ アドバンテージ ハブラシ 4列 超コンパク ト ふつう 6本パック

 今日もそれ↑を買ったのだけど、横にあったこれ↓も目についたので一緒に買ってみた。

クリニカ アドバンテージ デンタルタフト 1本

クリニカ アドバンテージ デンタルタフト 1本

 接地面が小さくなるので、どこが磨けているか分かりやすいし、歯間にちゃんとブラシが入っているねということも感じられるし、本当に一本ずつ磨くことになるので面白い。如何せん面積が小さいと同じ力でも圧力が大きくなるので歯茎とかには気をつける必要がある。あと歯磨き粉はほとんど乗らないし、伸ばせないので、少しの量だけど勘弁するか、となる。結果として豚骨ラーメンが食べたい。