スポンサーリンク
JavaScript

【JavaScript】数値を3桁カンマ区切りにする方法

JavaScriptで数値を3桁カンマ区切りにする方法に関する記事です。現在のWeb標準である toLocaleString や Intl.NumberFormat を中心に解説しつつ、正規表現を使ったレガシーな手法や、逆変換(カンマ削除)といった実務で発生するニーズまで網羅しています。
JavaScript

【JavaScript】alertで「はい/いいえ(Yes/No)」は作れる?confirmの使い方

JavaScript標準の confirm() メソッドを使った実装方法に関する記事です。多くの人が誤解している「alertで選択肢を出したい」というニーズに対し、標準の confirm() の使い方から、ボタン名を「はい / いいえ」に変更するためのモダンな代替手段(<dialog>タグなど)まで解説しています。
JavaScript

【JavaScript】void(0)とは?リンクが動かない時の解決法

JavaScriptのvoid(0)や、リンクが動かない時の解決法に関する記事です。現在、Web標準やアクセシビリティ(a11y)、セキュリティ(CSP)の観点から javascript:void(0) は非推奨となる傾向が強まっています。 この記事では、なぜ従来使われていたのかという背景から、現在推奨される「正しい実装方法(代替案)」、そしてユーザーとして困った時の対処法までを網羅的に解説しています。
CSS

【CSS】ドロップダウンメニューの作り方!クリック開閉やレスポンシブ対応もコピペで実装

CSSでのドロップダウンメニューの作り方に関する記事です。基本的な「ホバーで開く」実装から、スマホ対応で必須となる「クリックで開閉(CSSのみの実装)」、さらにレスポンシブ対応まで、時点でのWeb制作標準に合わせて解説しています。
CSS

【CSS】画像を中央に配置する5つの方法

CSSで画像を中央に配置する5つの方法に関する記事です。要素の性質(インラインかブロックか)による使い分けから、FlexboxやGridを使ったモダンな上下左右中央寄せ、さらには背景画像の配置まで、現在のWeb制作で標準となっている手法を詳しく解説しています。
CSS

【CSS】グラデーションアニメーションの実装テクニック!背景・文字・ボタンを動かす方法

CSSを使ったグラデーションアニメーションの実装テクニックに関する記事です。従来から使われている「背景位置を動かすテクニック」に加え、モダンな実装方法である「CSSカスタムプロパティ(@property)を使った色そのもののアニメーション」についても詳しく解説しています。
CSS

【CSS】「くの字」矢印の作り方!擬似要素での実装や角度・丸みの調整テクニック

CSSで「くの字」矢印を作る方法に関する記事です。基本的な実装ロジックから、実務で頻出する擬似要素を使ったボタンデザイン、角丸や二重線といった応用テクニックまで、コピペで使えるコードとともに詳しく解説しています。
HTML

【HTML】キャッシュ更新を強制する方法

HTMLでキャッシュ更新を強制する方法に関する記事です。開発者やWeb担当者が最も知りたい「CSSや画像が更新されない問題」への確実な対処法(キャッシュバスター)を中心に、metaタグやサーバー設定まで、現在のWeb標準に合わせて解説しています。
HTML

【HTML/CSS】ポップアップウィンドウの作り方!JS不要の方法から本格的な実装まで

HTML/CSSでのポップアップウィンドウの作り方に関する記事です。「JavaScriptを使わずにCSSだけで作る方法」を最初に解説し、その後に「JavaScriptを使った方法」を紹介しています。CSSだけで実装する「チェックボックスハック」というテクニックも解説しているので、是非参考にしてください。
HTML

【HTML/CSS】クラス名の命名規則まとめ!BEMや実用的な単語一覧も紹介

HTML/CSSにおけるクラス名の命名規則に関する記事です。BEM(ベム)などの代表的な命名規則(設計思想)の解説から、実務で使える具体的なクラス名のチートシート、そしてIDやファイル名の命名ルールまで、Web制作現場で求められる知識を網羅的に解説します。
スポンサーリンク