Vue.jsの条件付きレンダリングにヒヤッとしたけど伝わらなかった件

HTMLやらXMLやらメモ帳から書いてた世代の自分としては、なんとなくヒヤッとするんだけど、全然共感得られなかった話。

“Vue.jsの条件付きレンダリングにヒヤッとしたけど伝わらなかった件” の続きを読む

Reactでルーティングが効かない?

Reactで開発したWebシステムを、サーバに上げたら、なんかうまく動かない…。

トップ画面は表示されるんだけど、トップ画面以外へ遷移しようとすると「404」エラーになる。

どうにもアドレス解析(ルーティング)に問題があるっぽい気がする…。

“Reactでルーティングが効かない?” の続きを読む

チェックが入っていないと送信できないお問い合わせフォーム

個人情報保護方針の同意チェックなど、チェックしないと送信できない動きを実装する方法。

“チェックが入っていないと送信できないお問い合わせフォーム” の続きを読む

【jQuery】動的に生成されたタグに対するイベント追加

Javascript(jQuery)でイベントが動作しないケース

Javascriptで書いたイベント処理が動作しないケースのひとつ。
動的に生成したタグに対してのイベントの場合。

“【jQuery】動的に生成されたタグに対するイベント追加” の続きを読む

dialogタグ、edgeやsafariで動作しない。からの修正案

dialogタグの代替案

HTML5で追加されたdialogタグ。

<dialog>: ダイアログ要素 – HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/dialog

とても便利なタグではあるが、主要ブラウザのedgeやsafariで、まだ動作しないのが難点である。

chromeなどの対応ブラウザのみで開発していた場合、気付かずにリリースしてしまうと対応で慌てることに。

その時にすぐに修正できるよう、dialogタグでの実装構造そのままの代替策をメモしておく。

“dialogタグ、edgeやsafariで動作しない。からの修正案” の続きを読む