タグ hogashi
人気順 5 users 50 users 100 users 500 users 1000 usersmarquee 入れ子 どうなる - hogashi.*
2023/07/11
44 users
Marquee
Direction
div
height
<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... 続きを読む
Chrome113でHTTPヘッダを上書きしていろんな状態をお試しできる - hogashi.*
2023/05/13
192 users
fetch
HTTPヘッダ
CSP
example.com
Chrome 113 で、 DevTools の Network ペインで HTTP ヘッダを好きなように編集して、いろんな状態をお試しできるようになっている。 What's New in DevTools (Chrome 113) - Chrome Developers で紹介されている。 GitHub から example.com を fetch してみる GitHub の CSP ヘッダを上書き example.com の CORS のヘッ... 続きを読む
GitHubのコード表示部分はtextareaとbefore疑似要素でできている - hogashi.*
2023/04/10
55 users
textarea
シンタックスハイライト
GitHub
目次
ここのことです*1。 真ん中のカラムがコードの表示 (開発者ツールで見ると textarea にコードが入っている 目次 目次 シンタックスハイライトはどうしているのか？ 上に表示されている div ならその文字もマウスカーソルで選択できるはずでは？ なぜこうしたのか？ 困ることはないのか？ たしかこないだまでは普通に div... 続きを読む
GitHub ActionsでJestのログに色をつけられる - hogashi.*
2023/01/12
12 users
Jest
tty
GitHub Actions
docs
ロク
Jest は TTY では色つきのログを出すが、そうでないときは色なしになる https://jestjs.io/docs/cli#--colors --colors オプションか、環境変数で FORCE_COLOR=true するととにかく色つきのログを出せる GitHub Actions では色つきのログに対応している A better logs experience with GitHub Actions | The GitHub Blog... 続きを読む
aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*
2023/01/04
149 users
href
TOP
Advent Calendar
属性
aタグ
はてなエンジニア Advent Calendar 2022 - Hatena Developer Blog の 2023/1/5 の記事です。 id:hogashi です。 目次 目次 3行 こういうやつ 仕様を眺める おまけ 追記: id="top" な要素があるときは？ 3行 a タグの href 属性に #top と書くと、クリックしてページの先頭にスクロールできる、という話をしているのを見... 続きを読む
脆弱性情報に誤記があるとき問い合わせると修正してもらえる - hogashi.*
2022/12/29
14 users
stefafafan
目次
Advent Calendar
目次 目次 実際の例 NVD CVE 番外編: Security NEXT むすび こんにちは、 id:hogashi です。 はてなエンジニア Advent Calendar 2022 - Hatena Developer Blog の 30日目の記事です。昨日は id:stefafafan さんの はてなのエンジニアとして日々意識しながらやっていることを紹介します - stefafafan の fa は3つです で... 続きを読む
z-indexバトル観戦 - hogashi.*
2022/12/03
14 users
whywaita
z-index
アルファベット
頂点
目次
こんにちは、 id:hogashi です。 whywaita Advent Calendar 2022 - Adventar 3日目です。 目次 目次 z-index バトル z-index が 100 より小さいもの z-index が正の値のもの 統計 z-index バトルの頂点はどこか あそびかた むすび z-index バトル id:whywaita さんの好きなアルファベットは流石に Y ということでした。... 続きを読む
CSSのcounters()で箇条書きの数字をカスタマイズできておもしろい - hogashi.*
2022/11/02
16 users
箇条書き
Suffix
CSS
Symbols
fixed
CSS に counters() というのがあって、 1.1 とかをカスタマイズできておもしろい。 counters() - CSS: Cascading Style Sheets | MDN 言 葉 庭 というのをシンボルに使うことにして、繋ぎを の にするとこうなる。 @counter-style kotonohanoniwa { system: fixed; symbols: 言 葉 庭; suffix: " "; } ol { counte... 続きを読む
Slackはハイライト部分をU+E000とU+E001で囲って表していそう - hogashi.*
2022/10/06
164 users
Description
Glitch
unicode
Slack は、メッセージのどこからどこまでハイライトするかを、 Unicode の私用領域 *1の U+E000 と U+E001 を使って表しているらしく、こういう HTML を glitch とかで書いて、 <html> <head> <meta property="og:title" content="Slackでタイトルをハイライトする" /> <meta property="og:description"... 続きを読む
正規表現でmasawada - hogashi.*
2021/12/09
10 users
Adventar
masawada
Sixeight
大目
masawada Advent Calendar 2021 - Adventar 10日目の記事です。昨日の id:Sixeight さんに見事に釘を刺されてしまったので、ありがたく受け取り、whywaita Advent Calendar 2021 - Adventarはこちらに書きました → https://blog.hog.as/entry/2021/12/10/whywaita。大目に見てください！ id:masawada / id:whywaita Adve... 続きを読む
VSCodeの拡張機能、なに使ってますか？ はてなエンジニア世論調査 #2 - Hatena Developer Blog
2020/08/14
598 users
vscode
ソースコードエディタ
フォント
エンジニア
半年
こんにちは、Webアプリケーションエンジニアのid:hogashiです。 半年ほど前に公開した「開発環境のフォントなに使ってますか？」に続く、はてなエンジニア世論調査の第2回「VSCodeの拡張機能、なに使ってますか？」です。 ソースコードエディタであるVisual Studio Code（以下、VSCode）は多くのエンジニアに利用されて... 続きを読む
はてなインターーーーーーン - hogashi.*
2017/09/09
40 users
順位
新幹線
あたり
最終日
はてなサマーインターン
2017 - 09 - 09 はてなインターーーーーーン はてなサマーインターン2017 に参加しました！ 僕 ( id:hogashi ) は はてなブログ コース での参加でした。 実を言うとこの文を書いている時点ではまだ参加していて、今は最終日の9/8(金) の午後です。もっと言うと今はまだ最終発表の順位が不明で、後のお楽しみということになりそう、おそらく書き上がるあたりでは新幹線に乗ってい... 続きを読む