はてなブックマーク

LAPRAS アドベントカレンダー2021 の 17 日目の記事です。 概要 Git では空のディレクトリをそのままリポジトリに追加することはできません。 この問題は.gitkeep等を作成することで解決しますが、そのやり方を知ったとき 「なぜ普通のファイルと同じように追加できないのだろう？」 と疑問に思った方も多いのではないでしょうか。 というわけで本記事では、空ディレクトリを追加できない仕様になっている理由について調査してみました。 Gitが管理するのはファイルの内容 「空ディレクトリをaddできないのは何故か？」という疑問への答えとして、 「そもそもどんなディレクトリもaddはできないから」がまず挙げられるでしょう。 もちろんgit add directory/とコマンドを打つこと自体は可能です。 しかしこのとき実際にインデックスに追加されるのは、そのdirectory自身ではなく、

概要 先日ふと自分のPCのフィンガープリントを取ってみたところ「IPアドレス」など様々な項目が並ぶ中に「Math.tan」という変な項目を見つけました。 「なぜ三角関数が出てくるの？」と気になって調べてみたところ、**三角関数の値はブラウザやOSの実装により微妙に異なることがあり、特定の式をブラウザに計算させることで利用者を識別する手段になり得る1**という話でした。 面白そうだなと思ったので、本記事ではその手法で実際どの程度までブラウザ/OSを判別できるのか調査してみました。 検証方法 今回は様々な文献12の情報を参考に、以下の式を各OSの各ブラウザに計算させました。 tan(-1e300) cosh(10)（厳密には三角関数の類似ですが） これら以外も10数種類ほど試したのですが、判別に使えたのはこの2つのみでした。 試したOSとバージョン macOS Catalina (ver.10

概要（Vue.js devtools とは） Vue.js devtools は Vue.js のデバッグに用いられるブラウザ拡張です。 非常に便利ですが、デバッグツールなのでプロダクション環境では無効化されるようになっています。 本記事では、WEB上で本番公開されているサイトで Vue.js devtools を有効化する方法を解説します。 検証環境 ブラウザ：Google Chrome74 有効化の手順 以下ではVue Cliのドキュメントページを対象として手順を説明します。 1. devtoolsの設定をしているコードを見つける devtoolsの有効化・無効化の設定をしているJSファイルを探していきます。 まず Chrome のディベロッパーツール の Sources タブを開きます。 目的のJSファイルの場所はサイトによって異なりますが、今回はassetsというそれっぽいディレク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

TL; DR console.log()に大きなオブジェクトや配列を渡すと、console.log()を呼び出した時点での値ではなく、コンソールでそれをクリック展開した時点で評価した値が表示される。 もう少し詳しく console.log()に大きなオブジェクトを渡すとコンソール上で省略されて表示されますが、その省略表示を展開すると、console.log()が呼び出された時点の値ではなく、展開したその時点で評価した値が表示されます。 つまり例えばあるオブジェクトに操作を施す前にconsole.log()を取っていても、実行終了後のコンソールには操作を施した後のオブジェクトが表示されるということです。 要はオブジェクトへの参照を保持しているような挙動です（参考）。 例 （以下の例ではわかりやすさのため常に省略表示されるconsole.dirを使っています） obj.aをに値を代入する前後で