Webエンジニアのブログ

WebサイトやWebアプリケーション開発またはWeb制作学習では、実際に動かす際にWebサーバやデータベース管理システム、プログラミング言語のソフトウェアなどが必要になりますが、自分のPCに無料で開発環境を構築することができます。ここではW...
続きを読む>>

PHPのサポート状況を意識した開発や細かなバージョンでのテストを必要とする場合、ローカル開発環境のMAMPに含まれているPHPソフトウェアから、自由にバージョンを選択して利用していく必要があります。ここでは、MAMPで利用できるPHPバージ...
続きを読む>>

ブロックチェーンを基盤としたインターネット（Web3.0）環境のSNSが2022年ごろから続々と登場し、SNSでのコミュニケーションも新しいかたちに変化していくでしょう。色々なSNSが登場する中、今回はX（旧Twitter）に似たアプリ、分...
続きを読む>>

MicrosoftのExcelやWord、PowerPointといったアプリケーションから、PDF形式のデータで共有していくことがあると思いますが、重要なデータや情報が記載されているPDFファイルは、なるべくパスワード保護をしておくのがおす...
続きを読む>>

CSSでWebデザインのレイアウトを調整していく中、レスポンシブWebデザインではよく利用していくビューポート単位（vwやvh等）ですが、表示領域の幅を指定するvw単位において、WindowsとMacで少し表示が異なることがあります。 それ...
続きを読む>>

Webサイトにアクセスした際に、オープニングビデオのように動画を流してから、動画再生後にフェード効果でメインコンテンツを表示するなど、動画を活用することで文字情報だけでなく、動きのある映像で豊富な情報をわかりやすく伝えることができます。 フ...
続きを読む>>

Webサイトを利用しているユーザーが現在どのページ（カテゴリ）のコンテンツを閲覧しているのかを、ナビゲーションメニューのリンクの色を変更するなどして、わかりやすくデザインしていくこともあるでしょう。現在表示しているWebページのリンクだけス...
続きを読む>>

image-set()は画像オプションをセットして背景画像を適応させることができる便利なCSS関数で、ユーザーの端末にあった解像度の画像や、軽量化した形式の画像の適応など、Webに最適化した画像を適応させることができます。...
続きを読む>>

会社の業務や教育機関、個人の動画制作など、何かの業務においてPCの画面全体を録画して共有していきたいこともあるでしょう。Macではデフォルトの機能で画面録画が手軽に行えますが、Windowsはゲームバーという画面録画ができる機能はありますが...
続きを読む>>

Webサイトのスマートフォンやタブレット端末に対応したメニューは、よくある3本線アイコンのハンバーガーメニューで、グローバルナビゲーションの表示・非表示を切り替える仕様で、主にCSSとJavaScriptまたはJavaScriptライブラリ...
続きを読む>>