拡張機能「twitter画像原寸ボタン」v5.2.1公開 - hogashi.*
拡張機能「twitter画像原寸ボタン」 v5.2.1 を公開しました (数日のうちに更新されるはず) 。 公式 Web でたまに画像が webp で表示されることがあり、その場合は name=orig での表示ができないようなので、 webp のときに限ってかわりに name=4096x4096 を使うようにしました *1 。手元で確認した限り、同じ仕様 *2 で表示できるようなので、拡張機能としての挙動の変化は URL やファイル名が変わるくらいのもので、基本的な体験は変わりません。 ついでに、ダークモードのとき Original ボタンが見えないことがあったので修正しました。表示はされているけど色が黒く、背景と同じ色になってしまっていたので、見える色になるように調整しています。 インストールはこちらから: Google Chrome 版 chrome.google.com Micro
marquee 入れ子 どうなる - hogashi.*
<marquee scrollamount="1" direction="right"> <div style="width: 100px; height: 100px; background-color: green;"></div> </marquee> <marquee scrollamount="10" direction="right"> <marquee scrollamount="9"> <div style="width: 100px; height: 100px; background-color: green;"></div> </marquee> </marquee> <marquee scrollamount="10" direction="right"> <marquee scrollamount="10"> <div style="width: 100px; h
イヤホン / 考え過ぎる - hogashi.*
外出すると、たいていイヤホンをつけている。これは高校か大学のころに身につけ始めた技で、周りの音を小さくしたり、単に"ながら"にできる時間で曲やポッドキャストを聞いたりすることが積極的な動機。近年気付きつつある消極的な動機に、頭が自由に思考を進めることを抑制するような効果がある。 見知った道で人通りも車通りもなくただ歩く、乗り慣れた電車で座って駅を待つ、というときには、頭が手持ち無沙汰(手？)になり、記憶から様々なことをひっぱり出しては後悔したり、悩むものの踏み切れないことを再認識して堂々巡りになったり、など、傾向として沈んでいくような思考が繰り広げられる。あるいはさらにそれ自体の原因とか解決とかを考えて、想像力とか自己肯定感とかに思い至るけど、どうしたらいいか途方に暮れて、振り出しに戻る。これは子供の頃から考え過ぎだと言われ続けて、未だに克服できていない。イヤホンで何かを流すことは、内容を
aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*
はてなエンジニア Advent Calendar 2022 - Hatena Developer Blog の 2023/1/5 の記事です。 id:hogashi です。 目次 目次 3行 こういうやつ 仕様を眺める 追記1: おまけ 追記2: id="top" な要素があるときは？ 3行 a タグの href 属性に #top と書くと、クリックしてページの先頭にスクロールできる、という話をしているのを見て、 それって仕様なんだっけ、と思って調べたところ、 仕様でした こういうやつ クリックしてこのページの先頭にスクロールする <a href="#top">クリックしてこのページの先頭にスクロールする</a> 仕様を眺める MDN の a タグのページにちょろっと書いてあって、 HTML の仕様に定義されているよ、とある <a>: The Anchor element - HTML:
CSSのcounters()で箇条書きの数字をカスタマイズできておもしろい - hogashi.*
CSS に counters() というのがあって、 1.1 とかをカスタマイズできておもしろい。 counters() - CSS: Cascading Style Sheets | MDN 言 葉 庭 というのをシンボルに使うことにして、繋ぎを の にするとこうなる。 @counter-style kotonohanoniwa { system: fixed; symbols: 言 葉 庭; suffix: " "; } ol { counter-reset: kounter; } ol li { counter-increment: kounter; margin-left: 30px; } ol li::marker { content: counters(kounter, 'の', kotonohanoniwa) ") "; } 実際に ol で見るとこう。 1 1,
ランダムで色々気付いてみる - hogashi.*
web サイトの html のうち、 body タグ以下のタグをランダムで選んで様子を変える、というのを思いついて遊んでいた。 ランダムで灰色背景・白文字になっていく google.com let count = 0; const timer = setInterval(() => { const allElements = document.querySelectorAll('body *'); const randomIndex = Math.floor(allElements.length * Math.random()); const targetElement = allElements[randomIndex]; console.log(count++, targetElement); targetElement.style.background = 'gray'; targe
Slackはハイライト部分をU+E000とU+E001で囲って表していそう - hogashi.*
Slack は、メッセージのどこからどこまでハイライトするかを、 Unicode の私用領域 *1の U+E000 と U+E001 を使って表しているらしく、こういう HTML を glitch とかで書いて、 <html> <head> <meta property="og:title" content="Slackでタイトルをハイライトする" /> <meta property="og:description" content="Slackで説明も好きな部分をハイライトする" /> </head> </html> そのページを Slack で展開させたりすることで、好きな部分を勝手にハイライトできて面白い *2 *3。 ちなみに printf "\ue000寿司\ue001が光ったら成功"
■ - hogashi.*
「The quick brown fox jumps over the lazy dog」、ちゃんと a 〜 z が全部あるのか〜って感心した。意外と o が 4つある。 $ perl -e 'print join qq(\n), ( > split q(), q(thequickbrownfoxjumpsoverthelazydog.) > )' | sort | uniq -c 1 . 1 a 1 b 1 c 1 d 3 e 1 f 1 g 2 h 1 i 1 j 1 k 1 l 1 m 1 n 4 o 1 p 1 q 2 r 1 s 2 t 2 u 1 v 1 w 1 x 1 y 1 z ja.wikipedia.org
ASCIIコード表でZとaの間には記号がある - hogashi.*
ASCII コード表で、大文字 Z と小文字 a の間には [ \ ] ^ _ ` の 6つの記号が含まれている。正規表現で [A-z] とか指定してしまうと、アルファベットだけではなくこれらの記号も含まれてしまうことになる。 www.cs.cmu.edu なんでこれを見てたかというと、それが原因となった脆弱性が shell-quote - npm という npm パッケージで出ていたからなのだった (修正バージョンはすでに出ている) https://nvd.nist.gov/vuln/detail/CVE-2021-42740 。バッククオートが含まれているのでコマンドインジェクションということだった。 ちなみに bash ではこれで確認できて便利、と思ったけどバックスラッシュが出てなかった。 $ echo {Z..a} Z [ ] ^ _ ` a ASCII コードで大文字にすぐ続けて
ポンペイ展よかった - hogashi.*
kyotocity-kyocera.museum そこにいた。 https://kyotocity-kyocera.museum/exhibition/20220421-20220703 サムネイルが骸骨で怖い気もするけど、異常な世界を堪能とかではなくて、素朴に暮らしが行われていた様子が (火山の噴火によって) それなりに綺麗に残っていて面白い、という展示だった。サブタイトル(？)の「そこにいた。」というのもそういうことだと思う。 展示の感じも、わざとらしさはあんまりなくて、こういうのが発見されたよ、こうだったと思うッス、というのが淡々と並んでいてよい。写真も個人利用に限って OK でおおらか。 pompeii2022.jp 暮らしの内容も、確かにそういうこともあるかもね、こういう感じの前提のもと日々の暮らしが行われているな、のどか、みたいな気持ちになる。個人的に良いなと思ったのは犬のタイ
雑談の肴になるものがあると気楽に話せる気がする - hogashi.*
よっしゃ雑談するぞ、と思って人と面と向かうと何も思い浮かばない、ということがよくあって、雑談難しいですねって言っていたのだけど、普段自分が自然と雑談していた場面を考えると、雑談以外にやることがあって、たとえば手元にお酒があって飲んでるとか、話しながらゲームやってるみたいなことが多かった。大学の研究室でみんなで飲むときは、 Google Maps と国土地理院の地図を開いた PC をプロジェクタで映して、住んでる場所の地形の話とか、電車の通り方の話とか、こないだこの辺歩いてさ〜とかみたいな話をしていて、そこから自然と普段の暮らしや最近の出来事の話につながるという感じだった。 多分個人的に人に対して世間話を切り出すのが苦手で、脈絡を異常に気にしているからだと思うのだけど、お酒やらゲームやらをきっかけに、そういえば、と切り出すのが話しやすいなと思ってきた。あと話が続かなくて気まずい、みたいなこと
夢日記です - hogashi.*
夢、新居に人を招いて机を設置して寝ようとしたところ大地震に見舞われる、家中の電話が速報のために鳴りそっちのほうが怖くて何も出来ない。 引っ越して新居に居り、机が木曜に届く、ということと、エアコンがタイマーで切れて暑かったことで引き起こされた悪夢という感じ。自分はかなり精神的に参っているのではと自分でも不安になる。 夢見ひどすぎて起きた— ランゲンタール (@hogextend) 2020年8月18日
まさわだまわし - hogashi.*
こんにちは、 id:hogashi です。 masawada Advent Calendar 2019 - Adventar の 8日目の記事です。昨日は id:mazco さんでした。 参加したいけど全然アイディア無いな……と思っていたんですが、 1日目の記事*1 で遊んだ途端に作りたくなって作りました。 まさわだまわしです。 ここで遊べます → https://hogashi.github.io/masawada-mawashi この記事上で遊ぶ masawada さんの 3D モデルを 6人同時にまわすことができます。 タイトル画面の様子 強く押すボタンをクリックで始まります マウスカーソルを動かすと、 6人の masawada さんがめいめいにまわります 最初は様々な方角を向いていると思うので、 6人全員に正面を向いてもらえる場所を探してください(ゲームの枠内にあるはずです) 40
■ - hogashi.*
論理と直感がつっかう例として、数学の有用性があると思っている。最近何かと話題だけれど、時折顔を出しては納得されずに立ち消える話題である。 ところで僕の家族は皆少し文系寄りで、こと算数/数学に対しては"学校で習った"という以上の興味を持っていない。 そこへきて、例えば"工夫する"計算を教えたとすると、そうなんだ、で話が終わる。12の2乗は、10かける14に4を足すのだ、と言ったところで、確かにそうかもね、と言われる。 答えを確かめたりしないときもあるし、いずれにせよ何故そうなるかなど気にも留めない。だから応用できないし、使えないから面白いとも役立つとも思わない、というのがパターンである。論理を置き去りにして、よくわからないから不要、という直感に従ってしまうのだと思う。 より一般的な話をすると、3つのドアから当たりを選ぶ確率の問題は有名だろう。 解答者が最初にひとつ選ぶと、出題者は残りの2つの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
