Webエンジニアのブログ

フォームのデザインでユーザーに選択してもらう機能として、表示はしておかないけれども選択項目を用意しておく、プルダウンメニューとして構築するセレクトボックスがあります。ここでは、HTMLで構築したセレクトボックスをPHPで取り扱う時の利用方法...
続きを読む>>

Webで使える画像のフォーマットは、JPEGやPNG、GIFなど多くのフォーマットがありますが、「WebP（ウェッピー）」という画像フォーマットの登場で画像の軽量化して、Webサイトの表示速度を改善することもできるようになりました。ここでは...
続きを読む>>

PHPプログラムに間違いがあればエラーとなりますが、MAMP（マンプ）やXAMPP（ザンプ）などのローカル開発環境のデフォルトの設定ではエラーの内容が表示されません。PHPの設定ファイル（php.ini）で表示/非表示の設定をする必要があり...
続きを読む>>

Web制作でHTMLやCSS、またJavaScriptやPHP、Pythonなどなど、ソースコードを書いていく上で必要なテキストエディタ。けっこう人気のあるGitHub製のAtomエディタは、無料ということもあり利用者も多いでしょう。 開発...
続きを読む>>

Web制作やWebアプリケーション開発の現場では、Google Chrome、Firefox、Safari、Microsoft Edgeといった多くのWebブラウザで表示や動作を確認することでしょう。 表示や動作の確認を行っていく中で、キャ...
続きを読む>>

Webサイトの引っ越しやリニューアル、Webページ単体でコンテンツ改修・デザイン変更を行ったりする時に、URLを変更することがありますが、その時にやっておきたいのが301リダイレクト設定です。ここでは、WebサイトのドメインやページURLを...
続きを読む>>

WindowsやMacといったOSからアプリケーション、webサイトなどなどダークモード対応が進んできています。ここではCSS3のメディアクエリの特性「prefers-color-scheme」を利用して、端末のダークモード設定を判断し、w...
続きを読む>>

WordPressで構築しているwebサイトで固定ページで設定しているページにパスワードをかけるには、パスワード保護の設定をしますが、テンプレートを利用するとパスワード保護が有効になりません。ここでは固定ページにテンプレートを使用した時にパ...
続きを読む>>

JavaScriptの変数宣言はvar、let、constと3つありますが、プログラムのバグ発生を防ぐためにも定数のように変化させない値を扱えるconstをうまく利用してプログラムを書いていくことが多くなってきます。 そんな中で、const...
続きを読む>>

Web制作でよく利用されるプログラミング言語、JavaScriptの変数には基本的な変数宣言のvarの他、ECMAScript2015以降の仕様から利用可能なletやconstなどがあります。JavaScriptも構文がアップデートされてど...
続きを読む>>