valid,invalid

関心を持てる事柄について

React

React で SVG を描画するための use タグでは xlinkHref を使う

React で use tag 使うときの躓き 結論 sprite - SVG use tag and ReactJS - Stack Overflow にある通り xlinkHref を使うとよい。 <svg> <use xlinkHref="#my-logo" /> </svg> 古いバージョンでは dangerouslySetInnerHTML を使うしか回避策が無かったようだが、今ではこの方法は避けたほうが良い。…

JavaScript が動作する Capybara の feature spec でブラウザのコンソールを確認する

結論 page.driver.browser.manage.logs.get(:browser) 調べた経緯 フォームの text input に対する fill が働かないのでどうしたかと思い、Selenium で操作中のブラウザをのぞいてみると React の component が一切 render されていなかった。 どこかで Java…

Trade-off Sliders アプリ作った

先週に会社でトレードオフスライダーを使った議論を初めて行ったところ、とても良い体験になったので、今度機会があったときに即席で使えるようなスライダーアプリを作ってみた。 URL: https://ohbarye.github.io/trade-off-sliders/ Code: https://github.c…

npm run eject で create-react-app はアプリケーションの長寿を保証する

create-react-app すごい。React アプリを開発する環境構築が圧倒的に楽になった。 開発も素早く始められて build も一瞬で出来るように用意されている。Rails なんかもこうやって参入障壁を下げていくことで広まったのかなと思う。 npm run eject まだ始め…