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 はここから可能。

• Roboto Mono - Google Fonts

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

• Google Noto Fonts

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

• Noto CJK – Google Noto Fonts
• Introducing Source Han 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 clone と ln -s をしてくれるようにした。だいぶ楽になってよかった。 YouTube Live はクライマックスで泣いた。

■

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

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

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

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

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

■

　最近文章がめっきり書けなくなっており、というか書くにしても何書くか考えた時点で真っ白になる状態で、頭脳就中記憶力とかが終わっている感じがある。記憶力トレーニングとかも(やる気的にも)できる気がしないので、記憶力ゼロになったらおしまいです。ということ自体はなんとか考えられたので文章にした。