<?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/"
	>

<channel>
	<title>ROSTRATA.net&#8482; &#187; WORKS</title>
	<atom:link href="http://rostrata.net/blog/category/works/feed/" rel="self" type="application/rss+xml" />
	<link>http://rostrata.net</link>
	<description>WEBプロモーションの企画、設計、WEBサイトデザイン、CMSサイト構築：ROSTRATA.netポートフォリオサイト。</description>
	<lastBuildDate>Fri, 04 Mar 2011 15:07:04 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://rostrata.net/?pushpress=hub'/>
		<item>
		<title>最近の制作事例・記事執筆など</title>
		<link>http://rostrata.net/blog/2009/09/recentryworks/</link>
		<comments>http://rostrata.net/blog/2009/09/recentryworks/#comments</comments>
		<pubDate>Fri, 04 Sep 2009 06:16:19 +0000</pubDate>
		<dc:creator>Takeshi [ROSTRATA]</dc:creator>
				<category><![CDATA[WORKS]]></category>

		<guid isPermaLink="false">http://rostrata.net/?p=1329</guid>
		<description><![CDATA[ここ最近の事例紹介、Web creaters 10月号での記事執筆など]]></description>
			<content:encoded><![CDATA[<h3>最近の仕事内容</h3>
<p>ここ1年程NDA案件が多くて制作事例をほとんど紹介することができていませんが、</p>
<ul>
<li>2008.12 技術製品総合商社WEBサイト</li>
<li>2009.01 大手音楽レーベルポータルサイト</li>
<li>2009.01 クレジットカード会社ポイントサイト</li>
<li>2009.04 大手時計メーカーイベントサイト</li>
<li>その他いくつかの個人店舗サイト</li>
<li>その他いくつかのデザインコンペ参加（ボツ多数）</li>
</ul>
<p>のような仕事させて頂いています。<br />
2つだけピックアップして<a href="http://rostrata.net/works/">WORKS</a>ページにて追加しました。</p>
<h3>記事の寄稿</h3>
<p>8月29日に発売になっている <a href="http://www.mdn.co.jp/content/view/269/">Web creaters 10月号</a> の巻頭特集『CSSデザイン表現 最新最強テクニック』にて4つの記事を執筆させて頂きました。</p>
<ul>
<li>前後で改行されない綺麗に整ったレイアウトをつくる</li>
<li>CMSで出力される日付表示を画像で表現する</li>
<li>長いURLの自動改行をきれいに整える</li>
<li>アナログ風の画像で単調なテキスト装飾に遊び心を</li>
</ul>
<p>CSSをテーマに92ものテクニックがまとめられ、CSS3のプロパティを利用した最新のテクニックも多く盛り込まれています。またその他の記事では、『思考するWEBディレクション』や『ターゲティングのツボ』など個人的にも興味深い内容となっています。</p>
<p>→<a href="http://www.mdn.co.jp/content/view/269/">MdN Interactive &#8211; web creators最新号 &#8211; 2009年10月号</a></p>
]]></content:encoded>
			<wfw:commentRss>http://rostrata.net/blog/2009/09/recentryworks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>雑記</title>
		<link>http://rostrata.net/blog/2009/04/oricoffe/</link>
		<comments>http://rostrata.net/blog/2009/04/oricoffe/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 03:38:32 +0000</pubDate>
		<dc:creator>Takeshi [ROSTRATA]</dc:creator>
				<category><![CDATA[MUSIC]]></category>
		<category><![CDATA[WORKS]]></category>

		<guid isPermaLink="false">http://rostrata.net/?p=1067</guid>
		<description><![CDATA[メニュー制作の件と、安藤明子さんがよかった件]]></description>
			<content:encoded><![CDATA[<h3>新店舗オープン</h3>
<p>去年WEBサイトを制作させて頂いたORl COFFEEさんが、この度ついに2号店をオープン。</p>
<p>私は基本的には紙媒体制作はやっていませんが、メニュー制作などを制作させて頂きました。</p>
<p><a href="http://tinyurl.com/d6rhwc">ORl COFFEE kamishidami</a></p>
<p>WEBサイトは後々ちゃんとしたものにする予定です。<br />
とにかく、無事オープンおめでとうございます！</p>
<h3>安藤明子さんのうた</h3>
<p>そしてこれはもう2ヶ月以上前の話ですが、今年のバレンタインデーに安藤明子さんというシンガーのライブがORl COFFEE植田店でありました。</p>
<p>『<a href="http://d.hatena.ne.jp/heimin/20081107/p1">平民新聞</a>』というブログで知ってはいたのですが、毎回撮影係として参加するついでに幸運にもいきなり生で聞く事が出来ました。</p>
<p>音楽をあまりうまく表現できないのでその時の映像を。</p>
<p><object width="579" height="437"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3223033&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=84a541&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3223033&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=84a541&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="579" height="437"></embed></object></p>
<p>たぶんPCのスピーカーじゃ伝わらないと思いますが、マイクも何もないのに会場の隅々まで響き渡る声。心地よく耳をつんざく、というのでしょうか。</p>
<p>平民さんの『<a href="http://d.hatena.ne.jp/heimin/20081107/p1">安藤明子の歌-平民新聞</a>』にある</p>
<blockquote><p>
こういうの聴いてると歌い手にとって声っていうのはものすごい武器だよなあ、という退屈かつ当たり前の事実にあらためて気付かされます。<br />
なんというか、歌自体地味といえば地味だし、興味ない人はぜんぜん興味ないかと思うのですが、ワイはこういう人好きなんや…！
</p></blockquote>
<p>普段は歌詞のある音楽、まして日本語の歌付きの音楽はほとんど聞かない私ですが、「ワイもこういう人好きです。」</p>
<p>結構いろんな場所でライブされている様なので、お近くの方はぜひ。<br />
<a href="http://and-wakame.seesaa.net/">ふえる・アンドウ アキコ</a></p>
]]></content:encoded>
			<wfw:commentRss>http://rostrata.net/blog/2009/04/oricoffe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>nnfstore.com</title>
		<link>http://rostrata.net/blog/2008/07/works/</link>
		<comments>http://rostrata.net/blog/2008/07/works/#comments</comments>
		<pubDate>Wed, 09 Jul 2008 06:24:51 +0000</pubDate>
		<dc:creator>Takeshi [ROSTRATA]</dc:creator>
				<category><![CDATA[WORKS]]></category>
		<category><![CDATA[ColorMeShop!pro]]></category>

		<guid isPermaLink="false">http://rostrata.net/archives/241</guid>
		<description><![CDATA[カラーミーショップを利用したオンラインストアを制作しました。]]></description>
			<content:encoded><![CDATA[<p>自転車用の楽しげなグッズを販売するオンラインストアです。<br />
WEBサイトのデザインやコーディング、システムカスタマイズはもちろん、写真撮影やコピーライティング、販促物の作成などまで担当しています。<br />
→ <a href="http://nnfstore.com">http://nnfstore.com</a></p>
<p>WEBで使用する写真はいつも素材集ではなくできるだけオリジナルを使うよう意識していますが、今回は全て自分で撮影することができました。通りすがりのイケメンモデルさんたちに感謝。</p>
<p><strong>追記@2008.8.28</strong><br />
いくつかのWEBデザインギャラリーにてご紹介いただきました。</p>
<ul>
<li><a href="http://anjo.dekiteharu.jp/archives/date/2008/07">あんじょうできてはる 2008年7月</a></li>
<li><a href="http://bm.straightline.jp">straightline bookmark | Web design bookmarking Jul 23, 2008</a></li>
<li><a href="http://www.webdesignclip.com/%e8%87%aa%e8%bb%a2%e8%bb%8a%e7%94%a8%e3%83%ad%e3%83%83%e3%82%af%e9%8d%b5%e3%83%bb%e3%82%b5%e3%83%89%e3%83%ab%e3%82%ab%e3%83%90%e3%83%bc-nnf/">Web Design Clip [WEBデザインのクリップ・リンク集]</a></li>
<li><a href="http://css.thumbnailcloud.net/data/frame_70974.aspx">Design Link Database [Webデザインに優れたサイトのリンク集]</a></li>
<li><a href="http://bm.s5-style.com/index.php/20080731/2009">Webデザインのリンク集 Webデザインポータルサイト S5-Style</a></li>
<li><a href="http://www.zzrock.net/category/sort/ec">ズロック [優れたWebデザイン、かっこいいWebデザインのリンク集]</a></li>
</ul>
<p>一般的にはデザインの制約があるのがデメリットとされる低価格ASPでこういうことが出来たという点ではよかったと思います。カラーミーショップのカスタマイズについて、また記事にしたいと思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://rostrata.net/blog/2008/07/works/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>COSMOHOME-CO.COM</title>
		<link>http://rostrata.net/blog/2008/01/works-2/</link>
		<comments>http://rostrata.net/blog/2008/01/works-2/#comments</comments>
		<pubDate>Tue, 08 Jan 2008 07:10:16 +0000</pubDate>
		<dc:creator>Takeshi [ROSTRATA]</dc:creator>
				<category><![CDATA[WORKS]]></category>
		<category><![CDATA[MovableType]]></category>

		<guid isPermaLink="false">http://rostrata.net/archives/203</guid>
		<description><![CDATA[名古屋市の工務店コスモホーム株式会社様のWEBサイトリニューアルにおいて、ディレクション・設計・デザイン・コーディング・MovableTypeによるCMS構築を担当させて頂きました。]]></description>
			<content:encoded><![CDATA[<p><strong>コスモホームの家づくり：<a href="http://cosmohome-co.com/">http://cosmohome-co.com</a></strong></p>
<p>メインとなる絵はイラストレーター、ほんまきよこさんによるものです。</p>
<p>頂いたイラスト原画をスキャニングする所から始め、紙ではなくWEBで表す上での制限の中、どれだけ絵本の雰囲気を残し、どれだけWEBとして機能するHTMLで表現するかに専念し、そのHTMLを更新しやすいCMSに落とし込みました。</p>
<p>1つ1つ情報構造が全く異なる各コンテンツページ、またスタッフの皆さんで更新する3つのブログを全て同じ管理画面で更新できるよう、MovableTypeを細かくカスタマイズしています。<br />
表示される全ページがMovableType（MT4）生成で、全ての更新作業はWEBブラウザから行います。</p>
<p>1枚の原画からマウスオーバーやノートの無限繰り返しを表現するために、スキャンした原画を切り抜きやスタンプを利用して手作業でレイヤーに分けていく作業が少し大変でしたが、どんなサイトになるのか自分でもワクワクしながら制作することができました。</p>
<p>イラストレーターほんまきよこさんのサイト：<a href="http://nekota.cside.to/colli/Welcome.html">うたたねハンモック</a></p>
<p>コスモホームさんには雑貨店『<a href="http://www.cosmohome-co.com/company/ecoshop.html">eco shop 和</a>』が併設されていて、エコな雑貨やイベントなどで家を建てる人以外の人も集っています。<br />
名古屋近辺の雑貨好きの方にはぜひおすすめです。</p>
]]></content:encoded>
			<wfw:commentRss>http://rostrata.net/blog/2008/01/works-2/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

