z-index と聞いてヴェェー！！って思うみなさん、こんにちは。 ベーシック アドベントカレンダー 9日目（大遅刻）です。 今回は z-index と安全に付き合うおはなしをします。 z-index: 9999; というラノベ主人公みたいな値があまりよくないと感じつつも、予期せぬ要素同士で起こる z-index バトルをどう回避すればいいのか、もにょもにょしますよね これを解決していきます。 私の脳内で運用しているだけなので、提案として「ふーん」程度に受け止めていただければと思います。 結論は『 z-index を設定した親要素（近い先祖要素）に isolation: isolate; をする』です。 z-index の苦しみ 『この要素を前面に出したい』 .tuyoi { z-index: 1; } 『この要素を必ず最前面に出したい！』 .motto-tuyoi { z-index:

コンビニやコーヒーショップで飲み物を購入した時や、公共施設の休憩スペースに設置されているドリンクコーナーなど、使い捨て紙コップは日常生活の至る所で使われています。そんな紙コップに注いだ熱湯を分析した研究により、紙コップでコーヒーやお茶を飲むと大量のマイクロプラスチックが飲料に溶け出すことが判明しました。 Microplastics and other harmful substances released from disposable paper cups into hot water - ScienceDirect https://www.sciencedirect.com/science/article/abs/pii/S0304389420321087 Drinking hot beverages from paper cups poses health risks, shows

ITmedia NEWSの読者であれば、普段見慣れている……と言うより叩き慣れているであろう、PCのキーボード。しかし普段使っていて、どうにも使用頻度が低い……というか「これって何のために付いているの？」というキーはないだろうか。 実はそうしたキーは、今の日本では使用頻度が少なくとも、海外では非常に便利だったり、面白い歴史があったり、はたまた「スマホゲームにおいて普段は使いにくいけれど、高難度クエストのみ輝くあのキャラ」的なキーだったり……と、その多くはやっぱり付いている意味があるのだ。 この連載では、そうした普段は意識しない、使用頻度が比較的低いキーの機能や役割、由来、小話などを紹介していきたい。 英語圏では大文字固定に使われる「CapsLock」キー 今回紹介するのは「CapsLock」キーだ。このキーの基本機能は「アルファベットの大文字を、Shiftキーを押したままでなくても入力可能

この記事は過去2回にわたる検証記事の続きとなります。 国産ブラウザアプリSmoozはあなたの閲覧情報をすべて外部送信している 続・国産ブラウザアプリSmoozはあなたの閲覧情報をすべて外部送信している 前回の記事では、おすすめ記事機能を有効にしていると、Smoozがユーザーの閲覧しているURL情報を送信してしまうことについて解説しました。 ユーザーID、URLと共に送信されているbc、bt、bdという項目の内容がわからないままでしたが、これもユーザーの情報であるはずだと思い、調査を続けてきました。 ▼これがおすすめ記事のために送信される内容 （この内容は記事の最後にテキスト情報としても掲載しておきます） URL情報に関連するもので 『c、t、d』 と呼ばれそうなものは何か。 ・cのデータ量は飛び抜けて多い ・cとdは一致が見られることがある ・一部が一致しながらもcのほうが長かったりもする

近年のフロントエンド開発にはコンポーネントという概念が付いて回ります。React・Vue・AngularといったViewライブラリでは、コンポーネントを定義してそれを組み合わせてアプリを作ります。また、いわゆるWeb Componentsとして知られる仕様群により、ライブラリに依存せずに“コンポーネント”を作ることもできるようになってきています。 コンポーネントは、何らかの機能（あるいは責務）を持った部品です。また、コンポーネントによっては再利用される（アプリ内の複数の箇所から利用される）ことを意図しているものや、そもそもライブラリとして配布されているようなものもあります。アプリの機能の一部分を抜き出したものという見方をすれば、コンポーネントというのは関数にとても類似した概念であることが分かります。 コンポーネント設計によって、言い換えればアプリがどのような機能を持ったコンポーネントたちに