2015-07-08

OPTIONSとHTTPの行方

CORSについて調べていたら、OPTIONSメソッドが出てきた。

そういえばHTTPにはそんなようなメソッドがあったねと思い、Yahoo! JAPAN に試してみたらガン無視された。次にGoogleに試したら 405 Method Not Allowed が返ってきて拒否られる。おまえらウェブを代表するサイトなのにやる気あるのかと。

で、最後に www.example.com に試したら、きちんと返ってくるじゃないですか。すばらしい。

OPTIONS * HTTP/1.1
Host: www.example.com
Connection: close

HTTP/1.1 200 OK
Allow: OPTIONS, GET, HEAD, POST
Date: Wed, 08 Jul 2015 06:26:48 GMT
Server: ECS (pae/37A2)
x-ec-custom-error: 1
Content-Length: 0
Connection: close

HTTPは、実装する人間が「そういえば、そんな機能あったね」状態でもそれなりに動いてしまうのが利点だなと、HTTP/2普及前夜に思った。

2015-06-06

Pythonのディスクリプタがわかった

なんとなくしっくり来なかったPythonのディスクリプタであったが、このコードで悟った。
クラスとインスタンスがどう実装されているのか把握した。

class Foo:
    def do1(self):
        print('you called do1 with:', self)

f = Foo()
f.do1()  # you called do1 with: <__main__.Foo object at 0x018A18B0>

def do2(self):
    print('you called do2 with:', self)

do2.__get__(f)()  # you called do2 with: <__main__.Foo object at 0x018A18B0>

よくよく考えると、これは当たり前のことであって、何で今までしっくり来なかったのか不思議なくらいだ。

2015-06-03

「Pocketのマイリストを表示」を消す

Firefox 38.0.5 に更新したらメニューにこんなものが出るようになった。

f:id:nextugi:20150606201247p:plain

Pocketというのか知らんが、かなりの推しっぷりだな。本体に統合するほどのサービスとは思えないんだが、こういうのって採用するとMozillaにお金でも支払われるんだろうか？

邪推はともかく、邪魔なので消す。プロファイルフォルダーの中にある chrome/userChrome.css に↓と書けばOK 。

#BMB_pocket, #BMB_pocketSeparator {
  visibility: collapse !important;
}

ちなみに、こういうのをどうやって探すかと言うと、DOM Inspector という開発アドオン*1を入れて chrome://browser/content/browser.xul を開く。で、BMB_bookmarksPopup という id のノードを検索して、中を見てみれば大体見当がつく。というか、userChrome.css でググりなさい。

追記（2015/06/05）

もう遅いかもしれないけど、このPocketのアイコンを消すと、ブックマークメニューの項目も消えることに気が付いた。

f:id:nextugi:20150606202528p:plain
f:id:nextugi:20150606202529p:plain

何か設定がないかとabout:configの方だけ調べてて、こっちの方は盲点だったわ。

*1:昔は DOM Inspector は初めから入ってた。

2015-03-09

line-height:100% は間違ってるぞ（大抵の場合）

Firefoxでとあるサイトを見ていたら p 要素が中クリックで自動スクロールできちゃったり、アンダーラインが消えたりする事象が発生。

具体的には、こんな記述をしていると、

p {
  line-height: 100%;
  overflow: auto;
}

<p>
  hello world<br />
  <a href="http://www.example.com/">example</a>
  &amp; <u>underline</u>
</p>

こんな不具合が出る：

f:id:nextugi:20150309221121p:plain

line-height にパーセンテージを指定すると、それは親の値を継承するのではなく、単に font-size の相対値になる。つまり、font-size: 16px であれば、 line-height: 100% = 16px ということになる。

この図を見ればわかるように、line-height は font-size よりも大きくしないと行が重なる。しかも p 要素の高さは line-height で計算されているっぽいので、line-height と font-size を同じ値にすると、最終行の下部が p ボックスからはみ出る。

通常は、はみ出た部分があっても overflow: visible になっているので、欄外に描画される。しかし overflow: auto とかやっていると、スクロール可能になり、件のような不具合が発生するというわけ。しかも、はみ出た部分がごくわずかなので、Firefoxの仕様なのかスクロールバーも表示されない。