業務用のシステムを開発していると、できるだけマウスやキーボードを使わずに使いたいという要望が多い。 ほとんどの場合はInputタグにautoFocus={true}を追加すればいいんだけど、ボタンを押すとテーブルが展開して詳細を入力していくような動きのある画面…

配列の中身をJSXエレメントにする時にmap関数でグルグルするけど、その時、途中で区切り線を入れるなど別のエレメントを差し込みたい時にどう書くのか調べた。 render() { const items = ["item1", "item2", "item3", "item4", "item5"]; const list = items…

mozmorris/react-webcamを使ってブラウザからreactでカメラを利用する。 まずは環境を作る。 $ yarn create react-app webcam-sample --typescript $ cd webcam-sample/ $ yarn add react-webcam @types/react-webcam スクリーンショットを撮るサンプルがGit…