<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>DesignWalker &#187; generator</title>
	<atom:link href="http://www.designwalker.com/tag/generator/feed" rel="self" type="application/rss+xml" />
	<link>http://www.designwalker.com</link>
	<description>ロサンゼルスで働くウェブデザイナーの日記。</description>
	<lastBuildDate>Wed, 29 Jun 2011 06:24:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/tag/generator/feed" />
		<item>
		<title>感覚で使えそうなウェブデザイン ジェネレータ集</title>
		<link>http://www.designwalker.com/2008/03/template-generator.html</link>
		<comments>http://www.designwalker.com/2008/03/template-generator.html#comments</comments>
		<pubDate>Wed, 05 Mar 2008 19:24:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[ジェネレータ]]></category>
		<category><![CDATA[テンプレート]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2008/03/%e6%84%9f%e8%a6%9a%e3%81%a7%e4%bd%bf%e3%81%88%e3%81%9d%e3%81%86%e3%81%aa%e3%82%a6%e3%82%a7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3-%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e9%9b%86.html</guid>
		<description><![CDATA[
			
				
			
		
凝ったデザインのブログやサイトを作りたいけど、何もないところから、スタートするのは結構大変ですよね。
そんな時には、テンプレートジェネレータがおすすめです。
今回は、なるべく感覚で使えそ [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F03%2Ftemplate-generator.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F03%2Ftemplate-generator.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>凝ったデザインのブログやサイトを作りたいけど、何もないところから、スタートするのは結構大変ですよね。</p>
<p>そんな時には、テンプレートジェネレータがおすすめです。</p>
<p>今回は、なるべく感覚で使えそうなウェブデザインのテンプレートジェネレータをいくつかまとめてみました。</p>
<h4><a title="Wix.com - Make free flash websites" href="http://www.wix.com/">Wix.com &#8211; Make free flash websites</a></h4>
<p>こちらのサイトは、flashのサイトを作るときに使えるジェネレータです。残念ながら、まだClosedBetaバージョンで、ログインすることができなかったのですが、既に、いろいろとテンプレートが公開されていて、なかなか期待できそうなサービスですね。正式オープンが楽しみです。</p>
<p align="center"><a title="Wix.com - Make free flash websites" href="http://www.wix.com/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator01.jpg" border="0" alt="Wix.com - Make free flash websites" /><br />
</a></p>
<h4><a title="dotemplate.com - Free online web template generator" href="http://www.dotemplate.com/">dotemplate.com &#8211; Free online web template generator</a></h4>
<p>こちらは、XHTMLとCSSのテンプレートを生成してくれます。サンプルからテンプレートを選んでカスタマイズできます。</p>
<p align="center"><a title="dotemplate.com - Free online web template generator" href="http://www.dotemplate.com/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator02.jpg" border="0" alt="dotemplate.com - Free online web template generator" /><br />
</a></p>
<h4><a title="Weebly - Create a free website and a free blog" href="http://www.weebly.com/">Weebly &#8211; Create a free website and a free blog</a></h4>
<p>デザインを選択して、エレメントをドラッグ&amp;ドロップしていくだけで、きれいなサイトが出来上がっていきます。</p>
<p align="center"><a title="Weebly - Create a free website and a free blog" href="http://www.weebly.com/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator03.jpg" border="0" alt="Weebly - Create a free website and a free blog" /><br />
</a></p>
<h4><a title="Movable Type Design Assistant" href="http://www.movabletype.org/design/assistant/">Movable Type Design Assistant</a></h4>
<p>Movable Typeをお使いの方には、便利なデザインアシスタント。</p>
<p align="center"><a title="Movable Type Design Assistant" href="http://www.movabletype.org/design/assistant/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator09.jpg" border="0" alt="Movable Type Design Assistant" /><br />
</a></p>
<h4><a title="TypePad Design Assistant" href="http://www.typepad.com/go/design-assistant/">TypePad Design Assistant</a></h4>
<p>こちらは、TypePad版のデザインアシスタントです。</p>
<p align="center"><a title="TypePad Design Assistant" href="http://www.typepad.com/go/design-assistant/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator10.jpg" border="0" alt="TypePad Design Assistant" /><br />
</a></p>
<h4><a title="cssez.com - 無料のホームページ・ブログ用デザインテンプレート作成ツール" href="http://jp.cssez.com/">cssez.com &#8211; 無料のホームページ・ブログ用デザインテンプレート作成ツール</a></h4>
<p>感覚で使えても、やっぱり日本語で使える方がうれしいですね。。。日本の主要なブログにも対応しているのも便利ですね。</p>
<p align="center"><a title="cssez.com - 無料のホームページ・ブログ用デザインテンプレート作成ツール" href="http://jp.cssez.com/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator04.jpg" border="0" alt="cssez.com - 無料のホームページ・ブログ用デザインテンプレート作成ツール" /><br />
</a></p>
<h4><a title="YAML Builder | A tool for visual layout development of YAML based CSS layouts" href="http://builder.yaml.de/">YAML Builder | A tool for visual layout development of YAML based CSS layouts</a></h4>
<p>ポップアップしているウインドウから、いろいろと設定していくと、テンプレートが完成していきます。</p>
<p align="center"><a title="YAML Builder | A tool for visual layout development of YAML based CSS layouts" href="http://builder.yaml.de/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator05.jpg" border="0" alt="YAML Builder | A tool for visual layout development of YAML based CSS layouts" /><br />
</a></p>
<h4><a title="Web2.0 - templatr - Template Generator" href="http://templatr.cc/">Web2.0 &#8211; templatr &#8211; Template Generator</a></h4>
<p>編集したい部分をクリックして、個別に細かく設定していくことができます。</p>
<p align="center"><a title="Web2.0 - templatr - Template Generator" href="http://templatr.cc/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator06.jpg" border="0" alt="Web2.0 - templatr - Template Generator" /><br />
</a></p>
<h4><a title="PsycHo: Free Template Generator" href="http://psyc.horm.org/">PsycHo: Free Template Generator</a></h4>
<p>こちらも、templatr同様にクリックして、個別に設定していくタイプ。</p>
<p align="center"><a title="PsycHo: Free Template Generator" href="http://psyc.horm.org/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator07.jpg" border="0" alt="PsycHo: Free Template Generator" /><br />
</a></p>
<h4><a title="Letterpop" href="http://letterpop.com/">Letterpop</a></h4>
<p>こちらのサイトはウェブデザイン用ではありませんが。。。ニュースレター用のジェネレータです。そのまま、送信までできます。一回の送信で25通まで年間250メールまでの送信は無料です。</p>
<p align="center"><a title="Letterpop" href="http://letterpop.com/"><br />
<img src="http://www.designwalker.com/img/template_generator/template_generator08.jpg" border="0" alt="Letterpop" /><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/03/template-generator.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/03/template-generator.html" />
	</item>
		<item>
		<title>ウェブデザインに使える16のジェネレーターツール</title>
		<link>http://www.designwalker.com/2007/01/generator.html</link>
		<comments>http://www.designwalker.com/2007/01/generator.html#comments</comments>
		<pubDate>Tue, 23 Jan 2007 13:13:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[ジェネレーター]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[便利ツール]]></category>
		<category><![CDATA[無料ツール]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/01/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab%e4%bd%bf%e3%81%88%e3%82%8b16%e3%81%ae%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e3%83%84%e3%83%bc%e3%83%ab.html</guid>
		<description><![CDATA[
			
				
			
		
web2.0のこのご時世、いろいろな便利ツールが無料で公開されております。
専門的な知識の無い方でも、データを入力すればジェネレーターが作り上げてくれます。

例えば、サイト名を入力する [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F01%2Fgenerator.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F01%2Fgenerator.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>web2.0のこのご時世、いろいろな便利ツールが無料で公開されております。<br />
専門的な知識の無い方でも、データを入力すればジェネレーターが作り上げてくれます。</p>
<p>
例えば、サイト名を入力するだけで、ロゴを作ってくれたり･･･色を指定するだけで、テンプレート作ってくれたり。。。<br />
えらい便利な世の中になりましたねぇ。。。</p>
<p>
っちゅうわけで、本日は便利なジェネレーターツールをざっと、まとめてみたのじゃ。</p>
<p>
<strong>1. <a href="http://www.lightsphere.com/dev/web20.html" target="_blank">Web 2.0 Name Generator</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.lightsphere.com/dev/web20.html" target="_blank"><img src="http://img.simpleapi.net/small/http://www.lightsphere.com/dev/web20.html" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>サイトを作るときは、サイト名、ドメイン名って最初に悩みますよねぇ~。このサイトは、クリックするだけで、web2.0的？な、名前を生成（ジェネレート）してくれます。ついでに、そのドメインが取得可能かどうかまで、チェックしてくれますねん。</p>
<div style="clear: both"></div>
<p><strong>2. <a href="http://web2.0stylr.com/stylr.aspx" target="_blank">web2.0stylr</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://web2.0stylr.com/stylr.aspx" target="_blank"><img src="http://img.simpleapi.net/small/http://web2.0stylr.com/stylr.aspx" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>サイトのタイトルを入力したら、グラデーション、鏡に映ったような効果を使った、web2.0的なロゴを作ってくれます。色も指定できます。</p>
<div style="clear: both"></div>
<p><strong>3. <a href="http://www.says-it.com/seal/index.php" target="_blank">Official Seal Generator</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.says-it.com/seal/index.php" target="_blank"><img src="http://img.simpleapi.net/small/http://www.says-it.com/seal/index.php" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>丸～いワッペンみたいな画像を作れます。枠のデザインとか、中のイラスト、色、フォントなど・・・いろいろ細かな設定ができます。</p>
<div style="clear: both"></div>
<p><strong>4. <a href="http://www.fodey.com/generators/newspaper/snippet.asp" target="_blank">The Newspaper Clipping Generator</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.fodey.com/generators/newspaper/snippet.asp" target="_blank"><img src="http://img.simpleapi.net/small/http://www.fodey.com/generators/newspaper/snippet.asp" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>新聞のタイトル、日付、見出し、記事を入力したら･･･新聞の切り抜き画像を作ってくれます。なかなか、面白いアイデアですね。。。</p>
<div style="clear: both"></div>
<p><strong>5. <a href="http://www.warninglabelgenerator.com/" target="_blank">WARNING LABEL GENERATOR</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.warninglabelgenerator.com/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.warninglabelgenerator.com/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>台座になるデザイン、アイコン、テキストを入力すると、警告用の画像を作成できます。</p>
<div style="clear: both"></div>
<p><strong>6. <a href="http://www.twistermc.com/shake/RSS-index.php" target="_blank">Chicklet Creator Classic</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.twistermc.com/shake/RSS-index.php" target="_blank"><img src="http://img.simpleapi.net/small/http://www.twistermc.com/shake/RSS-index.php" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>サイト名、サイトurl、フィードurlを入力するだけで、いろんなサイトがサービスしてるRSSリーダーへの登録ボタンを生成してくれます。<br />
ブログのサイドバーにあると便利？。。</p>
<div style="clear: both"></div>
<p><strong>7. <a href="http://www.buttonator.com/" target="_blank">buttonator</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.buttonator.com/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.buttonator.com/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>テキスト、デザインを選択するだけで、簡単にボタンが作れます～。</p>
<div style="clear: both"></div>
<p><strong>8. <a href="http://tools.dynamicdrive.com/favicon/" target="_blank">FavIcon Generator</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://tools.dynamicdrive.com/favicon/" target="_blank"><img src="http://img.simpleapi.net/small/http://tools.dynamicdrive.com/favicon/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>ロゴとかの画像ファイルを送信するだけで、簡単にfaviconファイルを生成してくれます～。</p>
<div style="clear: both"></div>
<p><strong>9. <a href="http://www.colorschemer.com/online.html" target="_blank">Color Schemer Online</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.colorschemer.com/online.html" target="_blank"><img src="http://img.simpleapi.net/small/http://www.colorschemer.com/online.html" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>ひとつの色を選択すると、その色にあった、色を提案してくれる。バランスの取れたデザインが作れますねぇ～。</p>
<div style="clear: both"></div>
<p><strong>10. <a href="http://wellstyled.com/tools/colorscheme2/index-en.html" target="_blank">Color Scheme Henerator2</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://wellstyled.com/tools/colorscheme2/index-en.html" target="_blank"><img src="http://img.simpleapi.net/small/http://wellstyled.com/tools/colorscheme2/index-en.html" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>こちらも、バランスの取れた色味を生成してくれるサイト。</p>
<div style="clear: both"></div>
<p><strong>11. <a href="http://www.degraeve.com/color-palette/index.php" target="_blank">Color Palette Generator</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.degraeve.com/color-palette/index.php" target="_blank"><img src="http://img.simpleapi.net/small/http://www.degraeve.com/color-palette/index.php" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>画像から、ウェブカラーを抽出してくれる。お気に入りの写真とか、画像から、色味を抽出。</p>
<div style="clear: both"></div>
<p><strong>12. <a href="http://www.roundedcornr.com/" target="_blank">RoundedCornr</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.roundedcornr.com/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.roundedcornr.com/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></p>
</div>
<p>角丸の枠を生成して、html、css、画像がダウンロードできます。グラデーション、ボーダーにも対応。</p>
<div style="clear: both"></div>
<p><strong>13. <a href="http://www.ajaxload.info/" target="_blank">Ajaxload</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.ajaxload.info/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.ajaxload.info/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>タイプと色を選択したら、Ajaxを使ったサイトでよく見かける、クルクル～ってgifアニメーションをダウンロードできます。</p>
<div style="clear: both"></div>
<p><strong>14. <a href="http://services.nexodyne.com/email/index.php" target="_blank">E-Mail Icon Generator</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://services.nexodyne.com/email/index.php" target="_blank"><img src="http://img.simpleapi.net/small/http://services.nexodyne.com/email/index.php" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>hotmailとかyahoo、gmailなんかの、メールアドレスを入力するだけで、簡単に自分のメールアドレスの入った、ロゴ入りの画像を作ってくれます～。</p>
<div style="clear: both"></div>
<p><strong>15. <a href="http://www.web20generator.com/index.aspx" target="_blank">Web 2.0 Generator</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.web20generator.com/index.aspx" target="_blank"><img src="http://img.simpleapi.net/small/http://www.web20generator.com/index.aspx" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a></div>
<p>色を指定するだけで、web2.0っぽいサイトを生成してくれます～。</p>
<div style="clear: both"></div>
<p><strong>16. <a href="http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php" target="_blank">CSS Source Ordered Variable Border 1-3 Columned Page Maker</a></strong></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php" target="_blank"><img src="http://img.simpleapi.net/small/http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a>
</div>
<p>サイトのレイアウトを生成してくれます。ここまで、指定できたら普通にhtml,CSS書いた方がいいのでは？っちゅうくらい細かい設定ができます。</p>
<div style="clear: both"></div>
<p>他にもまだまだ、使えるジェネレーターはいっぱいあると思います。<br />
おもしろジェネレーター、使えるジェネレーターなどなど、見つけた方はコメントいただけると幸いでございます。。</p>
<div align="center">
<a href="http://blog.with2.net/link.php?360074" target="_blank" onfocus="this.blur()"><img src="/images/ranking.gif" alt="デザインblogランキング" title="デザインblogランキング" /><span class="hide">デザインblogランキング</span></a>
</div>
<div id="adsense_block">
<script type="text/javascript"><!--
google_ad_client = "pub-6654816688662058";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-10-25: DW記事下（大）
google_ad_channel = "9084044007";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "5ABCD9";
google_color_text = "000000";
google_color_url = "D63597";
//--></script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/01/generator.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/01/generator.html" />
	</item>
	</channel>
</rss>

