2018-01-01から1年間の記事一覧

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() を続けて実行したい、という場面。 ライブラリを使いたいんだけど、一部がエラーになる ライブラリ…