タグ hogashi
人気順 10 users 50 users 100 users 500 users 1000 usersposition: stickyで貼り付いたときだけ境界線を出す(JavaScriptを使わない) - hogashi.*
2025/01/17
60 users
見出し
画面上部
要素
sticky
position
貼り付く見出し 貼り付く見出し スクロールしてこの見出しが画面上部に張り付いたときだけ、見出しの下に境界線を出したい。 技として、境界線用の要素をいっこ用意して、それを見出しの裏に忍ばせておく方法がある。見出しが画面上部に貼り付いたときに、下に境界線が出てくる。 画面上部に貼り付いたときに境界線が下... 続きを読む
Docker Compose 1.27.0以降ではdocker-compose.ymlにversionを書く必要がなくなっていた - hogashi.*
2024/05/20
8 users
docker-compose.yml
version
公式
あらすじ docker-compose.yml でトップレベルの version 要素を指定していると、 WARN[0000] (...)/docker-compose.yml: `version` is obsolete と表示される。インターネットを見ていくと version は指定しなくて良い、消したらいい、という記事がたくさん出てくるし、たしかに公式のドキュメントにも obsolete と書か... 続きを読む
marquee 入れ子 どうなる - 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... 続きを読む
クリスマス映画それはダイ・ハード - hogashi.*
2020/12/02
6 users
IMDb
カリフォルニア州ロサンゼルス
ダイ・ハード
皆さま
こんにちは、 id:hogashi です。 masawada Advent Calendar 2020 の 2日目に、ダイ・ハードをおすすめする記事です。 adventar.org ダイ・ハードとは映画で、 IMDb で見ると 1988年のものらしいです。多分有名な映画のはずなので皆さまもなんとなく知っていると思います。クリスマスのカリフォルニア州ロサンゼルスが舞... 続きを読む
京都に引っ越した - hogashi.*
2020/08/15
8 users
スケール
両親
荷物
観光
過去
京都に引っ越した。今は暮らしの水先案内と荷物運びと観光とを兼ねて一緒についてきてくれた両親と弟が帰り、賑やかさが今日一日で乱高下した結果ひとりで泣いていて、ブログを書いている。自然と泣いたの 10年ぶりとかのスケールで、過去泣いていたときは例外なくめちゃめちゃ怒っているかめちゃめちゃ悔しいかだったと... 続きを読む
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(金) の午後です。もっと言うと今はまだ最終発表の順位が不明で、後のお楽しみということになりそう、おそらく書き上がるあたりでは新幹線に乗ってい... 続きを読む