Webエンジニアのブログ

Webで使える画像のフォーマットは、JPEGやPNG、GIFなど多くのフォーマットがありますが、「WebP（ウェッピー）」という画像フォーマットの登場で画像の軽量化して、Webサイトの表示速度を改善することもできるようになりました。ここでは...
続きを読む>>

PHPプログラムに間違いがあればエラーとなりますが、MAMP（マンプ）やXAMPP（ザンプ）などのローカル開発環境のデフォルトの設定ではエラーの内容が表示されません。PHPの設定ファイル（php.ini）で表示/非表示の設定をする必要があり...
続きを読む>>

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

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

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...
続きを読む>>

iPhoneはiOS 13以降、またiPadのiPadOSでは標準のwebブラウザのSafariで、webページ全体のスクリーンショットを撮ることができるようになりました。 一般的にはそんなに利用することはないと思いますが、仕事などビジネス...
続きを読む>>