デザイナーの方は当たり前に触れているインターフェースデザインですが、改めて理解を深めるために簡単に基礎を記事にしてみました。 過去にもインターフェイスに少し関係するような記事も作成していますので、是非そちらもご覧いただけたらと思います。 https://t3l.org/study/2044 https://t3l.or...
ウェブデザイン技能検定の記事一覧
ウェブデザインだけではなく様々なビジネスに重要になってくるペルソナ、今回は改めてペルソナってなんだったっけというような方むけに基礎の基礎を記事にしてみました。 様々なビジネスに関連することだとしてもウェブデザイン技能検定の問題の中に文言が登場したりしますので、概要だけでも理解して置けるようにしましょう。 ペルソナの概要...
MySQLは、リレーショナルデータベース管理システムの事ですが、今回はPHPでMySQLデータベースとやり取りするための拡張機能MySQLi（MySQL Improved）を紹介します。 PHPはサーバーサイドのスクリプト言語として広く使用されており、その中でもMySQLデータベースと連携するためのMySQLi拡張機能...
Web Content Accessibility Guidelines (WCAG) 2.0はウェブコンテンツのアクセシビリティを向上させるための国際的なガイドラインです。アクセシビリティの適合レベルとしてA、AA、AAAの3つのレベルを提供しており、それぞれ異なる要件が含まれています。ここでは、それぞれのレベルの詳...
JavaScriptでは、ユーザーのアクションや要素の状態に応じてイベントを処理するためのイベントハンドリングが重要です。イベントリスナーを設定することで、指定されたイベントが発生したときに特定の関数を呼び出すことができます。 イベントリスナーの基本的な使い方 イベントリスナーを設定するための基本的なメソッドは add...
CSSのプロパティをリセットする方法はいくつかありますが、all プロパティを使用するとdirection プロパティと unicode-bidi プロパティを除くすべてのプロパティをリセットすることができます。 all プロパティ all プロパティは、CSSの全てのプロパティをリセットするためのショートカットです。...
IPアドレスとサブネットマスクはネットワーク設計において基本的な概念です。ここでは500台のクライアントを同一のセグメントに配置する際の最適なサブネットマスクについて解説します。 IPアドレスとは IPアドレスはインターネットプロトコルを使用してネットワーク上のデバイスを一意に識別するための番号です。IPアドレスはIP...
JavaScriptでは、配列やオブジェクトのコピーを行うときに参照コピーが使用されます。参照コピーはオリジナルの配列やオブジェクトのメモリ位置を新しい変数にコピーするため、どちらか一方を変更するともう一方にも変更が反映されます。この記事では参照コピーの特性について説明し具体的なケースと関連するメソッドの一覧を紹介しま...
CSSの疑似要素は特定の要素の一部にスタイルを適用するための強力なツールです。疑似要素を正しく使用することで、ウェブページのデザインを細かく制御できます。 この記事では、CSSの主要な疑似要素について説明し重ね掛けや組み合わせの注意点についても解説します。また、nth-childなどのnth系の疑似クラスについても触れ...
インタラクティブコンテンツはユーザーとやり取りができるHTML要素の集合です。これらの要素はユーザーの入力を受け取ったりイベントをトリガーしたりするために使用されます。ここでは、インタラクティブコンテンツに属する要素と、具体的な例について説明します。 インタラクティブコンテンツとは ユーザーが操作できる要素を指します。...
フォントファミリにはいくつかの基本的なカテゴリーがあり、それぞれ異なるスタイルと用途があります。以下に、代表的なフォントファミリの基本を紹介します。 ウェブデザインをしていても、なんとなくでフォントを選んでいる方なども多く見受けられますので、是非この機会に基礎を理解し、デザイン等に生かしていただけたらと思います。 もち...
SQL (Structured Query Language) は、リレーショナルデータベース管理システム (RDBMS) に対して操作を行うための言語です。 リレーショナルデータベースについては他記事にて解説していますので、そちらをご覧ください。 https://t3l.org/study/2079 まずはSQLの基...
フロントエンドエンジニアやデザイナーなどはなかなか触れることの少ないデータベースですが、もちろんウェブデザイン技能検定の学科の範囲に入っています。 そのなかで過去問題にも出題されているリレーショナルデータベースと関連するものの解説を載せます。 私自身あまりデータベース関係は得意ではなかったのですが、改めて調べてみると新...
HTMLの<meta>要素は文書のメタデータを定義するために使用されます。メタデータとは、文書の情報や設定を説明するデータです。<meta>要素は、ブラウザ、検索エンジン、その他のウェブサービスが文書を解釈し、表示する際に重要な役割を果たします。 meta要素の属性とその解説 charset 属...
カスケーディングは、CSSのスタイルシートにおいて、複数のルールが同じ要素に適用される場合にどのルールが最終的に適用されるかを決定するプロセスです。 要は何が後に読み込まれるのかといったような読み込み順を管理しているものと考えていれば大丈夫そうですが、単純に下に書いてあるコードが優先されるといったわけではありません。 ...
