Webエンジニアのブログ

人気のプログラミング言語「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）という画像フォーマットも開発が進められています。こ...
続きを読む>>

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

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

Processingで3Dグラフィックスを描画していくには、Processingの描画モード「P3D」を利用していきますが、macOSではエラーで実行結果が表示されないといった問題に遭遇することがあります。エディタのプログラムには、エラー箇...
続きを読む>>

Webサイト（ホームページ）やブログから、別のサービスとの連携を図りたいことはよくあります。昨今では音声メディアが注目されつつあり、その音声メディアの一つである「stand.fm (スタンドエフエム)」も、ラジオのように自分のチャンネルを持...
続きを読む>>

CSSでデザインを構築していく中でSassを利用していくと、作業効率とメンテナンス性の高いコードを書いていくことができます。Sassでのコードの書き方はいろいろありますが、ここでは「@mixin（ミックスイン）」のコードの書き方についてご紹...
続きを読む>>

Webサイトの各ページのURLの末尾にある拡張子。表示があったり表示がないWebページがあったり気になったことはあるでしょう。Webに詳しい方は、どの言語でどのように作られているかがだいたい想像できますが、この拡張子は特に表示させる必要がな...
続きを読む>>