Webエンジニアのブログ

WordPressは世界的に人気のあるCMSとして、Web制作の現場で広く使われていますが、少しだけHTMLやCSSを理解していたり、PHPスクリプトが書けるという方は、ご自身でデザインをカスタマイズしていくことでしょう。 WordPres...
続きを読む>>

CSSファイルや、JavaScriptを記述して読み込んでいる外部ファイル（JSファイル）は、半角スペースや改行、コメントなど、無駄を省くことでファイルサイズを軽くすることができます。ファイルを圧縮・軽量化（Minify）することで、ファイ...
続きを読む>>

多くのデバイスに対応させるWebサイトの制作では、CSSのメディアクエリを使ってレスポンシブWebデザインを実装していきますが、Sassを使ったWeb制作でも、ベースとなるスタイルの後にメディアクエリを使う、またはネスト（入れ子）でメディア...
続きを読む>>

Web制作でSassを導入してCSSを生成していく中、ディレクトリ構造（フォルダ・ファイル構成）をしっかり作っておくと、Sass(scss)ファイルの管理がしやすくなります。 Sassを複数ファイルとして分割管理することで、編集する箇所...
続きを読む>>

人気のプログラミング言語「Python」。Pythonは言語が簡単で読み書きしやすく、Windows、Mac、Linuxと主要OSでサポートされており、多くのプラットフォームで動作するのが特徴で、昨今では、AIを活用したデータ分析やIOT開...
続きを読む>>

Webサイトのコンテンツとして、とても重要な写真やイラストなどの画像。綺麗な写真をどのように見せて、写真コンテンツとして情報を伝えるか。写真もデザインの1つです。 アイコンやイラストなどの画像もそうですが、写真の画像も綺麗な画質でWebに載...
続きを読む>>

手軽にローカル開発環境がPCに構築できるMAMP。Web制作やWebアプリケーション開発、またPHPなどのサーバーサイドスクリプトを学んでいる方は利用されていることでしょう。 MAMPに搭載されているWeb ServerのApachやNgi...
続きを読む>>

Webで利用できる画像フォーマットは、昔ながらのJPEGやGIF、PNGとありますが、昨今ではWEBPやAVIFといった軽量な画像形式も使われるようになり、徐々にではありますが多くのWebブラウザに対応してきました。 さらに、2019年ごろ...
続きを読む>>

昨今のWeb制作では、CSSを効率的に書くことができるSass（SCSS記法）で記述する手法を採用しているところも増えておりますが、Sassの書き方も新しい機能が追加されたり、時代によってアップデートされます。 Sassのコンパイル方法とし...
続きを読む>>

Webサイトで画像を利用していく中で、使用する画像データの解像度やアスペクト比（縦横比）によっては、 サイズがバラバラだったりして、利用しにくいことがあります。 Webデザインを制作する段階で、AdobeのPhotoshopやXDなどのツー...
続きを読む>>