Webクリエイター必見!参考にすべきジェネレーターサービス厳選10!

Web制作をしていると毎回似たような作業や、最終制作物でないダミーやサンプルの作成作業などで余計な時間を使ってしまうことが多々有ります。

そんなときに、意外と便利なジェネレーター系Webサービスをご紹介します。
私自身が使ったことのあるサービスに限定しておりますので、他にもオススメがあれば是非教えて下さい。

1. .htaccessファイルを簡単作成

.htaccess ファイルを簡単作成「.htaccess Editor」

http://www.htaccesseditor.com/

あまり記述する機会もないことから、毎回調べて書いたりすることが億劫でした。このサービスでは、条件をいれていくだけで、カンタンに.htaccessファイルに作成することができます。

2. Webページサムネイル作成

thumbalizr – thumb your webpages

http://www.thumbalizr.com/

こちらはWebページのサムネイルイメージを生成してくれるサービスです。ターゲットURLをいれることで、該当のWebページのスクリーンショットでサムネイルを生成してくれます。

3. ニセ個人情報作成

なんちゃって個人情報

http://kazina.com/dummy/

なかなか使う機会はないかもしれないですが、個人情報(名前、住所、電話番号、年齢など)って意外とダミーで用意するの大変ですよね。こちらでは出力方法も設定することができ、たくさんの個人情報を作り出すことができます。

4. ステンドグラス風パターン背景作成

Trianglify by @qrohlf

http://qrohlf.com/trianglify/

ステンドグラスのような雰囲気のパターンイメージを作成できます。Javascriptで生成しているため、毎回色を変えるWeb背景などにも設定できます。SVGでDL、設定することも可能です。

5. ダミーイメージ作成

Dynamic Dummy Image Generator

http://dummyimage.com/

ダミーイメージを生成することができます。また、直接リンクを貼ることもできるため、以下のように使うことも可能です。
<img src="http://dummyimage.com/60x40/000/fff.png" />

6. CSSパターン画像作成

PATTERNIFY

http://www.patternify.com/

画像を使わずBase64 Codeによって出力し、CSSで設定できます。カンタンです!

.myDiv{
    background:url(
        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQIW2NkgILHjx//l5WVZQRxwQQIoAiCODAJGI1dJTbtACFqE6729ODqAAAAAElFTkSuQmCC
    ) repeat;
}

7. ノイズパターン作成

Noise Texture Generator

http://www.noisetexturegenerator.com/

ノイズがはいったパターンを生成、ダウンロードできます。少しノイズが入ると雰囲気も変わって高品質にみえたりしますね。

8. iOS, Androidのアプリアイコン作成

Makeappicon – Generator

http://makeappicon.com/

Web制作とはちょっと違いますが、アプリのアイコンを作ってくれるジェネレーターです。iOS, Androidのアプリアイコンはたくさんのサイズ別で作る必要があるので、とても便利。

9. 埋め込みイメージ作成

Placeit

https://placeit.net/

指定した画像を、iPadやMacのスクリーンに埋め込んでくれます。そして埋め込み済みのイメージは無料で使えるので、サービスなどのWeb制作にはもってこいですね。

10. Webカラーコーディネート

HUE / 360

http://hue360.herokuapp.com/

ジェネレーターという感じではないですが、一つベースカラーを選ぶと、それに応じたカラーを残して選択していくことができるカラーコーディネート支援サービスという感じです。


どうでしたか?
少なくても一度は使ったことのある(ブックマークに存在する)ものを上げてみました。
どれも、面倒な作業を効率よくしてくれるツールです。

みなさんのオススメがあれば教えて下さいね。

フォローして続編をチェック

@universionsをフォロー