はじめに

今回のD.M.C.【デベメモドットコム】の記事は「第4回 便利なオススメWEBツール5選メモ」ということで、Web上に公開されている様々な便利なツールをご紹介していきたいと思います。

LUFTTOOLS

1つ目に紹介するのは「LUFTTOOLS」

制作時役立つツール集サイトで「パスワード生成」「.htpasswd ファイル作成」「メールアドレス暗号化」「文字数カウント」「IPアドレス」「環境変数確認」の6つのツールをこの一つのサイトで使用する事ができます。

UIもシンプルで非常に使いやすいのでオススメです。

LUFTTOOLSサイトへ

CLOSE / 閉じる

Embed Responsively

2つ目にに紹介するのは「Embed Responsively」

YouTubeとGoogleMapをサイトへ埋め込む際にCSSでレスポンシブ対応するのが一般的だと思いますが、この「Embed Responsively」ツールを使えばURLを貼り付けるだけで、レスポンシブ対応した埋め込みコードを吐き出してくれます。

ちょっとした事ですが、意外にめんどうだったりするので、オススメです。

また上記二つのサービスの他に「Viemo」「Dailymotion」「Instagram」「Vine」「Getty Images」「Generic iFrame」にも対応しています。

Embed Responsivelyサイトへ

CLOSE / 閉じる

PXtoEM.com

3つ目に紹介するのは「PXtoEM.com」

こちらのツールは基準値のフォントサイズを指定する事で相対的なサイズを一覧にしてくれます。

サイト制作時のCSSで単位を変換する時には結構役立ちます。

PXtoEM.comサイトへ

CLOSE / 閉じる

RQRWD

4つ目に紹介するのは「RQRWD」

レスポンシブサイト制作時にpxから%に変換する際に数値を入力するだけで、計算してくれるツールです。

見やすく使いやすいのでオススメです。

RQRWDサイトへ

CLOSE / 閉じる

AccessAlarm

最後に紹介するのは「AccessAlarm」

このツールはGoogleアナリティクスからのレポートをメールまたはチャットワークのツールに通知してくれるサービスです。

また503エラーを検知した時も通知してくれるので、早急に対応する事ができます。

AccessAlarmサイトへ

CLOSE / 閉じる

感想

今回の第4回で紹介したツールはいかがだったでしょうか？

次回も便利なツールを紹介したいと思いますのでお楽しみに。