Windows の git bash で git add できないのでハマってしまった。表題のエラーが出るのだが何のことやら、ファイルにはアクセスできるし、メッセージでググっても良く分からない。考えられることを試し尽くして、新しいテキストファイル１個だけのリポジトリにしたにもかかわらず、解消に至りません。

結論から言うと Windows アップデートが原因でした。再起動しようと思ったら、電源アイコンにオレンジのぽっちが付いていたので、再起動待ちになっていたようです。この自動アップデート、本当に腹が立ちます。バックグラウンドで勝手にアップデートしていて、不具合が起こらないようにやってくれるなら分かりますが、それが出来ないなら更新前にユーザーに確認すべきです。前にも同じようなことがありましたが、Windows10 って本当にクソだなって思います。

まとめ

• git add をしようとしても "fatal: fsync error on 'loose object file': bad file descriptor" のエラーが出る
• リポジトリはネットワークディレクトリ上にある（ファイルサーバーの共有フォルダをネットワークドライブにマウント）
• ネットワークドライブからは問題無くアクセスできる
• エクスプローラから "\\server" のホスト名でアクセスできない（再起動直前に気づいた）
• エクスプローラから "\\<IPアドレス>" だとアクセスできる
• "ping <ホスト名>" はエラー、"ping <IPアドレス>" は IPv6 で返って来る
• ちなみにネットワークドライブ自体は、ホスト名で登録していて問題無くアクセス出来る
• Windows アップデートが再起動待ちになっていた
• 再起動後はネットワークアクセスも、git add も問題解消していた

教訓

Windows で問題が起きたら、あれこれ試す前に再起動すべし。

http サイトからのダウンロードだと「このファイルは安全にダウンロードできません」となって、継続できるっぽいボタンが出てくるけど無反応、完全にダウンロードできなくなってしまいました。今日アップデートした Chrome だけなので、これはアップデートが原因ですね。http を完全に排除してしまったのか、そうだとすると Chrome から離れるユーザーも出てくるかも知れません。

• http からダウンロードできないバージョン：86.0.4240.75（Official Build） （64 ビット）
• http からダウンロードできるバージョン：85.0.4183.121（Official Build） （64 ビット）

別にいいんだけど、ウェブアプリ開発サーバーで http が使えないと少し面倒いなあと思います。オレオレ証明書でもいいでしょうが、ひと手間増えてしまうので任意で続行できるように改善してもらいたいです。

Firefox「はい！僕ダウンロードできます！」

いずれ Firefox も追従するような気もするが、利用者獲得に使ってやろう的なことを画策していたりして。

ずっとマルチカードリーダーみたいなものが付いているからだと思っていたましたが、考えてみると BD-ROM っておかしいよな、ということで調べてみました。現象は、BD-ROM ドライブが大量に存在しているかのように表示される、というもの。

本物の BD-ROM ドライブが分かり難いのと、ドライブレターが使えないのを除けば、特に害は無いがちょっと気になります。ここからプロパティを開くと、BUFFALO の表示がありますが、心当たりのある製品は使用していません。カードリーダーは Transcend だし、BD-ROM はパイオニアなので、ちょっと怪しくなって焦り出す。

デバイスマネージャを開いてみると、"DiscSoft Virtual SCSI CdRom Device" と表示されています。ヴァーチャルドライブと聞いて、Windows 7 の頃 DAEMON Tools lite ってのを使っていたのを思い出しました。Windows10 にアップデートしたとき、スタートメニューからもトレイからも消えていたのでそのまま忘れていたようです。

ネット検索からも確認できたので、DAEMON Tools をアンインストールすることにします。光学メディア自体ほとんど使わなくなっているので、仮想光学ドライブも同様、速やかに削除することにします。

見えなくなっていてもアプリの一覧を確認したところ、しっかり残っていましたので、通常どおりアンインストールしました。結果、物理ドライブのみのすっきりとしたドライブ一覧になり大満足です。

光学ドライブもフロッピーと同じく、忘れさられる時代がすぐそこまで来ている気がしました。

BitLocker を有効にしようとして「アクセスが拒否されました。」となる件ですが、リモートデスクトップで操作しているためでした。サーバー的に使っている PC だとモニタを繋いでない場合があるので、地味に面倒な仕様です。外付け HDD の場合は、他の PC で BitLocker を設定すれば良いですが、内臓 HDD の場合はモニタ繋ぐしかないですね。

こんな変な仕様なら、エラーメッセージを適切にしてもらいたいものです。リモートデスクトップだと何が問題なんでしょう？　マイクロソフトは相変わらずダメダメですね。

ちょっとした自動処理にクローラみたいなプログラムを動かしているんだけど、先月末ぐらいからうまく動かなくなっていたらしく表題のエラーログが出ていた。今まで問題なく動いてたので、相手サービスの仕様変更かとずっと調べていましたが、原因は単純ミスだったようです。

エラーメッセージの文字通り、ヘッダ情報の出力が間違っていただけでした。今までは間違ったままのヘッダでも処理してくれていたようですが、ウェブサーバーのアップデートか何かでエラーを吐くようになったっぽい。そのままでも行けるサイトもあり、Apache か nginx かアップデートされたか、されてないかの違いでは無いだろうか。

前回は CSS のみでテーブルヘッダを固定する方法を紹介しました。ただ、ページ構成によっては position: sticky; が効かない場合があるため、今回は JavaScript を使う方法を紹介します。jQuery には高機能なプラグインがありますが、実装が複雑なためか動作が不安定になることがありますが、余計な機能はいらないならこれで十分です。

<div class="scrollbox">
	<div class="innerbox">
		<table class="tablefix">
			<thead>
				<tr><th></th></tr>
			</thead>
			<tbody>
				<tr><td></td></tr>
			</tbody>
		</table>
	</div>
</div>

.scrollbox {
	position: relative;
	width: 100%;
	height: 30em;
	overflow: scroll;
	border: 1px solid gray;
}

.innerbox {
	padding: 1em;
	display: table-cell;
}

.tablefix {
	border-collapse: separate;
	border-spacing: 0px;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.tablefix thead th {
	position: relative;
	white-space: nowrap;
	background-color: #e3e3e3;
}

.tablefix th,
.tablefix td {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	padding: 0.5em;
}

$(function(){

	$('.scrollbox').scroll(function(e){
		let th_top = $(this).find('.tablefix').position().top;
		let filter;

		if (th_top>=0) {
			th_top = 0;
			filter = 'unset';
		} else {
			th_top = -th_top-1;
			filter = 'drop-shadow(0px 4px 0px #00000040) drop-shadow(0px 2px 0px #00000040)';
		}

		$(this).find('.tablefix thead th').css({
			top: th_top,
			filter: filter
		});
	});

});

.tablefix {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #dddddd;
}

.tablefix th,
.tablefix td {
	border: 1px solid #dddddd;
}

CSS の display: sticky を使うことで、jQuery などの JavaScript を使わずにテーブルヘッダの固定が出来ます。若干、扱いが難しい面もありますが、不安定なプラグインの動作に悩まされることなく手軽に導入できます。

サンプル

HTML

<div class="scrollbox">
	<div class="innerbox">
		<table class="tablefix">
			<thead>
				<tr><th></th></tr>
			</thead>
			<tbody>
				<tr><td></td></tr>
			</tbody>
		</table>
	</div>
</div>

CSS

.scrollbox {
	position: relative;
	width: 100%;
	height: 30em;
	overflow: scroll;
	border: 1px solid gray;
}

.innerbox {
	padding: 1em;
	display: table-cell;
}

.tablefix {
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #dddddd;
}

.tablefix thead th {
	position: sticky;
	top: 0;
	white-space: nowrap;
	background-color: #e3e3e3;
}

.tablefix th,
.tablefix td {
	border: 1px solid #dddddd;
	padding: 0.5em;
}

解説

Firefox のバグに対応

テーブルを border-collapse: collapse; にして th に position: sticky; を設定すると、firefox 系で枠線（の右側と下側）が消えるバグが発生します。このためテーブルを border-collapse: separate; border-spacing: 0px; にしています。この場合、枠線の太さを 2px にする場合と 1px にする場合とで工夫が必要になります。

枠線の太さを 2px にする場合

table, th, td の３つに 1px の枠線を付けます（サンプルの方法）。

枠線の太さを 1px にする場合

table の右と下に 1px の枠線、th, td の左と上に 1px の枠線を付けます。

.tablefix {
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.tablefix th,
.tablefix td {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

innerbox について

scrollbox 内でスクロールさせたとき、padding（もくしはテーブルの margin）がうまく適用されない点について修正しています。これ（display: table-cell;）が無いと、右側へスクロールさせても余白がありません。また、Firefox と Chrome で下側へのスクロールで違いがあります。

なお、スクロールボックス内に入れない場合や、余白が必要ない場合は必要ありません。

複数の REST API の呼び出しなどで、すべての通信が終わった後に何か実行したいとき地味に困りますよね。非同期通信なので、終了時のコールバック関数で処理するのですが、他の通信がまだ終わったのをどうやって知るのがベストでしょうか。様々な手があるかと思いますが、今回は記述がシンプルで分かり易い方法を考えてみました。他にもっといい手がある、という方はコメント欄にて教えて下さい。

考案した方法は、必要な処理数を各終了時関数内でカウントダウンしていき、ゼロを引いた時点ですべての完了関数を呼び出すというものです。カウントダウンとゼロ判定、完了関数の呼び出しまで１行で記述しており、可読性も高いと思います。

let standby = 2;

$.getJSON(URL1,function(json){
	allReady();
});

$.getJSON(URL2,function(json){
	allReady(); 
});

function allReady() {
	if (--standby) { return; }
	console.log('All Ready !');
}

邪魔なボタンの消去

オープニングで表示される「イントロスキップ」ボタン、エンドクレジットで表示される「クレジットを見る」「次のエピソード」「←」ボタンは、機能拡張「uBlock Origin」で消去可能です。機能拡張をインストールして、これらのボタンが表示されている間にスポイトツールを使って指定します。なお「クレジットを見る」「次のエピソード」については、両方のボタンの隙間を指定するとまとめて指定できます。

• uBlock Origin (GitHub)

再生開始時の表示をクリアにする（プレイヤーコントロールを消す）

開始時にオーバーラップするプレイヤーコントロールも邪魔ですが、uBlock を指定すると操作しにくくなります。今のところスマートな方法がないのですが、下記のような手順でオーバーラップを回避できます。

• 再生開始直後に「スペース」キーを押す
• 「←」キーを押し先頭にシークさせる
• マウスカーソルを画面右端に置く（マウスに電源があればオフにしておく）
• プレイヤーコントロールが消えるのを待つ
• 「スペース」キーを押し再生開始する

動画終了の５分前付近で高確率でプチフリする

マシンスペックが足りないわけでも無いのに、４５分ドラマの４０分付近で高確率で映像がカクカクっとプチフリし、数秒後に音声が少し途切れてしまう現象があるようです（Windows10 / Chrome）。音声の途切れは会話の中だと１文字（音）抜けるので非常に気になります。

恐らくはバックグラウンドで次のエピソードを準備するなどの処理が走るためかと思われます。はっきり環境を特定できたわけではありませんが、別のブラウザ（Edge）で視聴したときは再現しませんでした。Chrome でも他の機能拡張をオフにするなり、まだ検証の余地はありますがとりあえず Edge を NETFLIX 視聴専用にしたいと思います。

チキンラーメンのたまごポケットに乗っけてお湯を注いだだけでは、なかなか写真のように綺麗に固まってくれません。そこでできるだけ手間なく簡単に作れる方法を考案してみました。

作り方

1. どんぶりにチキンラーメンを入れ、ラップを1/3程度掛けておきます
2. 冷蔵庫からたまごを取り出しコップに入れます
3. やかんにお湯を沸かします
4. 半分くらいお湯が沸いたら、たまごの入ったコップに注ぎます（温めて固まりやすくするわけです）
5. 完全にお湯が沸いたら凹みに卵を乗せ、白身の部分に回しながらお湯を注ぎます（そっと崩さないように）
6. ラップを全部被せます（蓋があれば併用します）

ポイント

すぐに食べたいのに、冷蔵庫から予めたまごを取り出して常温になるまで待つなんて出来ません。そこでお湯が沸く途中のぬるま湯に、たまごを浸しておくことでちょうどいい温度まで上げます。

お湯の注ぎ方は白身に直撃させならが回し入れ、ラップで素早く密閉させて熱を逃がさないようにします。もしラップだけで熱が逃げるなら、蓋を併用するとよいでしょう。