Googleアナリティクス4の導入、アップグレード方法
Webサイトを訪問したユーザーの行動を分析することができる便利なアクセス解析ツールのGoogleアナリティクス。最新バージョンとなる「Googleアナリティクス4(GA4)」がリリースされ、時代にあった分析・計測ができるようになりました。こ...
続きを読む>>
Webサイトを訪問したユーザーの行動を分析することができる便利なアクセス解析ツールのGoogleアナリティクス。最新バージョンとなる「Googleアナリティクス4(GA4)」がリリースされ、時代にあった分析・計測ができるようになりました。こ...
続きを読む>>
WordPressは世界的に人気のあるCMSとして、Web制作の現場で広く使われていますが、少しだけHTMLやCSSを理解していたり、PHPスクリプトが書けるという方は、ご自身でデザインをカスタマイズしていくことでしょう。 WordPres...
続きを読む>>
CSSファイルや、JavaScriptを記述して読み込んでいる外部ファイル(JSファイル)は、半角スペースや改行、コメントなど、無駄を省くことでファイルサイズを軽くすることができます。ファイルを圧縮・軽量化(Minify)することで、ファイ...
続きを読む>>
多くのデバイスに対応させるWebサイトの制作では、CSSのメディアクエリを使ってレスポンシブWebデザインを実装していきますが、Sassを使ったWeb制作でも、ベースとなるスタイルの後にメディアクエリを使う、またはネスト(入れ子)でメディア...
続きを読む>>
Web制作でSassを導入してCSSを生成していく中、ディレクトリ構造(フォルダ・ファイル構成)をしっかり作っておくと、Sass(scss)ファイルの管理がしやすくなります。ここでは、Sassファイルを分割管理する方法について、Dart...
続きを読む>>
人気のプログラミング言語「Python」。Pythonプログラミングの学習や、Pythonでのアプリケーション開発を進めていくには、パソコンに開発できる環境を準備していく必要があります。ここでは、Windows PCにPythonをインスト...
続きを読む>>
Webデザインの1つとして重要な、写真やイラストなどの画像の読み込み。PCやタブレット端末、スマートフォン等のデバイス幅や、Retinaディスプレイでの表示のほか、Webブラウザで対応しているWebP等の画像フォーマットなど、HTMLで画像...
続きを読む>>
長年利用しているMAMPのローカル開発環境も、時代に合わせて最新バージョンでテスト開発をしていくことが必要ですが、MAMPをアップグレードすることで最新バージョンのアプリケーションを利用していくことができます。今回は、Macのローカル開発環...
続きを読む>>
Webで利用できる画像フォーマットは、昔ながらのJPEGやGIF、PNGとありますが、昨今ではWEBPやAVIFといった軽量な画像形式も使われるようになり、さらにはJPEG XL(.jxl)という画像フォーマットも開発が進められています。こ...
続きを読む>>
Sassの書き方も新しい機能が追加されアップデートする中で、Sassのコンパイル方法として、Sass公式がDart Sassを推奨しており、今後はDart Sassを利用していくことになるでしょう。ここではDart Sassを手軽にコンパイ...
続きを読む>>