あなたがまだ知らないReactのテクニック10選 - Qiitaはじめに Reactは、UIを構築するための人気のあるJavaScriptライブラリです。 しかし、この強力なツールは、表面だけを見ているだけでは、その真の力を発揮することはありません。ここでは、あなたがまだ知らないかもしれないReactのテクニック10選を紹介します。 （本記事は初心者向けで作成してます。） 1. フラグメントを利用する React.Fragmentは、余分なノードをDOMに追加せずに、複数の要素をグループ化する素晴らしい方法です。
CSSの:has()がブラウザで使用できるかを@supportsで検出するには、:has(*)ではなく、:has(+ *)にする必要がある
CSSの:has()がブラウザで使用できるかどうかを@supports selector()で検出するには、:has(*)ではなく、:has(+ *)が必要です。 これは2023年現在、:has()はFirefoxを除くすべての主要ブラウザでサポートされていますが、Firefoxで実験的な機能としてサポートされているためです。 CSS :has() feature detection with @supports(selector(…)): You want :has(+ *), not :has(*) by @Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの:has()を検出するには :has(*)を使用した場合の問題点 デモとコード 終わりに はじめに CSSの:has()を@supports
MTIfタグにtagモディファイアを利用する場合の注意事項
Movable TypeのMTIfタグにtagモディファイアを使ったとき、つまづいたケースがあったので、本エントリーで情報展開します。 基礎知識ですが、MTIfタグにtagモディファイアを利用すれば、テンプレートタグの値を判定条件に利用することができます。次の例は、記事タイトルが「test」であることを判定するものです。 <mt:Entries> <mt:if tag="EntryTitle" eq="test"> [記事タイトルが「test」であればこの部分を実行] </mt:if> </mt:Entries> １．問題点 問題となるサンプルは、次のコメント一覧を表示するものです。 <mt:Comments> <mt:CommentBody> Posted by <mt:if tag="CommentURL"> <a href="<mt:CommentURL />" title="<mt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
