過去ウェブデザイン技能検定ではCSSの初期値があっているかどうかといった問題が出題されたことがあります。 リセットやらノーマライズやら自分でCSSを作成されている方や、長く経験されている方などにとっては当たり前の内容になってしまいますが、テキストエディターの自動入力や予測変換に頼りっぱなしになっていたりすると案外忘れて...

ウェブデザイン技能検定の過去問では、PHPのlist()関数に関する問題が出題されました。PHP全体となるとすべてを解説するのが困難になってしまうので、過去問の形に添った内容の部分で理解を深め、他にも似たような例がないかなどを考えてみます。 過去問題文は次の通りです。 問題: 次のPHPのコードを実行した場合の変数 $...

普段制作では横着して使用をしなくても済んでしまうものなども多々ありますが、用途別にタグは色々と別れています。 まずは過去出題された引用に関するタグについての解説をし、その後、似たように用途別に使用できるタグを紹介いたします。 基本的にHTML5で使用できるものを紹介しておりますが、記事を見ているタイミングによっては廃止...

現在、スライダーや簡単なアニメーションなど様々な形でシンプルなサイトでも導入されているJavaScriptですが、もちろんウェブデザイン技能検定の学科の範囲にも入っています。 なんとなく使えるけどといった方やjQueryは使用できるけど、プラグインだけなら、といった方も多くいらっしゃると思いますので、今回はウェブデザイ...

情報機器作業における労働衛生管理のためのガイドラインは、情報機器（コンピュータやディスプレイ装置など）の長時間使用による健康への影響を防止するために策定されました。 現代の労働環境では多くの作業が情報機器を使用して行われるため、適切な労働衛生管理が必要不可欠となっています。これにより作業者の健康と安全を守り生産性を向上...

ウェブデザイン色の表現は重要なスキルですのでウェブデザイン技能検定の過去問にも多々出てきています。HexカラーコードとHSLカラーコードのについて改めて見直すとともに変換方法を理解することで、色の管理がより簡単になります。 変換方法をできるようにするというよりは、理解をすることだけでウェブデザイン技能検定の対策にもなり...

リチャード・W・ポールとは？ リチャード・W・ポールは、批判的思考（クリティカルシンキング）の分野で広く知られた教育者です。彼は教育において、情報の整理・分析・評価の方法を重視し批判的思考のフレームワークを発展させました。 「5つの帽子掛け」とは？ 「5つの帽子掛け」は、情報を組織化するための5つの基準を示したものです...

ウェブデザイン技能検定の過去問をもとに、HTMLの各要素が持つ子要素の制約について解説します。特に、<dl>, <table>, <ul>, <ol>などの要素について詳しく見ていきます。 定義リスト (<dl>) の子要素 正しい子要素: <dt>: ...

ウェブデザイン技能検定の過去問にも名前が出てきていたヤコブ・ニールセンについてまとめた記事になります。 検定の対策としては、どのようなことをした人なのかがわかれば大丈夫かと思いますが、ディレクションをする方などには改めて知っておくと役に立つような内容などもありますので、是非全体的に目を通していただけたら嬉しいです。 ヤ...

今回は次世代フォーマットのWEBPについて紹介します。 ほとんどのブラウザで対応されているので、サイトを快適に見れるようにする施策として今後取り入れていった方がいい内容と思いますが、まだ次世代フォーマットに慣れていない方などは以前に紹介した画像圧縮方法と一緒に使用されて徐々に次世代フォーマットにスイッチしていくのも一つ...

今回は、JavaScriptのESモジュール（ECMAScript Modules, ESM）について、解説しその魅力をGulp5で活用していけるように自分の備忘も兼ねて紹介していきたいとおもいます。 ESモジュールとは？ ESモジュールは、JavaScriptの公式なモジュールシステムで、モダンなJavaScript...

WEB制作において、画像の最適化は重要な要素の一つです。特に多くの画像を扱う場合、その処理に時間がかかり、ページの読み込み速度に影響を与えることがあります。もちろんページの表示速度だけではなく、手作業で圧縮を行っていては、作業全体の速度も落ちてしまいます。 そこで今回は、Gulp5を使用して自動的に画像を圧縮する方法を...

WEB制作において、効率的な開発環境を整えることは非常に重要です。整えてる人と整えていない人で何時間も何日も制作速度に差が出たりもします。 今回は、Gulp5を使用してローカルサーバーを構築し、自動リロードを行う方法をご紹介します。これにより、SassファイルのコンパイルやPHPファイルの変更をリアルタイムに反映させる...

取り急ぎ使用できてればいいやといった感じで使用していたGulp5ですが絶対的に理解を深めた方が効率が良くできることが多くなると思い、改めて変更点などを調べてみました。 パフォーマンスの向上 Gulp 5は、タスクの実行速度と全体的なパフォーマンスが向上しています。これにより、大規模なプロジェクトでも効率的にビルドプロセ...

xserverでpythonを利用するための手順とコツをまとめました。この記事では、pythonのセットアップ、Minicondaの導入、SSH接続方法について簡単にですが解説します。かなり簡単に説明していますが、やってみると思ったよりハードルは高くなかったりするので是非、チャレンジしてみてください。 xserverで...