だから各人に勝手に解釈されたら成り立たない「〇〇館の殺人」みたいな推理ものでは間取り図がついてたりする ほんとは家の間取りなんかは大筋に影響なかったら曖昧にしといてもいいんだけど、 自分で書くときは結構ムキになって書き込んでしまう 玄関を入るとまっすぐ廊下が伸びており、左右に二枚ずつドアが並んでいる。扉の形状から右の二枚は水回りで手前がトイレ、奥が浴室だろうと予測する。左手手前のドアは開け放たれていて小さな居室が見えている。ピンク色のランドセルと整頓された学習机から、子供部屋であることがわかる。その並びに引き戸があり、これはどんな部屋か見当がつかない。足音を立てぬように老化を進む。突き当りには扉がなく北欧デザインの暖簾がかかっている。しかしそれを潜るのは躊躇われた。酸化した血液の粘度のある臭いがねっとりと漂ってきたからだ。 みたいな ほんとは要らないんだこんな文章は、でも難しいから逆に頑張

鶏肉を切ったまな板でサラダ用の野菜切って大丈夫かな 心配だ

■ はじめに <div>要素にonClickを渡すべきではない、ということ聞いたことはないでしょうか？ ただ、なぜ渡すべきでないのか？ 理解してなかったので今回調べてみました。 サンプルコード 今回動作確認に利用したサンプルリポジトリのコードはReactで書いています。 ■ 結論：<div>にonClickを定義するのがなぜダメなのか？ ユーザーにとって操作性の低いボタンになってしまうから、です！ 要するに UX が悪くなってしまうから！ その理由を解説していきます！ ■ 操作性の低いボタンになってしまう理由 大きく３つあると考えています。 div要素は focus を持たないから returnキー, spaceキーをonClickに変換しないから スクリーンリーダーが認識しない要素だから ◎ focus を持たないから <div>要素はfocusを持ちません。 なので、tabキーで要素に

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. Learn moreSee full compatibilityReport feedback <details> は HTML の要素で、ウィジェットが「開いた」状態になった時のみ情報が表示される折りたたみウィジェットを作成します。概要やラベルは <summary> 要素を使用して提供する必要があります。 折りたたみウィジェットはふつう、回転して開閉状態を示す小さな三角形を使用し、その隣のラベルと共に画面上に表現されます。 <summary> 要素の内容が折りたたみウィジェットのラベルとして使用されます。 <d