Element.scrollIntoView() with options

「だいたいあの辺に飛べば良いや」というときに便利な scrollIntoView() メソッド。 呼び方は三通り。 element.scrollIntoView(); element.scrollIntoView(alignToTop); // Boolean parameter element.scrollIntoView(scrollIntoViewOptions); // Object par…

おでん

汎用的に使えるおでんの作り方というよりは、初めて作ったときの記憶の永続化、という佇まい。 背景的なこと 材料(4人分) 作戦を練る 作り方の実際 出来ぐあい 関連質問

ページの途中に表示するメッセージ

.entry-content pre > code.hljs { background-color: #3f3f3f; /* zenburn ... .hljs */ padding: 10px; } .entry-content pre { padding: 0; } tt { font-family: Consolas; } hljs.initHighlightingOnLoad(); .message-by-key { color: green; font-size:…

はてなブログでコメント欄を大きくする

id:INTER8 さんから、コメント欄を大きくするのは、どうやるのだ、とコメントがあったので。 「デザイン」→「カスタマイズ」→「デザインCSS」に、以下のコードを追加してます。 body > div.hatena-iframe-container:last-child:not([id="hatena-diary-edit-i…

Google の検索順位判定ロジックに変更が施されたかもとか、そんなこと

「突然奈落の底へ落ちる【Google大変動2018年8月】何も言えなくて…夏」の件。ブログでの広告収入なんて興味ないので、書きたいことを書き散らかしてるだけのブログをいくつか持ってる。 年に数回くらいしか開かない Search Console を見てみた。 その中でも…

人力検索と Hatena::Let とアドオンと

.entry-content pre > code.hljs { background-color: #3f3f3f; /* zenburn ... .hljs */ padding: 10px; } .entry-content pre { padding: 0; } tt { font-family: Consolas; } hljs.initHighlightingOnLoad(); まずは、 Hatena::Let のコードがさみしいの…

Google Maps API → OpenLayers API (V3以降)

Google Maps API を OpenLayers API に書き換えるとこうなる、という話です。以前、こんな投稿をしたのですが、OpenLayers のバージョンは V2 です。 そのときは既に V3 が出ていましたし、この記事を書いている時点では、OpenLayers は V5 が出ようか、とい…

Proxy 切り替えアドオン @Firefox 59

Firefox 57 では、PAC を変更することしかできなかった WebExtension API 。 Firefox 59 で、ようやくプロクシの設定を切り替える手段ができた。 https://developer.mozilla.org/en-US/Firefox/Releases/59#WebExtensions https://developer.mozilla.org/en-…

offsetLeft の罠

こちらのさいとう先生の画像を切り取ろうとしたときのこと。 あれ、ずれてる... offsetParent をたどって行けば、良いんじゃなかったっけ (´・ω・`) let e = ... let x = 0, y = 0; do { x += e.offsetLeft; y += e.offsetTop; } while (e = e.offsetParent)…

Promise vs async/await

背景というか、状況というか Firefox の addon で、コンテンツプロセスでスクリプトをロードしたり、コードを実行したりする browser.tabs.executeScript() を続けて実行したい、という場面。 ライブラリを使いたいんだけど、一部がエラーになる ライブラリ…

ブックマークツールバーのアイコンを変更する @Firefox57

WebExtension に完全移行した Firefox Quantum で、Bookmark Favicon Changer と同じように、ブックマークのリンクやフォルダのアイコン (Favicon) を変更する方法について

ようこそ、Firefox 57 @うちの事情

人呼んで、Firefox Quantum 。 UI が大幅に変更され、かなりスピードアップする半面、旧式のアドオンがすべて使えなくなってしまう。9/20 だったかに 57.0b1 に更新してから二ヶ月近くもじたばたしてる。安定版を使っている人たちも 2017-11-14には直面する…

徒歩14分

これの「徒歩14分にピークがあります」の件。 ちょっと気になったので at home で調べてみた。 対象は東京23区で、全部で 204,369件(2017-11-11時点)。 こちらは、5、10、15 といったキリの良い数字にちょっと偏りがありそうな感じ。表記の揺れはあって、…

たばこ税とか

ここを見てて気になったので。 数字の推移 喫煙人口に使った総人口は、昭和25年から、「総人口」と「日本人人口」に分けてデータがとられているのだけれど、「総人口」の方を使った(ちょっと迷った)。 税収については、 1988年 ─ 数字が探せてなくて、ここ…

uBlock Origin 再び @Firefox

uBlock Origin (uBO) の二つのフィルタ(Static Filter と Cosmetic Filter)の文法の簡単なまとめ、My フィルタを書くに当たって知っておきたいこと、及び、実際の My フィルタの実例。あと、リクエストログ画面の見方とかトリビア的なメモ書きとか。

エゾバル バンバン

先日 行ったエゾバルバンバンというお店のメモ。 頂いたやつ シーザーサラダ エビのアヒージョ、牡蠣のバンバン焼き フライドポテト チーズソースがけ エゾシカのたたき チーズ3種(ブルーチーズ、カマンベール、パルミジャーノ) 半熟卵と生ハムのビスマル…

ポン酢 @マツコの知らない世界

ちょっと前にやってたやつ。 炒飯をポン酢で味付けというのは、前に教えてもらっていたので、それそれ、とか言いながら見てたけど、もうほとんど忘れちゃった (´・ω・`)「ポン酢 マツコの知らない世界」で検索すればいっぱい引っかかるけど、ほとんどがアフ…

画像に色をつけて、くりんくりん回す

モノトーンな画像。 これに、javascript で色をつける。 css で、くりんくりん。 .x20170627 { padding: 0.5ex 2em; width: 27px; } .x20170627-table { border: 0 !important; background-color: unset !important; } .x20170627-table td { vertical-align…

居酒屋的なやつが良い感じで

最近ちょっと嵌ってるひとり居酒屋的なやつ。 飲みながら作って、出来たてを食べながら飲んで、また気ままに思いついたものを飲みながら作る。 これが、思いのほか楽しい。揚げたて、焼き立てをすぐに食べられるのが良い。 一品 食べきっては次に、という感…

それは !important がどうとかということではない

できるけどね。 そんなことより、Firefox for Android に Stylish を入れたんだけどスタイルの書き方が分からなくて悩んでる。ツールバーが無いし、メニューには Stylish が出てこない。 about:stylish-edit を直接指定すると、画面は開くもののスタイルの入…

cherry blossom

うごメモラー 蠢く Ver2.0

鬱陶しいので鍵をかけました :-) tl;dr

CSS でリーダー

CSS

こういう感じの項目の間を点線なんかで結ぶやつ。 トマト缶 0.5缶 パスタ 200g .line { position: relative; /* 子要素の幅の基準とする */ height: 1.5em; /* 高さを確保する */ } .line::before { content: ""; display: block; width: 100%; /* .line と…

翡翠炒飯っぽいやつ

「翡翠炒飯」なるものを目指したのではあるけれど…… 材料(1人分) ごはん1人分 ベーコンスライス1枚 ほうれん草3把(50g) 長ねぎ2~3cm 卵1個 鶏がらスープの素少々 塩少々 胡椒少々 醤油ほんの少し サラダ油大さじ1 作り方 下ごしらえ ほうれん草をたっぷ…

ベーコンとサニーレタスの炒飯

炒飯のお初(ぼくの、ではない)。 材料(1人分) ごはんお茶碗1杯くらい ベーコンスライス1枚くらい サニーレタス2枚くらい 長ねぎ5cmくらい 卵1個 鶏がらスープの素3本指で2回 塩2本指で1回 胡椒ふた振り サラダオイル大さじ1弱 作り方 下ごしらえ さっと…

梅干とシラスの炒飯(卵なし)

これのリベンジ。 卵を使わないやつ。 電子レンジで冷やご飯を温めたら、日本酒を振りかけて、ご飯をバラバラにほぐす。 フライパンで油を温めて、ご飯を投入。 後は、これと一緒。 ほんの少しだけ冷やご飯が残ってたので、試すにはちょうど良いということで…

梅干しとシラスの炒飯

これのリベンジ。 卵を使う方を試してみた。 材料(1人分) ごはん1人分 シラス7~80gくらい 梅干し1個 大葉4~5枚 卵1個 ポン酢醤油少々 胡椒少々 サラダ油大さじ1 作り方 下ごしらえ 大葉の軸を取って細かく切る 梅干の種を取って、適当な大きさにちぎる …

梅干の炒飯

質問を上げたときから、卵を使わない炒飯にチャレンジしてみようと思っていたのだ。 材料(1人分) ごはん1人分 ベーコン1枚 梅干し1個 小ねぎ1本 レタス1枚 ポン酢醤油少々 胡椒少々 サラダ油小さじ1 油を吸ってくれる卵を使わないので、油は少なめ。 レタ…

スキャンとUIと独り暮らし

(function() { let c = document.getElementById("xxx0008-numbers"); [ "***0002", "***0003", "***0004", "***0005", "***0006", "***0008", "***0009", "***0013", "***0016", "***0017", "***0018", "***0019", "***0020", "***0021", "***0022", "***00…

ベーコンとブロッコリーの炒飯

うちの炒飯大王がこれは、肉の方が美味しいんじゃないかとのアドバイス。 材料(1人分) ごはん1人分 ベーコン1枚+α ブロッコリー小房4くらい にんにく1片 卵1個 鶏がらスープの素少々 塩少々 胡椒少々 オリーブオイル大さじ1+α 作り方 下ごしらえ さっと…