JavaScript– tag –
-
JavaScriptが動かない時に確認してほしいこと
テスト用サイトにJavaScriptのテストコードを書いていたら、 JavaScriptconsole.log('aaa');console.log('aaa'); すらコンソールに表示されないことがありました。 うーん、これは困った。 その時に確認していったことをまとめますので、参考にし... -
動的にテキストボックスを追加＋配列をDBに追加
作っていたクイズアプリの正解がずっと1つだったので、テキストボックスは1つでよかったけれども、 正解が複数あるものが出てきてしまったので、動的にテキストボックスを追加削除して、 サブテーブル（正解テーブル）にレコード追加しなくてはならなくな... -
Tailwindcssでtransitionのアニメーションが動かない問題
Tailwindcssで、棒状にアニメーションを入れてみました。 棒状の図は出てきたのですが、アニメーションが動きません。 なぜアニメーションが動かないのか調査した備忘録です。 Tailwindcssで書いた元々のコード まず動かなかったコードを公開します。 HTML... -
Tailwindcssのポップオーバーのテキスト表示について
Tailwindcssのポップオーバーを弄っているとあることに気が付いた。 HTML<?php $sentence = 'ある日のこと'.PHP_EOL.'本日は天気も良く、絶好のお散歩日和だと私は考えます。'.PHP_EOL.'ですが、ペットを置き去りにして1人で外出するのも気が引けてしま... -
Tailwindcssでダークモードを動的に適用したい
Tailwindcssにはダークモードが搭載されています。 筆者もダークモード愛用者なので、これは嬉しいところ。 HTML<html class="dark"> ... </html<html class="dark"> ... </html 上記のように、HTMLの先頭のクラスに dark を指定... -
reCAPTHAをお問い合わせフォームに組み込もう
お問い合わせフォームは作ったけれど、bot による嫌がらせに遭う場合も考えられますよね。 それをブロックすることで定評のある reCAPTHA をお問い合わせフォームに組み込むことにしたのでそのメモ書きです。 reCAPTHAをlocalhost専用として登録しよう bot... -
送信ボタンに付けるSVG画像と格闘した
お問い合わせフォームの送信ボタンを押した後、数秒間delayがあることに気が付いたので、 二重クリック防止＋今は送信処理中ですよーということをアイコンを使ってアニメーションで表現することにしました。 とりあえず<img>として画像表示＋Tailwin...
1