なぜ <div> に onClick がダメなのか？
■ はじめに <div>要素にonClickを渡すべきではない、ということ聞いたことはないでしょうか？ ただ、なぜ渡すべきでないのか？ 理解してなかったので今回調べてみました。 サンプルコード 今回動作確認に利用したサンプルリポジトリのコードはReactで書いています。 ■ 結論：<div>にonClickを定義するのがなぜダメなのか？ ユーザーにとって操作性の低いボタンになってしまうから、です！ 要するに UX が悪くなってしまうから！ その理由を解説していきます！ ■ 操作性の低いボタンになってしまう理由 大きく３つあると考えています。 div要素は focus を持たないから returnキー, spaceキーをonClickに変換しないから スクリーンリーダーが認識しない要素だから ◎ focus を持たないから <div>要素はfocusを持ちません。 なので、tabキーで要素に
ALTテキストを正しく使いこなしたい人は全農広報部さんのツイートがとても参考になる→本当に「わかってる」感じがする
ymrl @ymrl altテキストの話でよく全農広報部さんのツイートを紹介するんですが、画像から読み取れる情報とaltテキストに書かれている情報がほぼ等価なのが、「わかってる」感じがするんですよね（情報がシンプルに構成されているというのもある） twitter.com/zennoh_food/st… 2023-06-16 23:44:08 全農広報部【公式】日本の食を味わう @zennoh_food 暑くなってきたなあ、てことでピーマンで焼き浸しです。皮目を先にして両面焼いたら、つけだれを加えて一瞬煮立たせて器にあげ、冷ましたら完成です。つけだれはめんつゆ(2倍濃縮):水＝1:1で混ぜるか、水の代わりにお酢を使うとよりさっぱりver.にもなります。味も、ツヤツヤの見た目もたまりません。 pic.twitter.com/Xn939FDg5Z 2023-06-16 18:10:56
戸建てを購入する人へ「10年すぎた頃から家の修繕費が毎年50〜100万前後の勢いで出ていくので積立て大事」
なちゅ。 @itacchiku 食欲と酒にまみれたガジェットスキーなうっかり系主婦。ソファで行き倒れて寝落ちする常習犯。全員が発達特性が癖強なファミリー+よく寝てよく歩き回るロボットと暮らしています。／Amazonアソシエイト&楽天ROOM(@itacchiku_R)／誤フォローしまくりすいません。／【LOVOT紹介コード】f3tmug9h note.com/itacchiku なちゅ。 @itacchiku 今年は、エアコンを1台買い替えて冷蔵庫も買い替えます。戸建て購入してから10年目をすぎた頃から、なんだかんだで家の修繕費(自宅の設備から家電の買い替えまで含む)が毎年50万〜100万前後の勢いで出て行く。戸建て買う人、マジで積立て大事よ…。 2023-06-17 22:31:22
親類が亡くなったが現地に駆けつけるのが難しい→とある３点セットを送ったらものすごく感激された「マジで効果ある」
貝柱 @kaibasirabasira あるとき、往復で十万円ほどの交通費がかかる遠方に住む親類が亡くなった。駆けつけてお焼香をあげるほど親しく付き合ったわけでもなく、といってスルーするわけにもいかない。どうしたもんかと悩んでいたとき、年上の女性に知恵付けられた。「貝柱さん、電報よ。電報って案外効くわよ。それから 2023-06-16 01:40:39 貝柱 @kaibasirabasira ご仏前に備える銘菓でも送ればOKよ」。なるほどと思って、とはいえ電報だけではあまりに寂しいので、電報、スタンド花、それからご仏前のお菓子の三点セットをお送りした。すると相手はめちゃめちゃ感激し、貝柱ちゃんにはすごくよくしてもらったというのである。聞くと寂しい葬式だったそうで、 2023-06-16 01:42:53 貝柱 @kaibasirabasira 列席者もまばらだったけど、電報やスタンド花もか
「イラストが似ている」法的にアウトなラインはどこ？ 海老澤美幸弁護士に聞く - 弁護士ドットコムニュース
「既存のイラストと類似している」。ネットではあるイラストが第三者のイラストと似ているという指摘がたびたびあがります。 4月にはイラストレーターのたなかみさきさんの作品と類似しているとして、内閣府が「若年層の性暴力被害予防月間」のポスターの使用を取りやめました。ネット上では「たなかみさきさんの絵だと思っていた」「字のフォントもそっくり」といった声が続出していたのです。 人によって「似ている」「似ていない」の判断は異なることもありますが、法的に著作権侵害となるラインはどこにあるのでしょうか。ファッション産業や知的財産権にくわしい海老澤美幸弁護士に聞いた。 ●著作権侵害が認められるには、具体的な表現が似ていることが必要 ——内閣府のポスターは「酷似している」との指摘が相次ぎ、使用取りやめに至りました。法的にはどう考えられるのでしょうか。 今回、多くの方が、たなかみさきさんのイラストと内閣府のポス
「口コミ人気度ナンバーワン」「７冠達成」広告…調査会社によって簡単に「作られていた」
【読売新聞】 「人気度Ｎｏ．１」といった文言で販売実績や顧客満足度を強調する「ナンバーワン広告」。この手の宣伝文句は世の中にあふれているが、根拠がないものも多いとみられる。広告主に持ちかけて「偽りの高評価」を作り出す調査会社もあると
「使えない」国立競技場、民営化に障害…赤字で税金から毎年10億円も維持費を補填か
東京2020オリンピック競技大会公式ウェブサイトより 東京五輪・パラリンピックのメイン会場だった国立競技場は、30年間の運営権が民間事業者に売却されるが、参画を検討する事業者を対象とした意見公募が先月末から今月初めにかけて行われた。7月に募集要項が公表され、民営化は2025年4月からスタートする。 国立競技場をめぐっては、五輪後の利用計画策定が難航し、昨年12月に新たな方針がまとまった。球技専用の施設に改修するとした当初の政府方針を転換し、陸上トラックが残されることになった。また、国も年間10億円を上限に維持管理費を補填することなどが盛り込まれた。しかし、国の負担は、借地料や修繕費を含めると毎年30億円を超える可能性を指摘する声もある。 使い勝手の悪い国立競技場 現在すでに赤字を垂れ流している状態の国立競技場の経営を立て直すには、参画する事業者に積極的に活用してもらうしかないのだが、実はか
【CSS】borderを使って、三角形作るのはやめませんか？ - Qiita
はじめに みなさんは、CSSで三角形をつくる時どのように作っていますか？ borderを使って作っていませんか？ この記事では、CSSで三角形をつくるベストプラクティスを紹介します。 今までの三角形の作り方 See the Pen CSS Masking - Fade out UI by でぐぅー | Qiita (@sp_degu) on CodePen. 今までは、三角形を↑このようにborderを駆使して作成していました。 どうしてこうなるかは、省略しますが、本来のプロパティとは違う使い方でうつくしくないですよね！ この方法のいけてないポイントは以下の通りです。 1. 指定の大きさの三角形をつくるのに、border-widthを使うところ 本来、border-widthは、要素の境界の幅を指定するプロパティで、要素の大きさを指定するプロパティではありません。 理想は、widht と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
