JavaScriptでは、DOM（Document Object Model）操作を通じて要素にクラスを追加することができます。クラスの追加はスタイルの変更や簡単なアニメーションや動的な要素の制御に利用されます。この記事では、JavaScriptで要素にクラスを追加する方法について解説します。 classListオブジ...
ウェブデザイン技能検定の記事一覧
JavaScriptでは、DOM（Document Object Model）操作を通じてHTML要素を動的に操作できます。その中でも特定の要素を親要素から削除する方法はよく使われる操作の一つです。この記事では、JavaScriptで要素を削除する方法について解説します。 JavaScriptによる要素削除の基本 DO...
HTML（HyperText Markup Language）では、ユーザーインターフェイスを構築するために多くの要素があります。その中でも今回は独特の属性があるbutton要素の紹介をしたいと思います。 普段何気なく使用していても基礎の部分は忘れてしまっていたりしますので、是非ご存じの方もこの機会に見直していただけた...
HTMLのグローバル属性の一つであるtitle属性は、様々な要素に指定することができます。この属性は主にユーザーに「助言的な情報」を提供するために使用されますが、必ずしもその限りではありません。今回は、title属性の具体的な利用方法や特性について詳しく解説します。 title属性とは title属性はHTMLのグロー...
ウェブデザインにおいてユーザ要求分析は非常に重要です。シナリオ法はペルソナを用いて理想的なインタラクションやシステムの振る舞いを明確にするための手法です。今回はシナリオ法について詳しく解説します。 ペルソナについても軽く触れていますが、別の記事でも紹介していますので、是非そちらをご覧ください。 https://t3l....
CSS（Cascading Style Sheets）はウェブページのスタイルを定義するための強力なツールです。その中で*セレクタはすべての要素に対してスタイルを適用するために使用されます。*セレクタはリセットCSSやノーマライズする際などにはよく使用されることがあると思いますが、普段はなかなか使用する機会もないと思い...
PHPには、値を比較するためのいくつかの比較演算子があります。それぞれの比較演算子には独自の特徴があり、用途に応じて使い分ける必要があります。特に、== と === の違いについて理解することが重要です。 ウェブデザイン技能検定でもどの演算子がどういった役割をするのかなどの出題がされますので、PHPが苦手な方も是非頭に...
色の明度差は視覚的に色を区別するための重要な指標です。特にウェブデザインやアクセシビリティの観点から明度差を正確に計算することは、ユーザーがコンテンツをより読みやすくするために必要です。 実際にあまり明度の差などを気にせずにデザインをされている方も多くいらっしゃいますが、論理的に理解しておくことによって、ストレスが少な...
alt 属性はウェブアクセシビリティの重要な要素であり主に視覚障害者のために画像の内容を説明するために使用されます。ここでは、alt 属性を指定可能なすべての要素について詳しく解説します。 https://t3l.org/study/2044 1. <img> 要素 img 要素は、ウェブページに画像を表示するた...
PHPでMySQLデータベースとやり取りするためには、主に3つの方法があります。それぞれの方法について特徴や使用例を紹介します。 1. MySQLi（MySQL Improved） MySQLi（MySQL Improved）は、PHPからMySQLデータベースにアクセスするための拡張機能です。オブジェクト指向インター...
ウェブサイトのセキュリティ対策はユーザーのデータを保護し、サイトの信頼性を維持するために不可欠です。ここでは主要なセキュリティ対策と、その中で不適切な対策について解説します。 ディレクトリトラバーサル対策 適切な対策: ファイルを開く際には、固定のディレクトリを指定する。 ファイル名にディレクトリ名を含めないようにする...
SSL証明書は、ウェブサイトのセキュリティを確保するために不可欠な要素です。ドメイン認証（DV）、組織認証（OV）、および拡張認証（EV）の3つの主要な認証レベルがあり、それぞれのレベルによって提供されるセキュリティ機能や信頼性が異なります。ウェブクリエイター認定試験においてセキュリティに関しての問題は多く採用されてい...
DNS（Domain Name System）にはさまざまな種類のレコードがあり、それぞれが特定の情報を提供します。以下に、主要なDNSレコードの種類とその役割を解説します。 以前CAAレコードについて調べましたが、今回は各レコードの基礎の部分を解説します。 1. Aレコード（Address Record） 説明: ド...
DNS（Domain Name System）はインターネット上で人間が理解しやすいドメイン名（例：example.com）をコンピュータが理解できるIPアドレス（例：192.0.2.1）に変換するシステムです。これにより、ユーザーは覚えやすいドメイン名を使用してウェブサイトにアクセスできるようになります。 サーバーも...
addEventListenerメソッドは、指定されたイベントが対象要素に発生したときに呼び出される関数（イベントリスナー）を設定するために使用されます。画像の読み込みが完了したときに関数を呼び出す場合、loadイベントが適切です。 jQueryに頼りすぎて案外JavaScriptを忘れてしまっているといった方や、ウェ...
