Webエンジニアのブログ

長年利用しているMAMPのローカル開発環境も、時代に合わせて最新バージョンでテスト開発をしていくことが必要ですが、MAMPをアップグレードすることで最新バージョンのアプリケーションを利用していくことができます。今回は、Macのローカル開発環...
続きを読む>>

Webで利用できる画像フォーマットは、昔ながらのJPEGやGIF、PNGとありますが、昨今ではWEBPやAVIFといった軽量な画像形式も使われるようになり、さらにはJPEG XL（.jxl）という画像フォーマットも開発が進められています。こ...
続きを読む>>

Sassの書き方も新しい機能が追加されアップデートする中で、Sassのコンパイル方法として、Sass公式がDart Sassを推奨しており、今後はDart Sassを利用していくことになるでしょう。ここではDart Sassを手軽にコンパイ...
続きを読む>>

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

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

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

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

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

昨今ではWordPressなどの、CMSで構築したWebサイトやブログサイトで、手軽に記事を投稿されることでしょう。新規記事の投稿後、SNS等でファンの数が多ければ、投稿記事をシェアするなどしてある程度のアクセスは見込めますが、それほど多く...
続きを読む>>

CSSコーディングの作業効率を上げることができるSassは、コンパイルするのにGUIツールやコマンド操作といろんな方法がありますが、Visual Studio Codeの拡張機能「Live Sass Compiler」を利用することで、Sa...
続きを読む>>