コード備忘録

setTimeoutを使って1秒ごとに数字を減らすカウントダウンタイマーの作り方を解説します。再帰関数を使ったシンプルなコードで、JavaScriptの基本的な動きを理解できます。

disabled属性をJavaScriptで操作して、ボタンを押せる状態・押せない状態に切り替える方法を紹介します。基本的なコード例とあわせて動作を確認できます。

JavaScriptのcreateElementとappendを使って、配列からHTMLリストを作る方法を解説します。初心者でも理解しやすい基本的な使い方を紹介します。

JavaScriptの剰余演算子（%）の基本的な使い方を初心者向けに解説します。割った余りを求める仕組みを、簡単なコード例でわかりやすく確認できます。

CSSだけで作れる青系のおしゃれなボタンデザイン4パターンを紹介。落ち着いたブルーやネイビー、爽やかなターコイズ、軽快なスカイブルーまで、CSSコードをそのまま使えます。

JavaScriptで配列をコピーする方法を解説します。スプレッド構文を使えば、元の配列を残したまま新しい配列を作ることができます。

JavaScriptで配列の順番をランダムに並べ替える方法を解説します。シンプルな関数で簡単にシャッフルできます。

スマホでは1列、PCでは2列に切り替わるレスポンシブレイアウトをCSSで実装する方法を解説します。Flexboxとメディアクエリを使ったシンプルなサンプルコード付き。

CSSで作るおしゃれな赤のボタンを4種類紹介。落ち着いた赤系、柔らかいパステル系、コーラルレッド系、深紅＋ゴールドのデザインコードをコピペで使えるので、サイトやフォームのボタン作りにすぐ活用できます。

JavaScriptのwhile文を使った基本例です。配列を順番に表示する方法と、条件を満たすまで処理を繰り返す方法を紹介します。