azukiazusa のテックブログ2
TailwindCSS で複数行のテキストを省略するとき
TailwindCSS で長いテキストを省略するときには、`truncate` クラスを使用します。しかし、`truncate` クラスは 1 行のテキストにしか対応していません。
すべて
azukiazusa のテックブログ2
tabIndex には 0 と -1 だけを指定する
tabIndex 属性は、フォーカス可能な要素を指定するための属性です。この属性自由な数値を指定できますが、これはアクセシビリティの観点から推奨されていません。
azukiazusa のテックブログ2
Svelte の Props 省略記法
Svelte ではコンポーネントに Props を渡す際に省略記法が使えます。
azukiazusa のテックブログ2
GitHub Copilot Chat の inline chat のキーボードショートカットを無効にする
GitHub Copilot Chat を VSCode で使用していると、エディタ上で ⌘ + i を押すと inline chat が表示されます。しかし、このショートカットはコードの補完を表示するためにも使われていました。このショート
azukiazusa のテックブログ2
details 要素の name 属性による排他的アコーディオン
`details` 要素は、開閉可能なコンテンツをマークアップするための要素です。`details` 要素に新たに `name` 属性が追加され排他的アコーディオンとして利用できるようになりました。
azukiazusa のテックブログ2
GitLens で特定のコミットを除外する
GitLens の使用時に、機械的にフォーマットされたコミットがあるとコードの変更履歴を確認する際に邪魔になってしまいます。この記事では、GitLens で特定のコミットを除外する方法を紹介します。
azukiazusa のテックブログ2
大きさが自動で変わる textarea を CSS だけで実現
テキストの入力量に応じて自動で高さが変わる textarea をよく見かけると思います。Slack や X の入力欄がそうですね。
azukiazusa のテックブログ2
TailwindCSS の data 属性
TailwindCSS v3.2 からは data 属性を使って、条件付きでスタイルを適用できます。
azukiazusa のテックブログ2
静的サイト向けの全文検索エンジンと UI ライブラリの Pagefind
Pagefind は、静的サイト向けの全文検索エンジンと UI ライブラリです。特定のフレームワークに依存しない JavaScript ライブラリとして実装されており、静的サイトジェネレーターで生成された HTML ファイルに対して検索機能
stin's Blog
2024年の目標
あけましておめでとうございました。すでに 5 日が経過してしまいましたが、2024 年の目標を立てます。 技術ブログを 20 記事以上書く(媒体は問わない) 個人開発アプリを 1 つリリースする 引っ越す 加えて、達成する目標とはちょっと違
blog.jxck.io
2023 年を振り返る
例年通り 2023 年を振り返る。
azukiazusa のテックブログ2
2023 年に読んでよかった本
年末なので 2023 年のまとめっぽい記事を書きたくなりました。今年は 1 年間でおおよそ 300 冊の本をよんだようです（そのうち 3 割ほどはラノベなのですが...）。その中でも特に印象に残った本を紹介します。
blog.jxck.io
3PCA 最終日: 3rd Party Cookie 亡き後の Web はどうなるか?
このエントリは、3rd Party Cookie Advent Calendar の最終日である。3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiitahttps://qiita.com
blog.jxck.io
3PCA 27 日目: FedCM
このエントリは、3rd Party Cookie Advent Calendar の 27 日目である。3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiitahttps://qiita.
stin's Blog
react-markdown をやめて remark から自力でレンダリングするようにした話
Intro このブログサイトの記事ページではこれまで react-markdown というライブラリでマークダウンを HTML に変換して表示していました。この度、react-markdown を剥がして remark を直接使って記事をレ
blog.jxck.io
3PCA 26 日目: Related Website Sets
このエントリは、3rd Party Cookie Advent Calendar の 26 日目である。3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiitahttps://qiita.
blog.jxck.io
3PCA 25 日目: Measurement
このエントリは、3rd Party Cookie Advent Calendar の 25 日目である。3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiitahttps://qiita.
blog.jxck.io
3PCA 24 日目: Retargeting
このエントリは、3rd Party Cookie Advent Calendar の 24 日目である。3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiitahttps://qiita.
stin's Blog
ブログに Playwright で VRT を導入した
Intro 記事ページのスタイルを維持したまま内部実装に大きめの変更を加えたかったので、Visual Regression Test(VRT)を導入しました。 といってもあまりに簡易的な内容です。CI で自動化とか Chromatic とか
blog.jxck.io
3PCA 23 日目: Interest Based Advertising
このエントリは、3rd Party Cookie Advent Calendar の 23 日目である。3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiitahttps://qiita.