はじめに Metaps Advent Calendar 2023 23日目の記事です！ 普段はマークアップエンジニアから半分フロントエンドエンジニアに足を突っ込んだような領域でお仕事をしています！ 何を作りたいのか？ 諸事情あって、ビズ側（セールスやマーケターetc.）の業務で個別の企業を特定する手がかりとしてドメイン(eTLD+1)をキーとして使うことになったのですが、彼らが手作業でURLからサブドメインやディレクトリ、パラメーターを抜こうとするとミスやエラーも多く、何より時間がかかってしまうため、すきま時間で開発してみることにしました。 でもJavaScriptで作るのはなかなかに難しい…… 例えば、.jpや.comなどのTLDを正規表現でマッチさせようとすると、.jpn.comのような二つのドメインを組み合わせたドメインがあったりします。.jpは必ずしも一番最後にならないし、2文字で

今年も残すところあと1月を切り、CSSもこの1年でさらに進化を遂げましたね。 CSSは普段、SCSSを使ってコーディングしている方も多いますが、 CSSの進化により、SCSS不要論も今年チラチラ見られるようになりました。 本当にSCSSがなくても問題ないのか、新しいCSSネストについて調べてみました。 CSSネストの基本 まずはCSSネストがなんなのかというおさらいをしておきましょう。 2つのクラスparentとchildがあり、parentより子の階層にchildクラスが含まれているときだけスタイルづけしたい時、普通のCSSだとこのように書きます。 .parent { min-height: 100dvh; width: 100%; } .parent .child { background: white; }