M-LAB
Macの遊び方

WEB制作

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サイト診断ツールを使って、自分のサイトのスコアと改善方法について調べてみました。

MacのMAMP環境でバーチャルホストを使って複数サイト構築する

MacのMAMP環境でバーチャルホストを使って複数サイト構築する

MAMPで構築したMacのローカルWEBサーバーにWordPressをインストールしましたが、WordPress以外にもPHPの開発をしたいので、バーチャルホストを使って複数サイト構築してみました。

MacのMAMP環境のローカルWEBサーバーでHTTPSを使う

MacのMAMP環境のローカルWEBサーバーでHTTPSを使う

MAMPで構築したMacのローカルWEBサーバーにHTTPSでアクセスできるようにしてみました。

MacのMAMP環境にlocalhost以外の名前でアクセスする

MacのMAMP環境にlocalhost以外の名前でアクセスする

MAMPで構築したMacのローカルWEBサーバーですが、ブラウザで開くときのアドレスをlocalhost以外の名前でアクセスできるようにしてみました。

MacのMAMP環境にWordPressをインストールする

MacのMAMP環境にWordPressをインストールする

MacのローカルサーバーでWordPressのテストができるように、MAMP環境にWordPressをインストールしました。

MacでWEB制作ができるようにMAMPの初期設定を行う

MacでWEB制作ができるようにMAMPの初期設定を行う

これから、MacでPHPを使ったWEB制作をしていくために、MAMPの初期設定をしてみました。

MacでWEB制作をするためにMAMPをインストールする

MacでWEB制作をするためにMAMPをインストールする

MacでPHPのWEBアプリ開発やWordPressのテストといったWEB制作をローカル環境でできるようにするために、MAMPをインストールしてみました。