M-LAB
Macの遊び方

WEB制作

Macでタイミング良くスクリーンショットを撮る方法

Macでタイミング良くスクリーンショットを撮る方法

特定の操作中だけ表示される画面や、動きがある画面のスクリーンショットを、Macの標準機能だけでタイミング良く撮影する方法について解説します。

Macの標準機能でスクリーンショットを撮る方法

Macの標準機能でスクリーンショットを撮る方法

ブログ記事を書いているとスクリーンショットを撮る機会が多いのですが、Macは色々な方法でスクリーンショットが撮れるので、外部のアプリを探す前にMacの標準機能でスクリーンショットを撮る方法(6種類)についてまとめてみました。

Macで使えるコントラストを数値化できるフリーソフト

Macで使えるコントラストを数値化できるフリーソフト

WEBサイトの配色を考える際に役に立つ、背景色と文字色のコントラストを数値化できるContrasteというフリーソフトを紹介します。

Automatorを使ってImageOptimを自動化する方法

Automatorを使ってImageOptimを自動化する方法

ブログの高速化のために使っているフリーの画像圧縮ソフトのImageOptimを、MacのAutomatorを使って自動化してみました。

Macのショートカット.appでウインドウをリサイズする方法

Macのショートカット.appでウインドウをリサイズする方法

ブログ用のスクリーンショットを撮る時などに使える、Macのショートカット.appを使ってウインドウを指定サイズにリサイズする方法について解説します。

MacのAutomatorで画像ファイルを自動リサイズする方法

MacのAutomatorで画像ファイルを自動リサイズする方法

WEB用の画像を作る際に便利な小技として、MacのAutomatorを使って画像ファイルを決まった固定サイズに自動でリサイズする方法について解説します。

PixaveでWEBページをまるごとキャプチャーする

PixaveでWEBページをまるごとキャプチャーする

WEBサイトの画像管理用に使っているPixaveですが、WEBサイトをまるっとキャプチャーできる機能もあるので、実際に使ってみました。

PixaveでWEBサイトやブログ用の画像を一元管理する

PixaveでWEBサイトやブログ用の画像を一元管理する

WEBサイトやブログに使用する画像を一元管理するために、Macで使えるPixaveという画像管理アプリを使ってみました。

ImageOptimでWEB用の画像を圧縮する

ImageOptimでWEB用の画像を圧縮する

WEBサイトを高速化するために、Macで使えるフリーの画像圧縮ソフトのImageOptim(イメージオプティム)を使って、画像のサイズを縮小してみました。

ChromeのツールでWEBサイトのスコアと改善点を調べる

ChromeのツールでWEBサイトのスコアと改善点を調べる

GoogleChromeに標準で付いてるLighthouseというWEBサイト診断ツールを使って、自分のサイトのスコアと改善方法について調べてみました。