Webエンジニアのブログ

Webサイト制作で気になる項目として、Webページの表示速度の改善は心がけていることでしょう。いろんな改善策がある中で、ソースコードも文字数からスペース、改行など、様々な情報がデータの量としてファイルサイズが決まってきますので、情報の量が多...
続きを読む>>

Webサイトでのテーブルを使ったデザインは、レスポンシブWebデザインに対応する際には、表の作成で使うtableタグで構築されたものを、CSSでセルを縦並びにしたりいろいろスタイル調整を駆使して、画面幅に合わせて最適化していくことでしょう。...
続きを読む>>

CSSのContainer Queries（コンテナクエリ）は、要素を基準としてスタイルを適応することができる機能です。レスポンシブWebデザインのレイアウト構築をしていく際に便利に活用することができます。 これまでのレスポンシブWebデザ...
続きを読む>>

Google Workspaceや無料のGoogleアカウントで利用できるGoogleのスプレッドシートは、データや情報を共有する際に活用されているかと思います。 情報を共有するにあたり、複数人でデータを利用する際に、編集されては困る部分や...
続きを読む>>

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

MacやWindows PCで手軽にテスト用の開発環境が準備できるMAMP。利用するにあたり少し気になる設定が、PHPソフトウェアのバージョンかと思います。 MAMPはリリースされた時のバージョンによって、利用できるPHPバージョンがメジャ...
続きを読む>>

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

MicrosoftのExcelやWord、PowerPointといったアプリケーションは、多くの企業や個人がMicrosoftのサブスクリプションサービス「Microsoft 365」で利用していることでしょう。 作成した文書や資料を共有す...
続きを読む>>

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

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