Webエンジニアのブログ

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も構文がアップデートされてど...
続きを読む>>

Webサイトの構築の際にCSS3でアニメーションを実装することはよくありますが、ユーザーによっては動かされても見にくかったり操作しづらいと感じることもあります。スマートフォンではiPhoneの視差効果を減らす設定をオンしているユーザーもいま...
続きを読む>>

WebサイトやブログでのWebページのシェアはSNS等のボタンを設置することが多いですが、それだけでなく現在観覧しているページのURLを簡単にコピーできるボタンがあるととても便利です。 SNSだけでなくWebメールやFacebookのメッセ...
続きを読む>>

昔はセキュリティの問題から意図的に利用しているブラウザのJavaScriptを無効にする方がいましたが、現在ではほとんどのWebページでJavaScriptが利用されていて、有効になっていないとまともに観覧することができないWebページもあ...
続きを読む>>

HTMLにPHPスクリプトを埋め込むにはPHPの開始タグと終了タグ内にPHPスクリプトを書いていきますが、その中でPHPのヒアドキュメントを利用したコードを書いていくこともあります。 ヒアドキュメントとは、何行にも渡る長い文章やソースコード...
続きを読む>>