<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title>K'conf | Blog</title>
<link>http://kenz0.s201.xrea.com/weblog/</link>
<description>便利なサイト、役に立つツール、驚きのアートからおもしろ動画までウェブで見つけた気になる話題を気ままに紹介するバラエティ情報ブログ</description>
<language>ja</language>
<lastBuildDate>Wed, 16 May 2012 07:21:50 +0900</lastBuildDate>
<item>
<title>宮崎アニメの代表作をミニマルな表現でリメイクしたポスター</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/miyazaki_anime_minimal_posters.html</link>
<description>
<![CDATA[<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/01.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/01.jpg" width="380" />
    </a>
</div><br clear="all"/>
<p>宮崎アニメの数々をミニマルな表現でリメイクしたポスターを描いたのはスペインのアニメーター・<strong><a href="http://ramonlandia-cartoons.blogspot.jp/">Ramón García</a></strong>さん。</p>
<p>少し前に紹介した<strong><a href="http://kenz0.s201.xrea.com/weblog/2012/03/miyazaki_anime_posters.html">エントリー</a></strong>もそうでしたが、世界のアニメーターの創造の源に宮崎作品が大きく関わっていることが、あらためて実感できる感じがします。</p>]]>
<![CDATA[<br />
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/02.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/02.jpg" width="380" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/03.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/03.jpg" width="380" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/04.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/04.jpg" width="380" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/05.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/05.jpg" width="380" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/06.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/06.jpg" width="380" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/07.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/07.jpg" width="380" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/08.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/08.jpg" width="380" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/09.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/09.jpg" width="380" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/16/10.jpg" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/16/10.jpg" width="380" />
    </a>
</div><br clear="all"/>
]]>
</description>
<category>art</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/miyazaki_anime_minimal_posters.html</guid>
<pubDate>Wed, 16 May 2012 07:21:50 +0900</pubDate>
</item>
<item>
<title>Story of Send : Gmailがどのように届くかを説明してくれるストーリーボード</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/story_of_send.html</link>
<description>
<![CDATA[&raquo; <a href="http://www.google.com/green/storyofsend/desktop/">The Story of Send</a> : <br />
<img src="http://kenz0.s201.xrea.com/images/2012/05/16/01.png" class="img_f1" />
<p>Gmailで送られたメールが相手に届くまでの仕組みを説明してくれるインタラクティブなストーリーボード。</p>
<p>Googleのデータセンター内を、まるで郵便局の社会科見学でもしているかのようなかたちで見せてくれる楽しい造りになっています。</p>
]]>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2012/05/16/03.png" class="img_f1" />
<img src="http://kenz0.s201.xrea.com/images/2012/05/16/05.png" class="img_f1" />
<img src="http://kenz0.s201.xrea.com/images/2012/05/16/06.png" class="img_f1" />
<img src="http://kenz0.s201.xrea.com/images/2012/05/16/07.png" class="img_f1" />
<p>スクロールやスライドをうまく使ったHTML5ベースのプレゼンテーションにGoogleのセンスの良さと技術力の高さが覗え、毎度のことながら感心させられます。</p>]]>
</description>
<category>web</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/story_of_send.html</guid>
<pubDate>Wed, 16 May 2012 06:07:41 +0900</pubDate>
</item>
<item>
<title>allw.me : リンクに秘密の合言葉を設定できるリダイレクトサービス</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/allw_me.html</link>
<description>
<![CDATA[&raquo; <a href="http://allw.me/">allw.me</a> : <br />
<img src="http://kenz0.s201.xrea.com/images/2012/05/15/04.png" class="img_f1" />
<p><strong><a href="http://allw.me/">allw.me</a></strong>はリンクに秘密の合言葉を設定できるリダイレクトサービス。</p>
<p>作成されたリダイレクトリンクで設定した質問に対する答えが入力されないと本来のリンク先に繋がないという仕組みです。</p>
]]>
<![CDATA[<br />
<p>このサービスの嬉しいところはちゃんと日本語が通るところ。</p>
<p>例えばこんな具合に、“<strong><a href="http://allw.me/actx">この画像はアラフォー限定</a></strong>”、という意図で利用したりしても面白いでしょう。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/15/05.png" class="img_f1" />
<p>（上のように間違った答えをいれると「ブルブル」っと拒否されますよ）</p>
<br />
<p>もちろんリンク先はウェブページに限定したわけではなく、ファイルに直接リンクを貼ることもできるので、上の例のように画像表示に一定の条件を設けたり、特定のユーザーだけにファイルのダウンロードを許可したりと、いろいろな活用ができるシンプルで汎用性の高いサービスだと思います。</p>]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/allw_me.html</guid>
<pubDate>Tue, 15 May 2012 21:47:20 +0900</pubDate>
</item>
<item>
<title>Soeng : 疲れた心に希望の光を取り戻させる素敵なミュージックビデオ</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/soeng.html</link>
<description>
<![CDATA[<p><img src="http://vimeo.com/favicon.ico" style="margin-right:4px;vertical-align:-12%;" /><strong><a href="http://vimeo.com/39251390">Soeng</a></strong></p><div class="zoom"><a href="http://vimeo.com/moogaloop_local.swf?clip_id=39251390&server=vimeo.com&autoplay=1&fullscreen=1&show_portrait=0&show_title=0&show_byline=0&context_id=&hd_off=0&color=93BE1D" class="mb" rel="width:800,height:450"><div class="zoom_p" title="再生"></div><img src="http://kenz0.s201.xrea.com/images/2012/05/15/03.png" alt="Soeng (Official Music Video of Near Light by Ólafur Arnalds) on Vimeo" /></a></div><br clear="all"/>
<p>仕事に追われ身も心もボロボロの日々。</p>
<p>終電にも乗り遅れて駅にたたずむ主人公。</p>
<p>そこに来るはずのない一本の電車が。</p>
<p>終着駅は『Soeng（想）』・・・。</p>]]>
<![CDATA[<br />
<p>『想』は中国語で想像、思考、という意味に加え、夢や希望という意味があるとのこと。</p>
<p>灰色の生活を見つめ直し、夢を持った生活を取り戻すための旅路を意図した作品です。</p>
<br />
<p>こちらは『<strong><a href="https://www.youtube.com/watch?v=UHVh_L_kv1Q">Near Light</a></strong>』という曲のPVとして制作されたということで、アンビエントな曲調とノスタルジックな映像が調和していい雰囲気を出しています。</p>
<br />
<p>ちょうど5月ということで、新社会人の皆さんにとっては疲れた心に希望の光を取り戻させる、ちょっといい作品ではないでしょうか。</p>]]>
</description>
<category>video</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/soeng.html</guid>
<pubDate>Tue, 15 May 2012 18:31:22 +0900</pubDate>
</item>
<item>
<title>Recursive Drawing : 再帰的な描画による斬新なドローイングのアイデア</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/recursive_drawing.html</link>
<description>
<![CDATA[&raquo; <a href="http://recursivedrawing.com/">Recursive Drawing</a> : <br />
<img src="http://kenz0.s201.xrea.com/images/2012/05/14/03.png" class="img_f1" />
<p><strong><a href="http://tobyschachman.com/">Toby Schachman</a></strong>氏が自身の研究の一環として開発している描画のための実験的なインターフェース。</p>
<p>『再帰的な描画』をコンセプトにしたこちらは、とりあえず実用性とか利便性とかはこの際置いておいて、考え方自体が非常に面白いので紹介してみます。</p>]]>
<![CDATA[<br />
<p>まずは下のビデオを見ていただくとおおよそ理解できると思いますが、基本として用意されているのは丸と四角の2つのオブジェクト。</p>
<p>この2つのオブジェクトを基にして再帰的に組み合わせながら描画していくというのが基本概念です。</p>
<br /><br />
<iframe src="http://player.vimeo.com/video/41822151" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<br /><br />
<p>丸と四角の2つのオブジェクトをドラッグするとキャンバスに描画され、オブジェクトの端にマウスをやるとリサイズ／回転ができます。</p>
<p>（Shiftを押しながらだとアスペクト比固定が解除され長方形／楕円として変形できる）</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/14/04.png" class="img_f1" />
<p>この時点で描画されたオブジェクトは3つめの新しいオブジェクトとして左に追加されます。</p>
<p>次に、空のオブジェクトを作って、そこに先ほど作った3つめオブジェクトをドラッグして配置していきます。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/14/05.png" class="img_f1" />
<p>この4つ目のオブジェクトは3つ目のオブジェクトを基にして作ったオブジェクトなので、3つ目のオブジェクトに変更を加えると4つ目のオブジェクトにもそれが反映されるというのが一つの特徴です。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/14/06.png" class="img_f1" />
<p>そして面白いのは、作成しているオブジェクトにそれ自身のオブジェクトをドラッグしてやると、そのコピーが再帰的に描画されていきます。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/15/01.png" class="img_f1" />
<p>一つのオリジナルのオブジェクトとその他コピーオブジェクトで構成され、オリジナルを変形するとコピー全部に同じ割合でそれが反映し、一方、コピーを変形すると再帰的な割合で変形が適用されることになります。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/15/02.png" class="img_f1" />
<p>この“再帰的に行なわれるオブジェクトの再描画”こそがこの手法の本質で、これを用いて絵を描くという発想は今までの描画ツールとは全く異次元の新しい描画手法だと思います。</p>
<p>ただ、今の段階では単なるアイデアのレベルで、実際、実装レベルではどういった提供のされ方をするのかは想像が付きませんが、興味深いアイデアであることは間違いありません。</p>
<br />
<p>と、ここまで説明しましたが、百聞は一見にしかず、実際にどのようなものか<strong><a href="http://recursivedrawing.com/">こちらのページ</a></strong>で試すことができるので各自で試してみていただければと思います。</p>
]]>
</description>
<category>design</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/recursive_drawing.html</guid>
<pubDate>Tue, 15 May 2012 05:53:08 +0900</pubDate>
</item>
<item>
<title>Snipt.net : 各種コードスニペットを対象にした投稿サイト</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/snipt.html</link>
<description>
<![CDATA[&raquo; <a href="https://snipt.net/">Snipt.net</a> : <br />
<img src="http://kenz0.s201.xrea.com/images/2012/05/14/01.png" class="img_f1" />
<p><strong><a href="https://snipt.net/">Snipt</a></strong>はいろいろなコードスニペットを扱う投稿サイト。</p>
<p>一般的なプログラミング言語からHTMまで様々なコードがタグ別で管理され公開されています。</p>]]>
<![CDATA[<br />
<p>スニペットは自由にコピーして利用できるほか下のように埋め込むことも可能です。</p>
<br />
<script type="text/javascript" src="https://snipt.net/embed/18a19f1ec0f3bf0783ec1ab2d52f161c/"></script>
<br />
<p>自由に誰でも投稿出来るということもあって、役に立つものからそうでないものまで雑然としていますが、特に開発者の方はたまにチェックしてみると面白いアイデアやハックが見つかるかもしれません。</p>
]]>
</description>
<category>web</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/snipt.html</guid>
<pubDate>Mon, 14 May 2012 22:23:02 +0900</pubDate>
</item>
<item>
<title>有名人の似顔絵イラストを365日描き続けるプロジェクト</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/jag_nagra_365.html</link>
<description>
<![CDATA[<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/36.png" class="mb">
        <div class="zoom_i" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/36.png" width="380" />
    </a>
</div><br clear="all"/>
<p>グラフィックデザイナー・<strong><a href="http://www.turntopage84.com/">Jag Nagra</a></strong>さんが今年1月から日課として行なっているプロジェクト『<strong><a href="http://www.turntopage84.com/365">365</a></strong>』は様々な著名人の似顔絵を一日一枚描くというもの。</p>
<p>映画のキャラクターからミュージシャン、歴史上の偉人などモデルは様々で、少ない線と色数にも関わらず特徴を押さえて表現された似顔絵はまさに職人芸の域です。</p>
]]>
<![CDATA[<br />
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/07.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/07.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/08.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/08.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/09.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/09.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/10.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/10.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/11.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/11.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/12.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/12.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/13.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/13.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/14.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/14.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/15.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/15.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/16.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/16.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/17.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/17.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/18.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/18.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/19.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/19.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/20.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/20.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/21.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/21.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/22.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/22.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/23.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/23.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/24.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/24.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/25.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/25.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/26.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/26.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/27.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/27.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/28.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/28.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/29.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/29.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/30.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/30.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/31.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/31.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/32.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/32.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/33.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/33.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/34.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/34.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/35.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/35.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/55.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/55.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/37.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/37.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/38.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/38.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/39.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/39.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/40.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/40.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/41.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/41.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/42.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/42.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/43.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/43.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/44.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/44.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/45.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/45.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/46.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/46.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/47.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/47.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/48.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/48.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/49.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/49.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/50.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/50.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/51.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/51.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/52.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/52.png" width="185" />
    </a>
</div><br clear="all"/>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/53.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/53.png" width="185" />
    </a>
</div>
<div class="zoom">
    <a href="http://kenz0.s201.xrea.com/images/2012/05/13/54.png" class="mb">
        <div class="zoom_is" title="画像拡大">
        </div>
        <img src="http://kenz0.s201.xrea.com/images/2012/05/13/54.png" width="185" />
    </a>
</div><br clear="all"/>
]]>
</description>
<category>art</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/jag_nagra_365.html</guid>
<pubDate>Sun, 13 May 2012 23:22:50 +0900</pubDate>
</item>
<item>
<title>easel.ly : ドラッグ&amp;ドロップスタイルで自由なインフォグラフィックが作成できるサイト</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/easel_ly.html</link>
<description>
<![CDATA[&raquo; <a href="http://www.easel.ly/">easel.ly</a> : <br />
<img src="http://kenz0.s201.xrea.com/images/2012/05/13/01.png" class="img_f1" />
<p><strong><a href="http://www.easel.ly/">easel.ly</a></strong>はドラッグ&ドロップスタイルで自由なインフォグラフィックが作成できる簡単かつ自由度の高いオンラインツール。</p>
<p>あらかじめ用意されているいくつかのテンプレートをカスタマイズしながら作っていけるのはもちろん、白紙の状態から全くのオリジナルとして創り上げていくことも可能なツールになっているのが特徴です。</p>]]>
<![CDATA[<br />
<p>先ずは手始めということで、用意されているテーマを使っていろいろと弄ってみましょう。</p>
<p>適当なテーマを下のキャンバスにドラッグ&ドロップすると読み込まれます。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/13/02.png" class="img_f1" />
<p>それぞれのオブジェクトをクリックすると矩形が現れリサイズや変形或いは上部メニューから様々な編集が行えます。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/13/03.png" class="img_f1" />
<p>文字情報などはダブルクリックすると入力ボックスが出るのでそこから入力できます。（日本語は不可）</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/13/04.png" class="img_f1" />
<p>『Objects』や『Shapes』には多くのオブジェクトが用意されているので、ここから好きなものを選んでキャンバスに配置していきます。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/13/05.png" class="img_f1" />
<p>作成したものは自分のアカウントにセーブしておいたり、各種形式で画像としてエクスポートすることもできます。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/13/06.png" class="img_f1" />
<p>さて、インフォグラフィックの簡単作成を唱うサイトは以前紹介した<strong><a href="http://kenz0.s201.xrea.com/weblog/2012/03/visually_create.html">Visual.ly</a></strong>を始めいくつか存在すると思いますが、大抵は用意されているテンプレートにユーザーデータとなる数値やラベルをインポートして当てはめるだけで、ほとんど自動作成に近い感じで簡単な反面オリジナリティのあるものが作成できる所はほとんどありませんでした。</p>
<br />
<p>一方、今回のサイトは基本的にエディタの仕様は一般のドローツール（Illustratorのような）に他なりません。</p>
<p>しかし、すでに出来上がっているオブジェクトを選択してこれらをドラッグ&ドロップで配置していくだけ、という簡易な操作性とインフォグラフィックに特化したオブジェクトや編集メニューを用意することでインフォグラフィック作成専用のツールとして仕上げているところがポイントと言えます。</p>
<br />
<p>簡単に作りたいというユーザーにとっては既存のテンプレートの必要な部分をカスタマイズするだけのお手軽ツールとして。</p>
<p>そして、デザインのスキルのあるパワーユーザーにとってはそれなりに自由に作り込めるツール、とどちらの用途にも対応できる、たぶんインフォグラフィック作成サイトとしては現時点では最も優秀な部類のサイトだと思います。</p>
<br />
<p>現在はベータ版で一部の機能（チャートオブジェクトやカラーテーマなど）はまだ準備中のようですが、正式リリースに向けて楽しみなサイトです。</p>
<br /><br />
<iframe src="http://player.vimeo.com/video/37781587?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
]]>
</description>
<category>services</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/easel_ly.html</guid>
<pubDate>Sun, 13 May 2012 16:22:02 +0900</pubDate>
</item>
<item>
<title>エスカレーターに落ちたチョコレートが生むちょっとエッチなコメディ</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/escalator.html</link>
<description>
<![CDATA[<p><img src="http://www.youtube.com/favicon.ico" style="margin-right:4px;vertical-align:-12%;" /><strong><a href="http://www.youtube.com/watch?v=_xf3ELqb6kc">Zoochosis Presents: Escalator</a></strong></p><div class="zoom"><a href="http://www.youtube.com/v/_xf3ELqb6kc&hl=ja&fs=1&theme=light&autoplay=1&version=3" class="mb" rel="width:800,height:475"><div class="zoom_p" title="再生"></div><img src="http://kenz0.s201.xrea.com/images/2012/05/12/05.png" /></a></div><br clear="all"/>
<p></p>
<p>就職相談に来た青年。面談ではあえなく不採用になるも、おまけにもらったチョコレートがきっかけで青年の欲望が芽生える。</p>
]]>
<![CDATA[<br />
<p>まるでスコットランドの片田舎から出てきたかのような純真無垢なルックスの青年（まさにチェリーボーイ）。</p>
<p>ゆったりとしたクラシックをバックに繰り広げられるは美女たちのパンチラ・オンパレード。</p>
<p>そしてあり得ない最後のオチ・・・、これらが相まって何とも言えないミョ～な面白さを醸し出している小品です。</p>]]>
</description>
<category>fun</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/escalator.html</guid>
<pubDate>Sat, 12 May 2012 07:12:28 +0900</pubDate>
</item>
<item>
<title>Browser Support : 各ブラウザが対応しているCSSプロパティの検索エンジン</title>
<link>http://kenz0.s201.xrea.com/weblog/2012/05/browser_support.html</link>
<description>
<![CDATA[&raquo; <a href="http://www.browsersupport.net/">Browser Support</a> : <br />
<img src="http://kenz0.s201.xrea.com/images/2012/05/12/02.png" class="img_f1" />
<p><strong><a href="http://www.browsersupport.net/">Browser Support</a></strong>は各ブラウザで対応するCSSのプロパティを調べられる検索エンジン。</p>
<p>サーチボックスにプロパティ名を入力するとそれに対応しているブラウザとそのバージョンが表示されます。</p>]]>
<![CDATA[<img src="http://kenz0.s201.xrea.com/images/2012/05/12/03.png" class="img_f1" />
<p>ブラウザ別対応表のような一覧はよく見かけますが、このようなプロパティ別検索型のサイトはなかなか少ないように思います。</p>
<img src="http://kenz0.s201.xrea.com/images/2012/05/12/04.png" class="img_f1" />
<p>また、トップページ上のブラウザアイコンをクリックすれば、ブラウザ別の対応プロパティの一覧も見ることができます。</p>
]]>
</description>
<category>design</category>
<guid>http://kenz0.s201.xrea.com/weblog/2012/05/browser_support.html</guid>
<pubDate>Sat, 12 May 2012 06:10:11 +0900</pubDate>
</item>
</channel>
</rss>

