幼稚園や保育園の建設に地域住民が反対するという問題がよく聞かれるが、その一因は子供がいない場所で喚き声が聞こえないことにある。 どこでも子供の元気な喚き声が聞こえれば幼稚園があってもなくても同じになる。 だとすれば日本中の防災スピーカーから無邪気なお子さん方の喚き声を流し続ければ良い。 そうすれば幼稚園の有無によって差がなくなり、反対運動も起こらなくなるだろう。 喚き声が騒音だという者もいるかもしれないが、我が国の未来を担う純真無垢な子供の喚き声は騒音でないと法律で定めれば問題ない。 我々は素敵な喚き声を聞き続けることで少子化対策に貢献しようではないか。

WebページのURLを入力し、1クリックするだけで、そのページの編集可能なFigmaファイルに変換できる無料プラグインを紹介します。 去年紹介しましたが、先日ver.2にアップデートされました！ 一括インポート、マルチビューポート、マルチテーマ、テキストとカラーのスタイル生成ができるようになり、さらに便利になりました。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma デスクトップとスマホも同時に！ 1クリックでWebページをFigmaに変換 html.to.designの利用方法 html.to.designの使い方 1クリックでWebページをFigmaに変換 html.to.designは、URLを入力して1ク

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