JavaScript– tag –
-
膨大な量のリストから1つだけ選択できるUIを考える
いろいろ作っていて四字熟語マスタが必要になってそこから1つ正解を選択することになった。 ↓の都道府県みたいに47個だけならまだドロップダウンリスト（<select>）でOKかなと思う。 都道府県： 北海道 青森県 秋田県 岩手県 山形県 宮城県 福島県 ... -
JavaScriptが動かない時に確認してほしいこと
テスト用サイトにJavaScriptのテストコードを書いていたら、 JavaScriptconsole.log('aaa');console.log('aaa'); すらコンソールに表示されないことがありました。 うーん、これは困った。 その時に確認していったことをまとめますので、参考にし... -
動的にテキストボックスを追加し、その値をDBに追加する方法
作っていたクイズアプリの正解がずっと1つだったので、テキストボックスは1つでよかったけれども、 正解が複数あるものが出てきてしまったので、動的にテキストボックスを追加削除して、 サブテーブル（正解テーブル）にレコード追加しなくてはならなくな... -
Tailwindcssでtransitionのアニメーションが動かない問題
Tailwindcssで、棒状にアニメーションを入れてみました。 棒状の図は出てきたのですが、アニメーションが動きません。 なぜアニメーションが動かないのか調査した備忘録です。 Tailwindcssで書いた元々のコード まず動かなかったコードを公開します。 HTML... -
Tailwindcssでダークモードを動的に適用する方法
Tailwindcssにはダークモードが搭載されています。 筆者もダークモード愛用者なので、これは嬉しいところ。 HTML<html class="dark"> ... </html<html class="dark"> ... </html 上記のように、HTMLの先頭のクラスに dark を指定... -
reCAPTHAをお問い合わせフォームに組み込もう
お問い合わせフォームは作ったけれど、bot による嫌がらせに遭う場合も考えられますよね。 それをブロックすることで定評のある reCAPTHA をお問い合わせフォームに組み込むことにしたのでそのメモ書きです。 reCAPTHAをlocalhost専用として登録しよう bot...
1