記事一覧
-
Tailwindcssでtransitionのアニメーションが動かない問題
Tailwindcssで、棒状にアニメーションを入れてみました。 棒状の図は出てきたのですが、アニメーションが動きません。 なぜアニメーションが動かないのか調査した備忘録です。 Tailwindcssで書いた元々のコード まず動かなかったコードを公開します。 HTML... -
CSSで文字に縁取りを付けよう
文字がライトテーマだとはっきり見えても、ダークテーマにすると見えにくくなる あるいはその逆の場合もあったり、どうすればはっきり見やすくなるのか・・・ ライトテーマとダークテーマで文字色を切り替えればいいのかもしれないけれど、文字色は変えた... -
PHPでプレースホルダーの数を動的に作ろう
PHPでは、SQLのWHERE句で位置パラメータを使う場合こう書きますよね。 PHP$id = 123; $sql = 'SELECT * FROM test_table WHERE id = ?'; $stmt = $this->pdo->prepare($sql); $stmt->execute($id); $result = $stmt->fetch(PDO::FETCH_ASSOC);$id = 123; $... -
PHPでControllerからViewへ配列を渡す方法
PHP の MVC 初心者が Controller から View に、また View から配列を渡せないかどうか実験したメモです。 配列はController→Viewに渡せない？ PHPで淡々とコードを書いている時に、正解が2つある問題の処理をどうするか考えていた。 配列を $_SESSION を... -
何度も同じレコードが表示される時に確認してほしいこと
メインコンテンツのクイズ。 とりあえず読み問題を表示させた。 理想的な出来！だけれども・・・同じ問題が何度も表示されることがある。 つまり、同じレコードを重複して取得してしまっていることがあるということ。 何故そんなことになっているのか？ い... -
Tailwindcssでテキストボックスのフォーカスが当たった時に枠線の色を変える方法
テキストボックスにフォーカスが当たった時、黒く太い枠線が表示されます。 サイトによってはテーマカラーに応じて好きな色に変えたい時もありますよね。 なので、Tailwindcssを使ってフォーカスが当たった時にだけ枠線の色を変えようと思います。 ↓の pas... -
PHPでログイン画面を作ろう
問題のデータを入れるために管理画面が必要になりました。 ただ、その管理画面は筆者以外には触らせるわけにはいけません。 その管理画面が出来上がるまでの過程を、ここに書き記しておきます。 ログイン情報ファイルを作ろう 今回は、Basic認証ではなく、... -
お問い合わせフォームに短時間に連続送信してくるIPに制限をかける
以前からCSRFでなりすまし対策の記述、前記事でのreCAPTHAを使ってお問い合わせフォームにbot対策は出来たけれど、 人海戦術での嫌がらせの場合は対応できない。 なので、お問い合わせフォームに対して、短時間に大量の送信があった場合にIP制限をかけるこ... -
Tailwindcssでダークモードを動的に適用する方法
Tailwindcssにはダークモードが搭載されています。 筆者もダークモード愛用者なので、これは嬉しいところ。 HTML<html class="dark"> ... </html<html class="dark"> ... </html 上記のように、HTMLの先頭のクラスに dark を指定... -
reCAPTHAをお問い合わせフォームに組み込もう
お問い合わせフォームは作ったけれど、bot による嫌がらせに遭う場合も考えられますよね。 それをブロックすることで定評のある reCAPTHA をお問い合わせフォームに組み込むことにしたのでそのメモ書きです。 reCAPTHAをlocalhost専用として登録しよう bot...
