Webエンジニアのブログ

Webで使える画像のフォーマットは、JPEGやPNG、GIFなど多くのフォーマットがあります。Webサイトでも画像をよく利用していくわけですが、画質や透明色の利用、色数やサイズ容量といろんな特徴を考えて、適した画像を使い分けていきます。 昨...
続きを読む>>

WebサイトやWebアプリケーションのテスト開発をしたり、またPHPプログラミングを学んだりする時には、MAMP（マンプ）やXAMPP（ザンプ）といったパッケージソフトウェアでローカル開発環境を構築してプログラムを動かしていくことでしょう。...
続きを読む>>

CSS3から追加されたFlexboxは、PCからタブレット端末、スマートフォン端末に対応したレスポンシブWebデザインのレイアウト構築に優れています。要素の横並びから要素の高さを揃えたり、また上下左右中央寄せなども手軽に実装することができま...
続きを読む>>

Photoshopの機能のフレームツールを使うことで、簡単にマスクをかけることができます。こちらは2018年10月から追加された機能になります。AdobeのCreative Cloudをご利用の方は手軽に最新版に更新して利用できますので、バ...
続きを読む>>

Web制作でHTMLやCSS、またJavaScriptやPHP、Pythonなどなど、ソースコードを書いていく上で必要なテキストエディタ。けっこう人気のあるGitHub製のAtomエディタは、無料ということもあり利用者も多いでしょう。 開発...
続きを読む>>

Amazonプライム会員は、Amazon Musicを追加料金なしで200万曲が聴き放題となっています。元々は100万曲でしたが、2019年9月以降に200万曲が聴き放題となりました。 iOSやiPadOS、Android端末のアプリを利用...
続きを読む>>

Web制作やWebアプリケーション開発の現場では、Google Chrome、Firefox、Safari、Microsoft Edgeといった多くのWebブラウザで表示や動作を確認することでしょう。 表示や動作の確認を行っていく中で、キャ...
続きを読む>>

macOS Catalina(macOS Catalina 10.15)から搭載されたSidecar機能で、iPadOSを外部ディスプレイとしてデュアルディスプレイ化ができるようになりました。 コンピュータでの作業スペースを広げて作業効率を...
続きを読む>>

Photoshopでデザインを作成する中で、画像を利用したデザインにマスク機能を使うことはよくあります。 マスクとは、画像自体を編集することなく選択した範囲を切り抜いて、不要な部分は隠す機能です。不要な部分を覆い隠すこと、マスキング（mas...
続きを読む>>

新型Macbook Proを購入して、複数のアプリケーションを立ち上げてもサクサク動くのでとても快適です。ただ、接続ポートが今までと違うということもあり、それによりちょっとだけ不便なこともあります。 ここ数年でMacBookは接続ポートがT...
続きを読む>>