Gitの小ネタおれおれAdvent Calendar 2022 – 24 日目 長くやって機能が増えてくると「なんか気づいたらアレが動かなくなってた」「知らんうちにバグってた」みたいな経験があると思います。さっさと修正すればいい、それはそうなんですが、どの変更の影響を受けたのかを調べると修正が簡単になることがしばしばあります。（注視すべき箇所がわかるので。） そんなときに便利なのが git bisect というコマンドです。二分探索のようにコミットを前後に飛び回りながら、問題のコミットを探し出すことができます。 ちなみに bisect とは「二等分する」という意味の動詞。（ちなみにちなみに「二分探索」は普通 binary search です。） 英語「bisect」の意味・使い方・読み方 | Weblio英和辞書 先にまとめ Git の履歴を飛び回りながら「大丈夫」「駄目」をマークしてゆく

Gitの小ネタおれおれAdvent Calendar 2022 – 14 日目 git log や git diff では 2 つのブランチを取って差分を表示することができます。 先にまとめ git log A..B – A から見た B 側の更新のみを表示 git log A...B – A 側、B 側の両方の更新を表示 git diff A..B – A 側、B 側の両方の変更を表示 git diff A...B – A から見た B 側の変更のみを表示 – A..B A...B 逆転してますねどういうことですか調べてみましたがわかりませんでしたいかがでしたか？？？ 図で見る git log における違い この図解がめちゃくちゃわかりやすかったのでこれ見て終わりです。投稿者の情報はなくなっちゃってるので謎ですが。 git checkout – What are the differen

デフォルトの、なに、ディストロ？を確認してバージョンが WSL 2 になってなかったらそれが原因ぽい。 先にまとめ WSL2 + Docker docker run … でエラー： “Cannot connect to the Docker daemon at unix:///var/run/docker.sock” 対象の WSL2 のディストロをデフォルトに設定して再起動 同様のエラーは様々な原因がありそうなので、これで解決しないかも 状況 Windows 10 はこう。 >wsl --list --verbose NAME STATE VERSION * Ubuntu Running 1 docker-desktop Running 2 Ubuntu-20.04 Running 2 docker-desktop-data Running 2

知名度が低いウェブ標準ひとり Advent Calendar 2021 – 17 日目 今日は capture です。カメラを起動します。 HTML attribute: capture – HTML: HyperText Markup Language | MDN デモ：https://codepen.io/ginpei/pen/xxXxvbX HTML Media Capture | Can I use… Support tables for HTML5, CSS3, etc あ、なんか CodePen のランダム URL 部分がちょっと格好良い……。 基本的な使い方 デモはスマホで見てね。 あとは CSS で良い感じにカメラボタンっぽくしてやると良さそう。 PC 用のウェブブラウザーは未対応だけど普通にファイルを開くだけなので大きな問題ではないかと。 値 capture, captu

知名度が低いウェブ標準ひとり Advent Calendar 2021 – 03 日目 今日は <fieldset> です。複数のフォームコントロールをグループ化します。外観が独特。 <fieldset>: フィールドセット要素 – HTML: HyperText Markup Language | MDN デモ 1 ：https://codepen.io/ginpei/pen/YzxoJZr デモ 2 ：https://codepen.io/ginpei/pen/rNGVoXz いわゆる HTML5 よりも前の時代から存在する古株です。 基本的な使い方 <fieldset> はフォームの項目群をまとめるものです。<legend> と一緒に使って、枠線で括られた見出し付きの領域ができます。 フォーム入力欄を枠線で囲んだ UI 。枠線上の見出し部分は線が描画されない。 見出しが線に乗り、かつ

知名度が低いウェブ標準ひとり Advent Calendar 2021 – 02 日目 今日は DevTools で width と間違えて入力してしまいがちプロパティ第 1 位（おれ調べ）だった widows です。近年は補完の優先度が付いたのか事故はなくなりました。 widows – CSS: カスケーディングスタイルシート | MDN デモ：https://codepen.io/ginpei/pen/LYzEKBx DevTools で width と入力しようとして候補先頭の widows を選択してしまうところ。 基本的な使い方 例えば本を読んでるとページをめくって先頭に「です。」が来ていてすぐそのまま次の段落へ改められる、という様子を目にしたことがあるかと思うのですが、あれを防ぐことができます。 文章末尾の数文字だけが次の段落へ送られている様子。 widows は column

意識しないとすぐTwitterに書いて終わりにしてしまうので、気負わず軽い気持ちで書きます。 諸事情により音声認識APIを試しているんだけど、ウェブ標準でもそういうAPIが準備中であるのに気づきました。現状のGoogle Chromeでもそこそこ動くようです。せっかくなので（Chromeで）動くやつを用意してみました。 ginpei/speech-recognition-example ginpei/speech-recognition-example まだ実験的な機能だし、実際動きも微妙なところなので、やっぱりGoogleなりMicrosoft AzureなりのAPI使う方が良さそう。無料枠あるし。 基本的なコード // 作成 const sr = new window.SpeechRecognition(); // 完了時に結果を表示 sr.addEventListener('resu