<?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>Bluespeaker</title>
	<atom:link href="http://www.bluespeaker.jp/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bluespeaker.jp</link>
	<description>” Beat of the blue heart ” … sends it.</description>
	<lastBuildDate>Sat, 04 Feb 2012 03:27:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>BLUE NOTE best jazz collection</title>
		<link>http://www.bluespeaker.jp/blog/book/bluenote-bestjazzcollection.html</link>
		<comments>http://www.bluespeaker.jp/blog/book/bluenote-bestjazzcollection.html#comments</comments>
		<pubDate>Fri, 03 Feb 2012 13:55:09 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[本]]></category>
		<category><![CDATA[音楽]]></category>
		<category><![CDATA[BLUE NOTE]]></category>
		<category><![CDATA[JAZZ]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=6989</guid>
		<description><![CDATA[ディアゴスティーニの BLUE NOTE best jazz collection は、毎号1人のアーティストを取り上げて、その生き様や活躍、歴史を紐解いていく CD 付きマガジンシリーズ (全70号で完結予定) です。 BLUE NOTE や JAZZ について知ったふりをしていた自分を見直すために、勉強も兼ねて購入することにしました。 今では、毎号発売日を楽しみにしています。 一つ残念なのは、iTunes に CD を読み込んだ際に、アートワークが入らないことです。 CD 単体を販売している訳ではないので、Amazon Album Art を使用しても、アートワークが読み込まれるはずもなく… がっかり。 今や、ラックに CD を並べることも無い私にとって、iTunes のアートワークは必須です！ 面倒だけど、自分で BLUE NOTE best jazz collection のアートワーク を作って入れることにしました。 手動でアートワークを追加する方法 iTunes の右下にある「▲」ボタンをクリックしアートワークなどを表示するウインドウを開く。 アートワークを追加したいアルバム、または曲を選択。 追加したい画像を &#8220;アートワークをここにドラッグ&#8221; の部分にドラック。 アートワークが入るとちょっと幸せな気持ちになりますね。 ますます収集意欲を掻き立てられます。 ただ、全70号も買い続けられるか自信がありません。(笑 BLUE NOTE best jazz collection アートワーク [...]]]></description>
			<content:encoded><![CDATA[<style type="text/css">
#artwork ul li {
	float: left;
	width: 118px;
	height: 130px;
	margin: 20px 2px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	list-style-image: none;
}
#artwork ul li img {
	border: 1px solid #CCCCCC;
}
</style>
<p>ディアゴスティーニの <a href="http://deagostini.jp/bnc/">BLUE NOTE best jazz collection</a> は、毎号1人のアーティストを取り上げて、その生き様や活躍、歴史を紐解いていく CD 付きマガジンシリーズ (全70号で完結予定) です。<br />
BLUE NOTE や JAZZ について知ったふりをしていた自分を見直すために、勉強も兼ねて購入することにしました。<br />
今では、毎号発売日を楽しみにしています。<br />
一つ残念なのは、iTunes に CD を読み込んだ際に、アートワークが入らないことです。<br />
CD 単体を販売している訳ではないので、<a href="http://www.apple.com/jp/downloads/dashboard/music/amazonalbumart.html">Amazon Album Art</a> を使用しても、アートワークが読み込まれるはずもなく… がっかり。<br />
今や、ラックに CD を並べることも無い私にとって、iTunes のアートワークは必須です！ <br />
面倒だけど、自分で <a href="#artwork">BLUE NOTE best jazz collection のアートワーク</a> を作って入れることにしました。</p>
<p><span id="more-6989"></span></p>
<h2>手動でアートワークを追加する方法</h2>
<ol>
<li>iTunes の右下にある「▲」ボタンをクリックしアートワークなどを表示するウインドウを開く。</li>
<li>アートワークを追加したいアルバム、または曲を選択。</li>
<li>追加したい画像を &ldquo;アートワークをここにドラッグ&rdquo; の部分にドラック。</li>
</ol>
<div class="center"><img src="/image/download/itunes-artwork.png" widht="610" height="330" alt="手動でアルバムのアートワークを追加する方法" /></div>
<p>アートワークが入るとちょっと幸せな気持ちになりますね。<br />
ますます収集意欲を掻き立てられます。<br />
ただ、全70号も買い続けられるか自信がありません。(笑</p>
<div id="artwork">
<h2>BLUE NOTE best jazz collection アートワーク</h2>
<p><a href="http://deagostini.jp/bnc/backnumber_list.php?from=1&#038;to=20">本家のサイト</a> にて、最新号が追加されるたびにアートワークを増やしていこうと思っています。</p>
<ul>
<li><a href="/download/bluenote-01-milesdavis.png" onClick="_gaq.push(['_trackEvent', 'Downloads', 'Artwork', 'bluenote-01-milesdavis.png']);"><img src="/download/bluenote-01-milesdavis.png" widht="118" height="118" alt="BLUE NOTE 01. MILES DAVIS" /><br />
MILES DAVIS</a></li>
<li><a href="/download/bluenote-02-herbiehancock.png" onClick="_gaq.push(['_trackEvent', 'Downloads', 'Artwork', 'bluenote-02-herbiehancock.png']);"><img src="/download/bluenote-02-herbiehancock.png" widht="118" height="118" alt="BLUE NOTE 02. HERBIE HANCOCK" /><br />
HERBIE HANCOCK</a></li>
<li><a href="/download/bluenote-03-sonnyrollins.png" onClick="_gaq.push(['_trackEvent', 'Downloads', 'Artwork', 'bluenote-03-sonnyrollins.png']);"><img src="/download/bluenote-03-sonnyrollins.png" widht="118" height="118" alt="BLUE NOTE 03. SONNY ROLLINS" /><br />
SONNY ROLLINS</a></li>
<li><a href="/download/bluenote-04-artblakey.png" onClick="_gaq.push(['_trackEvent', 'Downloads', 'Artwork', 'bluenote-04-artblakey.png']);"><img src="/download/bluenote-04-artblakey.png" widht="118" height="118" alt="BLUE NOTE 04. ART BLAKEY" /><br />
ART BLAKEY</a></li>
<li><a href="/download/bluenote-05-johncoltrane.png" onClick="_gaq.push(['_trackEvent', 'Downloads', 'Artwork', 'bluenote-05-johncoltrane.png']);"><img src="/download/bluenote-05-johncoltrane.png" widht="118" height="118" alt="BLUE NOTE 05. JOHN COLTRANE" /><br />
JOHN COLTRANE</a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/blog/book/bluenote-bestjazzcollection.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Skype チャットスタイル Water Note for Mac OS X</title>
		<link>http://www.bluespeaker.jp/downloads/chatstyle/waternote.html</link>
		<comments>http://www.bluespeaker.jp/downloads/chatstyle/waternote.html#comments</comments>
		<pubDate>Sun, 22 Jan 2012 08:46:37 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[チャットスタイル]]></category>
		<category><![CDATA[Skype]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=7032</guid>
		<description><![CDATA[今年になって Skype を 5.3 にアップデートしました。 インターフェースが大きくなるのが嫌で、ずっと Skype 2.8 を使い続けていたのですが、ログイン状態を表示するアイコンが正確に表示されないため、仕方無くアップデートすることになりました。 アップデート後、不具合は無くなったのですが、思っていたよりもインターフェースが大きくてがっかり！ 使っていくと、他にもイライラポイントが… インターフェースが白くて大きいために眩しかったり、区分けがわかりずらかったり、文字も大きい… 少しでも、最適化させたいと思い、自作の Skype チャットスタイル Water Note を作りました。 Water Note for Mac OS X Wide Style 画像をクリックで原寸大表示 Middle Style 画像をクリックで原寸大表示 仕事でほぼ毎日のように Skype を利用している方のために、飽きのこないよう、あえて目立たせず、個性も与えませんでした。 当たり前のように存在するが、とっても必要不可欠で尊い存在 &#8220;水&#8221; そんなチャットスタイルになって欲しいという願いを込めてデザインしてみました。 さりげない使い心地を感じていただければ、それだけで幸いです。 Water Note のポイント！ Wide 時に、自分のアバターを表示。 フォントサイズを 13px から、11px に変更。 スペース (padding) を少なく変更。 同じ人が続けてメッセージを書いた際に、メッセージを区分る点線を表示。 背景色、リンク色を変更。 できるだけ opacity 指定を削除。opacity で、色を薄くしている文字を色指定。 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/image/blog/skype-logo.png" width="200" height="90" alt="Skype チャットスタイル Water Note" class="right" />今年になって Skype を 5.3 にアップデートしました。<br />
インターフェースが大きくなるのが嫌で、ずっと Skype 2.8 を使い続けていたのですが、ログイン状態を表示するアイコンが正確に表示されないため、仕方無くアップデートすることになりました。<br />
アップデート後、不具合は無くなったのですが、思っていたよりもインターフェースが大きくてがっかり！<br />
使っていくと、他にもイライラポイントが…<br />
インターフェースが白くて大きいために眩しかったり、区分けがわかりずらかったり、文字も大きい…<br />
少しでも、最適化させたいと思い、自作の Skype チャットスタイル Water Note を作りました。</p>
<div class="center">
<h2>Water Note for Mac OS X</h2>
<div style="float: left">
<strong>Wide Style</strong><br />
<small>画像をクリックで原寸大表示</small><br />
<a href="/image/download/warternote-capture-wide.png" class="lightbox"><img src="/image/download/warternote-capture-wide.png" width="337" height="477" alt="Skype チャットスタイル Water Note Wide Style" /></a></div>
<div style="float: right">
<strong>Middle Style</strong><br />
<small>画像をクリックで原寸大表示</small><br />
<a href="/image/download/warternote-capture-middle.png" class="lightbox"><img src="/image/download/warternote-capture-middle.png" width="263" height="477" alt="Skype チャットスタイル Water Note Middle Style" /></a></div>
</div>
<p><span id="more-7032"></span></p>
<p style="clear: both; padding-top: 20px">仕事でほぼ毎日のように Skype を利用している方のために、飽きのこないよう、あえて目立たせず、個性も与えませんでした。<br />
当たり前のように存在するが、とっても必要不可欠で尊い存在 &ldquo;水&rdquo; そんなチャットスタイルになって欲しいという願いを込めてデザインしてみました。<br />
さりげない使い心地を感じていただければ、それだけで幸いです。</p>
<h3>Water Note のポイント！</h3>
<ul>
<li>Wide 時に、自分のアバターを表示。</li>
<li>フォントサイズを 13px から、11px に変更。</li>
<li>スペース (padding) を少なく変更。</li>
<li>同じ人が続けてメッセージを書いた際に、メッセージを区分る点線を表示。</li>
<li>背景色、リンク色を変更。</li>
<li>できるだけ opacity 指定を削除。opacity で、色を薄くしている文字を色指定。<br />
<small>※ opacity で色を薄くすると、文字が読みづらいため。</small></li>
</ul>
<h3>インストール方法</h3>
<ol>
<li>ダウンロードした <a href="#download">waternote-chatstyle.zip</a> をダブルクリックして解凍。</li>
<li>&ldquo;WaterNote.SkypeChatStyle&rdquo; をダブルクリックでインストール。</li>
<li>「会話設定を開く」をクリック。</li>
<li>形式を WaterNote に変更。</li>
<li>Skype を再起動後、チャットスタイルが適応されます。</li>
</ol>
<div id="download" class="zip">
<a href="/download/waternote-chatstyle.zip" onClick="_gaq.push(['_trackEvent', 'Downloads', 'ChatStyle', 'waternote-chatstyle.zip']);"><strong>Download Water Note for Mac OS X <span style="font-size: 10px">Version 1.2</span></strong><small>waternote-chatstyle.zip</small></a>
</div>
<h2>更新履歴</h2>
<dl>
<dt>2012/02/05</dt>
<dd>● Version 1.2 をリリース　-　ボーダーのカラーを変更しました。</dd>
<dt>2012/01/22</dt>
<dd>● Version 1.0 をリリース</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/downloads/chatstyle/waternote.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>目を温めてスッキリお仕事！</title>
		<link>http://www.bluespeaker.jp/blog/think/eyeswarms.html</link>
		<comments>http://www.bluespeaker.jp/blog/think/eyeswarms.html#comments</comments>
		<pubDate>Thu, 05 Jan 2012 23:04:55 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[Web サイト制作]]></category>
		<category><![CDATA[思いごと]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=6819</guid>
		<description><![CDATA[1日中パソコンのディスプレイを見ていると、目が痛くなって、頭が痛くなって、首が、肩が痛くなりますよね。 ここでわかるのは、目から疲労が始まっているということ。 原因はわかっているけど、集中すればするほど、ずっと目を見開いたままになってしまい、目に不可がかかってしまいます。 疲れた目を休めるために、外を見てみたり。 ドライアイを防ぐために、目薬を注してみたり。 頭が痛くなるので、首を回して。 肩が痛くなるので、腕を回してみたりして。 どれもやってるんですが、酷くなるとどーにもなりません。 耐えるのみでした。 やはり、目から疲労が始まっているということは、それを防ぐのが一番！ということで、いろいろある中から、私は目を温める方法を私は選びました。 ご存知の方が多いかとは思いますが、この方法がとても良いのです。 蒸しタオルを作る ここでは、持ち運びやすいタオルハンカチを使用します。 タオルハンカチを水に浸し、適度に絞る。 タオルハンカチをレンジで約20秒ほど温める。(衛生の為にラップで包むのがオススメです) タオルハンカチ振って40度に冷ます。※ しっかりと冷まさないと危険です。 目を温める 出来上がった蒸しタオルで、目を約3分ほど温める。※ 熱いと感じたらすぐに使用をやめてください。 タオルを取り、目の周りを軽くマッサージ。 目を温めることにより、目の周りの血行を良くすることができます。 個人差があると思いますが、仕事前にするだけで、大きな効果が得られると思いますよ！ 運動する前に準備運動をするのと同じように、デスクワークにも準備が必要なんでしょうね。 化粧をする女性には、こちらのグッズがおすすめです！ あずきのチカラ http://www.kiribai.co.jp/products/azuki/azukimemoto.html 熱しすぎたり、間違って使用すると危険なため、販売を控えるドラッグストアが多く、なかなか手に入らないみたいです。 気になる方は、ネットショップでの購入をおすすめします。]]></description>
			<content:encoded><![CDATA[<p>1日中パソコンのディスプレイを見ていると、目が痛くなって、頭が痛くなって、首が、肩が痛くなりますよね。<br />
ここでわかるのは、目から疲労が始まっているということ。<br />
原因はわかっているけど、集中すればするほど、ずっと目を見開いたままになってしまい、目に不可がかかってしまいます。</p>
<p>疲れた目を休めるために、外を見てみたり。<br />
ドライアイを防ぐために、目薬を注してみたり。<br />
頭が痛くなるので、首を回して。<br />
肩が痛くなるので、腕を回してみたりして。<br />
どれもやってるんですが、酷くなるとどーにもなりません。<br />
耐えるのみでした。</p>
<p>やはり、目から疲労が始まっているということは、それを防ぐのが一番！ということで、いろいろある中から、私は目を温める方法を私は選びました。<br />
ご存知の方が多いかとは思いますが、この方法がとても良いのです。</p>
<p><span id="more-6819"></span></p>
<h2>蒸しタオルを作る</h2>
<p>ここでは、持ち運びやすいタオルハンカチを使用します。</p>
<ol>
<li>タオルハンカチを水に浸し、適度に絞る。</li>
<li>タオルハンカチをレンジで約20秒ほど温める。(衛生の為にラップで包むのがオススメです)</li>
<li>タオルハンカチ振って40度に冷ます。<span class="alert">※ しっかりと冷まさないと危険です。</span></li>
</ol>
<h2>目を温める</h2>
<ol>
<li>出来上がった蒸しタオルで、目を約3分ほど温める。<span class="alert">※ 熱いと感じたらすぐに使用をやめてください。</span></li>
<li>タオルを取り、目の周りを軽くマッサージ。</li>
</ol>
<p>目を温めることにより、目の周りの血行を良くすることができます。<br />
個人差があると思いますが、仕事前にするだけで、大きな効果が得られると思いますよ！<br />
運動する前に準備運動をするのと同じように、デスクワークにも準備が必要なんでしょうね。</p>
<h3 class="newline">化粧をする女性には、こちらのグッズがおすすめです！</h3>
<p><strong>あずきのチカラ</strong><br />
<a href="http://www.kiribai.co.jp/products/azuki/azukimemoto.html">http://www.kiribai.co.jp/products/azuki/azukimemoto.html</a></p>
<p>熱しすぎたり、間違って使用すると危険なため、販売を控えるドラッグストアが多く、なかなか手に入らないみたいです。<br />
気になる方は、ネットショップでの購入をおすすめします。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/blog/think/eyeswarms.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>マーク・トウェイン &#8211; 98%は取り越し苦労だった</title>
		<link>http://www.bluespeaker.jp/blog/think/marktwain.html</link>
		<comments>http://www.bluespeaker.jp/blog/think/marktwain.html#comments</comments>
		<pubDate>Fri, 09 Dec 2011 14:50:25 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[思いごと]]></category>
		<category><![CDATA[Aphorism]]></category>
		<category><![CDATA[Artist]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=6760</guid>
		<description><![CDATA[マーク・トウェインの言葉は、私のために残してくれているのではないか… そんな錯覚を覚える。 それらの多くは、私が今まで感じてきたことを表現しています。 マーク・トウェイン Mark Twain 1835年11月30日 &#8211; 1910年4月21日 本名サミュエル・ラングホーン・クレメンズ (Samuel Langhorne Clemens) は、アメリカ合衆国の作家、小説家。ミズーリ州出身。&#8220;トム・ソーヤーの冒険&#8221; の著者として知られ、数多くの小説やエッセーを発表、世界中で講演活動を行うなど、当時最も人気のある著名人であった。- Wikipedia 参照 マーク・トウェインの言葉 私がこれまで思い悩んだことのうち、98%は取り越し苦労だった。 たしかに、私がこれまで思い悩んだことのうち、98%は取り越し苦労だった。 怒ってみたり、やきもきしてみたり、もっと広い視野で景色を見るべきだったと反省する。 今から20年後、あなたはやったことよりも、やらなかったことに失望する。 これまでも失望してきたのに、これからも失望しそうだ。 死んだら葬儀屋も悲しんでくれるくらいに、一生懸命生きよう。 悲しむ親族の姿をみて、葬儀屋がもらい泣きしてしまうほどの素晴らしい人生を生きろということなのか… 有名で愛されるように生きろということなのか… いや、前者のような気がする。 スティーブ・ジョブズ は、その両方を手にしていたなぁ… 私の心はものすごく広いに違いない。 心を決めるのに一週間はかかるのだから。 私も同じだ。 たぶん、広いという表現を使ったのは、自分を正当化するために美しい言葉に置き換えたのだろう。 人は心で学ぶ。 目や頭で学ぶのではない。 心がついてこないことには、頭で考えても考えているだけにすぎない。 ようは、心が納得してこそ前に進める ということ。 自分が多数派の側にいると気づいたら、もう意見を変えてもいいころだ。 天(あま)の邪鬼(じゃく)だからではなく、常に客観的であるために！ まず事実をつかめ、それから思うままに曲解( きょっかい)せよ。 わかりました！曲解することは得意です !! (笑 相手に気に入られる最上の方法は、あなたが聞いたとおりに、相手が語ったことを再び語ることだ。 そー思って、そーしてたら… ただ聞いて欲しかっただけなのに！って、怒られたことがある _&#124;￣&#124;〇 ほめ言葉をもらえれば、それだけで2ヶ月間は幸せに生きられる。 そーなんだ！私が求めていることは、単純なことなんだ。 友だちにふさわしい役割とは、あなたが間違っているときに味方をしてくれること。 正しいときなら誰でも味方をしてくれるのだから。 これに関しては、そうは思わないよ！トウェイン先生 !! [...]]]></description>
			<content:encoded><![CDATA[<p>マーク・トウェインの言葉は、私のために残してくれているのではないか… そんな錯覚を覚える。<br />
それらの多くは、私が今まで感じてきたことを表現しています。</p>
<div class="frame"><img src="/image/blog/marktwain.png" width="600" height="380" alt="マーク・トウェイン" /></div>
<h2>マーク・トウェイン</h2>
<p>Mark Twain<br />
1835年11月30日 &#8211; 1910年4月21日</p>
<p><cite>本名サミュエル・ラングホーン・クレメンズ (Samuel Langhorne Clemens) は、アメリカ合衆国の作家、小説家。ミズーリ州出身。&ldquo;トム・ソーヤーの冒険&rdquo; の著者として知られ、数多くの小説やエッセーを発表、世界中で講演活動を行うなど、当時最も人気のある著名人であった。- Wikipedia 参照</cite></p>
<h3>マーク・トウェインの言葉</h3>
<blockquote>
<p>私がこれまで思い悩んだことのうち、98%は取り越し苦労だった。</p>
</blockquote>
<p>たしかに、私がこれまで思い悩んだことのうち、98%は取り越し苦労だった。<br />
怒ってみたり、やきもきしてみたり、もっと広い視野で景色を見るべきだったと反省する。</p>
<p><span id="more-6760"></span></p>
<blockquote>
<p>今から20年後、あなたはやったことよりも、やらなかったことに失望する。</p>
</blockquote>
<p>これまでも失望してきたのに、これからも失望しそうだ。</p>
<blockquote>
<p>死んだら葬儀屋も悲しんでくれるくらいに、一生懸命生きよう。</p>
</blockquote>
<p>悲しむ親族の姿をみて、葬儀屋がもらい泣きしてしまうほどの素晴らしい人生を生きろということなのか…<br />
有名で愛されるように生きろということなのか…<br />
いや、前者のような気がする。<br />
<a href="/tag/stevejobs/">スティーブ・ジョブズ</a> は、その両方を手にしていたなぁ…</p>
<blockquote>
<p>私の心はものすごく広いに違いない。<br />
心を決めるのに一週間はかかるのだから。</p>
</blockquote>
<p>私も同じだ。<br />
たぶん、広いという表現を使ったのは、自分を正当化するために美しい言葉に置き換えたのだろう。</p>
<blockquote>
<p>人は心で学ぶ。<br />
目や頭で学ぶのではない。</p>
</blockquote>
<p>心がついてこないことには、頭で考えても考えているだけにすぎない。<br />
ようは、<a href="/blog/think/mindconsent.html">心が納得してこそ前に進める</a> ということ。</p>
<blockquote>
<p>自分が多数派の側にいると気づいたら、もう意見を変えてもいいころだ。</p>
</blockquote>
<p><ruby><rb>天</rb><rp>(</rp><rt>あま</rt><rp>)</rp></ruby>の<ruby><rb>邪鬼</rb><rp>(</rp><rt>じゃく</rt><rp>)</rp></ruby>だからではなく、常に客観的であるために！</p>
<blockquote>
<p>まず事実をつかめ、それから思うままに<ruby><rb>曲解</rb><rp>(</rp><rt> きょっかい</rt><rp>)</rp></ruby>せよ。</p>
</blockquote>
<p>わかりました！曲解することは得意です !! (笑</p>
<blockquote>
<p>相手に気に入られる最上の方法は、あなたが聞いたとおりに、相手が語ったことを再び語ることだ。</p>
</blockquote>
<p>そー思って、そーしてたら… ただ聞いて欲しかっただけなのに！って、怒られたことがある _|￣|〇</p>
<blockquote>
<p>ほめ言葉をもらえれば、それだけで2ヶ月間は幸せに生きられる。</p>
</blockquote>
<p>そーなんだ！私が求めていることは、単純なことなんだ。</p>
<blockquote>
<p>友だちにふさわしい役割とは、あなたが間違っているときに味方をしてくれること。<br />
正しいときなら誰でも味方をしてくれるのだから。</p>
</blockquote>
<p>これに関しては、そうは思わないよ！トウェイン先生 !!<br />
普段、友達という言葉をよく使うが、できるだけ友達という言葉に &ldquo;求める&rdquo; 概念を与えてはいけないと思う。<br />
特別に &ldquo;求める&rdquo; 概念をもってしまうと、それを要求してしまうから。<br />
本当の友達とは、求め合うモノではなく、与え合える仲のことではないだろうか。<br />
私の場合、そうでもしないとやっていけない。(笑</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/blog/think/marktwain.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Milky Way Wallpaper for iPhone 4, 4S</title>
		<link>http://www.bluespeaker.jp/downloads/wallpaper/milkyway.html</link>
		<comments>http://www.bluespeaker.jp/downloads/wallpaper/milkyway.html#comments</comments>
		<pubDate>Mon, 24 Oct 2011 09:03:39 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[壁紙]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=6571</guid>
		<description><![CDATA[地球を含む太陽系は、数ある銀河の一つ &#8220;天の川銀河 (銀河系)&#8221; に属しています。 私たちは天の川の一部であり、夜空に浮かぶ天の川は、天の川銀河に属している地球 (中) から見た姿なのです。 良い題材なので、手は抜けないなぁ… と思いながら、コツコツと毎晩毎晩… 一人になる少ない時間を使い、やっと！天の川 &#8220;Milky Way&#8221; をイメージした 壁紙 が完成しました。 神秘的に仕上げたかったので、控えめなデザインになってしまいましたが、飽きのこないモノに仕上がったと思います。 他の壁紙 と同じように、ロック中の画面 (左) の時には、Apple マークと Think different. の文字が表示されるようにしました。 ※ ご利用上の注意: とても簡単な利用規約です。ご利用になる前に Read Me をお読みください。 Download Milky Way Wallpaper for iPhone 4milkyway-wallpaper.png その他の壁紙もどうぞ！]]></description>
			<content:encoded><![CDATA[<p>地球を含む太陽系は、数ある銀河の一つ &ldquo;天の川銀河 (銀河系)&rdquo; に属しています。<br />
私たちは天の川の一部であり、夜空に浮かぶ天の川は、天の川銀河に属している地球 (中) から見た姿なのです。</p>
<p>良い題材なので、手は抜けないなぁ… と思いながら、コツコツと毎晩毎晩… 一人になる少ない時間を使い、やっと！天の川 &ldquo;Milky Way&rdquo; をイメージした <a href="/downloads/wallpaper/">壁紙</a> が完成しました。<br />
神秘的に仕上げたかったので、控えめなデザインになってしまいましたが、飽きのこないモノに仕上がったと思います。</p>
<div class="center"><a href="#download"><img src="/image/download/milkyway-wallpaper.png" width="600" height="530" alt="Milky Way Wallpaper" /></a></div>
<p><a href="/downloads/wallpaper/">他の壁紙</a> と同じように、ロック中の画面 (左) の時には、<a href="/blog/apple/">Apple</a> マークと <a href="/blog/apple/thinkdifferent.html">Think different.</a> の文字が表示されるようにしました。</p>
<p class="remark">※ ご利用上の注意: とても簡単な利用規約です。ご利用になる前に <a href="http://www.bluespeaker.jp/download/readme.pdf">Read Me</a> をお読みください。</p>
<div id="download">
<a href="/download/milkyway-wallpaper.png" onClick="_gaq.push(['_trackEvent', 'Downloads', 'Wallpaper', 'milkyway-wallpaper.png']);"><img src="/download/milkyway-wallpaper.png" widht="67" height="100" alt="Milky Way Wallpaper" /><strong>Download Milky Way Wallpaper for iPhone 4</strong><small>milkyway-wallpaper.png</small></a>
</div>
<h4>その他の壁紙もどうぞ！</h4>
<ul class="gallery">
<li><a href="/downloads/wallpaper/woodshelf.html"><img src="/image/download/woodshelf-wallpaper-thumbnail.png" width="135" hegiht="110" alt="Woodshelf Wallpaper for iPhone 4" /></a></li>
<li><a href="/downloads/wallpaper/glass.html"><img src="/image/download/glass-wallpaper-thumbnail.png" width="135" hegiht="110" alt="Glass Wallpaper for iPhone 4" /></a></li>
<li><a href="/downloads/wallpaper/aurora.html"><img src="/image/download/aurora-wallpaper-thumbnail.png" width="135" hegiht="110" alt="Aurora Wallpaper for iPhone 4" /></a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/downloads/wallpaper/milkyway.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>草枕 &#8211; とかくに人の世は住みにくい</title>
		<link>http://www.bluespeaker.jp/blog/think/thethreecornredworld.html</link>
		<comments>http://www.bluespeaker.jp/blog/think/thethreecornredworld.html#comments</comments>
		<pubDate>Sun, 16 Oct 2011 03:57:22 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[思いごと]]></category>
		<category><![CDATA[Aphorism]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=5442</guid>
		<description><![CDATA[夏目漱石先生の &#8220;草枕&#8221; は、非人情的である言葉で綴られています。 私は行程しなくない内容なんですが、所々で俳句の五・七・五のリズムで言葉が響いてくるために、心にすーっと言葉が入り込んできてしまいます。 作家になる前、俳人であった夏目漱石先生らしい表現方法ですね。 その草枕の有名な文頭のお話。 まずは原文 山路(やまみち)を登りながら、こう考えた。 智(ち)に働けば角(かど)が立つ。 情(じょう)に棹(さお)させば流される。 意地を通(とお)せば窮屈(きゅうくつ)だ。 とかくに人の世は住みにくい。 - 原文 - 次は、私が娘とよく見ている教育テレビ &#8220;にほんごであそぼ&#8221; という番組で、&#8216;うなりやべべん&#8217; という人が歌っている草枕の替え歌です。 山路(やまみち)を下りながら、&#8216;べべん&#8217; 考えた。 智(ち)を人のために役立てて。 情(じょう)に感謝して「ありがとう！」 意地と度胸で乗り切れば。 ほんにこの世は素晴らしい。 - NHK にほんごであそぼ 歌 - これからを担(にな)う子どもたちには「この世は素晴らしい！素晴らしいんだ !!」って言い切ってあげたい。 私はそういう大人でありたい！]]></description>
			<content:encoded><![CDATA[<p>夏目漱石先生の &ldquo;草枕&rdquo; は、非人情的である言葉で綴られています。<br />
私は行程しなくない内容なんですが、所々で俳句の五・七・五のリズムで言葉が響いてくるために、心にすーっと言葉が入り込んできてしまいます。<br />
作家になる前、俳人であった夏目漱石先生らしい表現方法ですね。</p>
<p>その草枕の有名な文頭のお話。<br />
まずは原文</p>
<blockquote class="center">
<p><ruby><rb>山路</rb><rp>(</rp><rt>やまみち</rt><rp>)</rp></ruby>を登りながら、こう考えた。<br />
<ruby><rb>智</rb><rp>(</rp><rt>ち</rt><rp>)</rp></ruby>に働けば<ruby><rb>角</rb><rp>(</rp><rt>かど</rt><rp>)</rp></ruby>が立つ。<br />
<ruby><rb>情</rb><rp>(</rp><rt>じょう</rt><rp>)</rp></ruby>に<ruby><rb>棹</rb><rp>(</rp><rt>さお</rt><rp>)</rp></ruby>させば流される。<br />
意地を<ruby><rb>通</rb><rp>(</rp><rt>とお</rt><rp>)</rp></ruby>せば<ruby><rb>窮屈</rb><rp>(</rp><rt>きゅうくつ</rt><rp>)</rp></ruby>だ。<br />
とかくに人の世は住みにくい。</p>
<p>- 原文 -</p>
</blockquote>
<p>次は、私が娘とよく見ている教育テレビ &ldquo;にほんごであそぼ&rdquo; という番組で、&lsquo;うなりやべべん&rsquo; という人が歌っている草枕の替え歌です。</p>
<blockquote class="center">
<p><ruby><rb>山路</rb><rp>(</rp><rt>やまみち</rt><rp>)</rp></ruby>を下りながら、&lsquo;べべん&rsquo; 考えた。<br />
<ruby><rb>智</rb><rp>(</rp><rt>ち</rt><rp>)</rp></ruby>を人のために役立てて。<br />
<ruby><rb>情</rb><rp>(</rp><rt>じょう</rt><rp>)</rp></ruby>に感謝して「ありがとう！」<br />
意地と度胸で乗り切れば。<br />
ほんにこの世は素晴らしい。</p>
<p>- NHK にほんごであそぼ 歌 -</p>
</blockquote>
<p><span id="more-5442"></span></p>
<p>これからを<ruby><rb>担</rb><rp>(</rp><rt>にな</rt><rp>)</rp></ruby>う子どもたちには「この世は素晴らしい！素晴らしいんだ !!」って言い切ってあげたい。<br />
私はそういう大人でありたい！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/blog/think/thethreecornredworld.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>スティーブ・ジョブズ逝去</title>
		<link>http://www.bluespeaker.jp/blog/apple/stevejobs.html</link>
		<comments>http://www.bluespeaker.jp/blog/apple/stevejobs.html#comments</comments>
		<pubDate>Thu, 06 Oct 2011 10:11:49 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Steve Jobs]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=6382</guid>
		<description><![CDATA[アップル創業者、スティーブ・ジョブズ氏が、2011年10月5日 (米時間) に亡くなりました。享年56歳。 長期にわたる、すい臓がんの闘病生活の末に、永眠されました。謹んでお悔やみを申し上げます。 2011年10月4日 (米時間) ティム・クック氏が Apple CEO 就任後、初めての製品発表がに行われたのを確認し、安心したから… というタイミングに思えて仕方ない…。 ジョブズ氏は、私がデザイナーになるきっかけを作った一人なのです。 工業高校出身の私は、周囲が Windows 95 一色だった頃、ただ一人 Apple Computer の PowerMac 7500/100 を買ってもらいました。 当時の Mac は高かった… けど、頑張って働いてくれていた父のお陰で手にすることができたのです。 理由は簡単でした、6色の Apple ロゴがおしゃれだったからです。 それからというもの、学校に隠れてバイトをしていた私は、当時大金であった8万円で illustrator 7.0 を購入し、デザイナーになった気分を味わっていました。 それが、私が初めてデザインの世界に足を向けた瞬間でした。 製品の細かなところまで、メスを入れることで有名なジョブズ氏。 彼が手掛ける Apple 製品は、いつも洗練されていて、飽きることなく長く手にしていられるため、使うほどに愛着が湧いてくる。 不思議な魔法がそこにあるのです。 他社が、iMac や iPad, iPhone などの Apple 製品をいくら真似ても、劣化コピーに過ぎない。 後から発売されているのに、1年… 2年たっても、それを上回ることができない… やはり魔法 !? ジョブズ氏が、言い続けてきた「コンピュータが人になることはムリだろうけど、人間らしさを与えることはできる」この言葉、信念こそがジョブズマジックなんだと思います。 1988年の Apple のキャンペーンのキャッチコピー Think [...]]]></description>
			<content:encoded><![CDATA[<p>アップル創業者、スティーブ・ジョブズ氏が、2011年10月5日 (米時間) に亡くなりました。享年56歳。<br />
長期にわたる、すい臓がんの闘病生活の末に、永眠されました。謹んでお悔やみを申し上げます。</p>
<p>2011年10月4日 (米時間) ティム・クック氏が Apple CEO 就任後、初めての製品発表がに行われたのを確認し、安心したから… というタイミングに思えて仕方ない…。</p>
<div class="frame"><a href="/image/blog/steve-jobs.png" class="lightbox"><img src="/image/blog/steve-jobs.png" width="600" height="402" alt="スティーブ・ジョブズ逝去" /></a></div>
<p>ジョブズ氏は、私がデザイナーになるきっかけを作った一人なのです。</p>
<p>工業高校出身の私は、周囲が Windows 95 一色だった頃、ただ一人 Apple  <span style="text-decoration: line-through">Computer</span> の PowerMac 7500/100 を買ってもらいました。<br />
当時の Mac は高かった… けど、頑張って働いてくれていた父のお陰で手にすることができたのです。<br />
理由は簡単でした、6色の Apple ロゴがおしゃれだったからです。<span id="more-6382"></span><br />
それからというもの、学校に隠れてバイトをしていた私は、当時大金であった8万円で illustrator 7.0 を購入し、デザイナーになった気分を味わっていました。<br />
それが、私が初めてデザインの世界に足を向けた瞬間でした。</p>
<p>製品の細かなところまで、メスを入れることで有名なジョブズ氏。<br />
彼が手掛ける Apple 製品は、いつも洗練されていて、飽きることなく長く手にしていられるため、使うほどに愛着が湧いてくる。<br />
不思議な魔法がそこにあるのです。<br />
他社が、iMac や iPad, iPhone などの Apple 製品をいくら真似ても、劣化コピーに過ぎない。<br />
後から発売されているのに、1年… 2年たっても、それを上回ることができない… やはり魔法 !?<br />
ジョブズ氏が、言い続けてきた「コンピュータが人になることはムリだろうけど、人間らしさを与えることはできる」この言葉、信念こそがジョブズマジックなんだと思います。</p>
<div class="frame left">
<iframe width="200" height="165" src="http://www.youtube.com/embed/jIStLfVfwNg" frameborder="0" allowfullscreen></iframe>
</div>
<p>1988年の Apple のキャンペーンのキャッチコピー <a href="/blog/apple/thinkdifferent.html">Think different.</a> まさにジョブズ自身のことのようです。<br />
<a href="/blog/apple/thinkdifferent.html">Think different.</a> 、<a href="/blog/apple/stevejobsspeech.html">ジョブズのスピーチ</a>、<a href="/blog/apple/designprocess.html">Apple のデザインプロセス</a> や <a href="/blog/apple/getridofthecrappystuff.html">「つまらないものは捨てろ」</a> 以外にも、このブログで紹介できていない、数多くの言動、行動に影響されてきました。</p>
<p>私にとって、たとえ誹謗中傷されてもまっすぐ前向いてるジョブズ氏は、光輝くスーパーマンでした。</p>
<p class="clear">世代は違いますが、ジョブズ氏と同じ<ruby><rb>時代</rb><rp>(</rp><rt>とき</rt><rp>)</rp></ruby>を生き、数々の伝説を肌で感じることができたことを光栄に思います。</p>
<div class="newline memo center">
<p>Thank you Steve Jobs. <br />
<small>ありがとうスティーブ・ジョブズ。</small></p>
<p>You gave me a dream and the future.<br />
<small>あなたは私に夢と未来を与えてくれました。</small></p>
<p>My thoughts and prayers are with you.<br />
<small>私の思いと祈りは、あなたと共にあります。</small></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/blog/apple/stevejobs.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>風と太陽と水と。ダイワハウス 風流鯨</title>
		<link>http://www.bluespeaker.jp/blog/design/kazenagasukujira.html</link>
		<comments>http://www.bluespeaker.jp/blog/design/kazenagasukujira.html#comments</comments>
		<pubDate>Tue, 04 Oct 2011 02:57:18 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[デザイン]]></category>
		<category><![CDATA[Product]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=6327</guid>
		<description><![CDATA[ダイワハウスの小型風力発電機、風流鯨(かぜながすくじら)。 思わず笑顔になってしまうデザインです。 空にクジラ !? って、思いますよね。 Web サイトでは、海から飛び立ったクジラが、風流鯨(かぜながすくじら)になるというアニメーションから始まります。 http://dl.daiwahouse.co.jp/eco/kazenagasukujira/top.html 風を電気に変えながら、空という大海を未来に向けて泳ぎつづけます。 まぁ… 設定はともかく、とても愛らしくクリーンな印象の小型風力発電機ですね。 また 2006年には、グッドデザイン賞 &#8220;商業デザイン部門&#8221; を受賞しています。 風流鯨(かぜながすくじら)は、公園やホテルなど、私たちの身近で泳いでいるらしいです。 天気の良い日は、季節の変化を肌で感じ、耳で楽しみ、目で発見しながら、上を向いて散歩しましょう！ 誰もいないときは、鼻歌もいいですね。]]></description>
			<content:encoded><![CDATA[<p>ダイワハウスの小型風力発電機、<ruby><rb>風流鯨</rb><rp>(</rp><rt>かぜながすくじら</rt><rp>)</rp></ruby>。<br />
思わず笑顔になってしまうデザインです。</p>
<div class="frame"><a href="/image/blog/kazenagasukujira-01.png" class="lightbox"><img src="/image/blog/kazenagasukujira-01.png" width="600" height="336" alt="風流鯨の Web サイト" /></a></div>
<p>空にクジラ !? って、思いますよね。<br />
Web サイトでは、海から飛び立ったクジラが、<ruby><rb>風流鯨</rb><rp>(</rp><rt>かぜながすくじら</rt><rp>)</rp></ruby>になるというアニメーションから始まります。</p>
<p><a href="http://dl.daiwahouse.co.jp/eco/kazenagasukujira/top.html">http://dl.daiwahouse.co.jp/eco/kazenagasukujira/top.html</a></p>
<ul class="gallery">
<li><a href="/image/blog/kazenagasukujira-02.png" class="lightbox"><img src="/image/blog/kazenagasukujira-02.png" width="135" height="76" alt="風流鯨の Web サイトのアニメーション1" /></a></li>
<li><a href="/image/blog/kazenagasukujira-03.png" class="lightbox"><img src="/image/blog/kazenagasukujira-03.png" width="135" height="76" alt="風流鯨の Web サイトのアニメーション2" /></a></li>
<li><a href="/image/blog/kazenagasukujira-04.png" class="lightbox"><img src="/image/blog/kazenagasukujira-04.png" width="135" height="76" alt="風流鯨の Web サイトのアニメーション3" /></a></li>
<li><a href="/image/blog/kazenagasukujira-05.png" class="lightbox"><img src="/image/blog/kazenagasukujira-05.png" width="135" height="76" alt="風流鯨の Web サイトのアニメーション4" /></a></li>
<li><a href="/image/blog/kazenagasukujira-06.png" class="lightbox"><img src="/image/blog/kazenagasukujira-06.png" width="135" height="76" alt="風流鯨の Web サイトのアニメーション5" /></a></li>
<li><a href="/image/blog/kazenagasukujira-07.png" class="lightbox"><img src="/image/blog/kazenagasukujira-07.png" width="135" height="76" alt="風流鯨の Web サイトのアニメーション6" /></a></li>
<li><a href="/image/blog/kazenagasukujira-08.png" class="lightbox"><img src="/image/blog/kazenagasukujira-08.png" width="135" height="76" alt="風流鯨の Web サイトのアニメーション7" /></a></li>
<li><a href="/image/blog/kazenagasukujira-09.png" class="lightbox"><img src="/image/blog/kazenagasukujira-09.png" width="135" height="76" alt="風流鯨の Web サイトのアニメーション8" /></a></li>
<li><a href="/image/blog/kazenagasukujira-10.png" class="lightbox"><img src="/image/blog/kazenagasukujira-10.png" width="290" height="162" alt="クジラが教えてくれました" /></a></li>
<li><a href="/image/blog/kazenagasukujira-11.png" class="lightbox"><img src="/image/blog/kazenagasukujira-11.png" width="290" height="162" alt="最大出力は 10,000W" /></a></li>
<li><a href="/image/blog/kazenagasukujira-12.png" class="lightbox"><img src="/image/blog/kazenagasukujira-12.png" width="290" height="162" alt="大きさをくらべてみました" /></a></li>
<li><a href="/image/blog/kazenagasukujira-13.png" class="lightbox"><img src="/image/blog/kazenagasukujira-13.png" width="290" height="162" alt="風速 80m/s まで大丈夫" /></a></li>
</ul>
<h3>風を電気に変えながら、空という大海を未来に向けて泳ぎつづけます。</h3>
<p>まぁ… 設定はともかく、とても愛らしくクリーンな印象の小型風力発電機ですね。<br />
また 2006年には、グッドデザイン賞 &ldquo;商業デザイン部門&rdquo; を受賞しています。</p>
<div class="frame left"><a href="/image/blog/kazenagasukujira-14.png" class="lightbox"><img src="/image/blog/kazenagasukujira-14.png" width="135" height="76" alt="街で泳いでいます" /></a></div>
<p><ruby><rb>風流鯨</rb><rp>(</rp><rt>かぜながすくじら</rt><rp>)</rp></ruby>は、公園やホテルなど、私たちの身近で泳いでいるらしいです。<br />
天気の良い日は、季節の変化を肌で感じ、耳で楽しみ、目で発見しながら、上を向いて散歩しましょう！<br />
誰もいないときは、鼻歌もいいですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/blog/design/kazenagasukujira.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>960 グリッドシステムを取り入れる</title>
		<link>http://www.bluespeaker.jp/blog/website/960gridsystem.html</link>
		<comments>http://www.bluespeaker.jp/blog/website/960gridsystem.html#comments</comments>
		<pubDate>Sun, 25 Sep 2011 05:14:48 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[Web サイト制作]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=5567</guid>
		<description><![CDATA[今更ではありますが、960px グリッドデザインについて！ 960 という数値 多くの数字で区切ることができるので、グリッド設計に適しています。 最近のモニタは 1024×768 以上の解像度が標準となってきているため 960 は、心地の良いサイズ。 グリッドデザイン 単純な手法なので、取り入れやすい。 コーディングがしやすくなるので、幅広い表現が可能となります。 僕は基本的に、以下の2つのグリッドを元に、サイトのデザインを構築しています。 16 columns ~ margin left: 10px ~ margin right: 10px の利点 160px, 580px, 160px の3カラムを作ることができます。 コンテンツとなる 580px は、2, 5 分割することができます。 220px, 700px の2カラムを作ることができます。 コンテンツとなる 700px は、2, 3, 6 分割することができます。 次は、このサイトのグリッド！こちらもきれいな数値です。 12 columns ~ margin left: 15px ~ margin right: 15px の利点 [...]]]></description>
			<content:encoded><![CDATA[<p>今更ではありますが、960px グリッドデザインについて！</p>
<h4>960 という数値</h4>
<ul>
<li>多くの数字で区切ることができるので、グリッド設計に適しています。</li>
<li>最近のモニタは 1024×768 以上の解像度が標準となってきているため 960 は、心地の良いサイズ。</li>
</ul>
<h4>グリッドデザイン</h4>
<ul>
<li>単純な手法なので、取り入れやすい。</li>
<li>コーディングがしやすくなるので、幅広い表現が可能となります。</li>
</ul>
<p>僕は基本的に、以下の2つのグリッドを元に、サイトのデザインを構築しています。</p>
<div class="frame"><a href="/image/blog/960grid-16columns-10margin.png" class="lightbox"><img src="/image/blog/960grid-16columns-10margin.png" width="600" height="700" alt="960 Grid System" /></a></div>
<h5><a href="http://www.gridsystemgenerator.com/gs01.php?GridWidth=960&#038;GridColumns=16&#038;GridMarginLeft=10&#038;GridMarginRight=10">16 columns ~ margin left: 10px ~ margin right: 10px</a> の利点</h5>
<ul>
<li>160px, 580px, 160px の3カラムを作ることができます。<br />
コンテンツとなる 580px は、2, 5 分割することができます。</li>
<li>220px, 700px の2カラムを作ることができます。<br />
コンテンツとなる 700px は、2, 3, 6 分割することができます。</li>
</ul>
<p><span id="more-5567"></span></p>
<p>次は、このサイトのグリッド！こちらもきれいな数値です。</p>
<div class="frame"><a href="/image/blog/960grid-12columns-15margin.png" class="lightbox"><img src="/image/blog/960grid-12columns-15margin.png" width="600" height="603" alt="960 Grid System" /></a></div>
<h5><a href="http://www.gridsystemgenerator.com/gs01.php?GridWidth=960&#038;GridColumns=12&#038;GridMarginLeft=15&#038;GridMarginRight=15">12 columns ~ margin left: 15px ~ margin right: 15px</a> の利点</h5>
<ul>
<li>同サイズの3カラムを作りたい場合に使用します。<br />
2, 3, 4, 6, 12 分割することができるので、汎用性があります。</li>
</ul>
<p>ホワイトスペースが重要となるデザインですので、マージンを広めにとる必要があります。<br />
場合によってマージンを 20px にすることも可能です。</p>
<p>きれいなサイズは他にもいくつか有りますが、僕の場合は、この2つのグリッドにあてはめることができない場合は、横幅を 980px にサイズアップします。</p>
<p class="newline">グリッド！グリッド！となりすぎて、制作しようとしているサイトのコンセプトを見失わないようにすることが重要です。<br />
グリッドデザインにすることをあきらめることもまた、デザインですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/blog/website/960gridsystem.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>須藤元気の音楽プロジェクト &#8211; WORLD ORDER</title>
		<link>http://www.bluespeaker.jp/blog/music/worldorder.html</link>
		<comments>http://www.bluespeaker.jp/blog/music/worldorder.html#comments</comments>
		<pubDate>Fri, 23 Sep 2011 13:23:11 +0000</pubDate>
		<dc:creator>Yasutomi</dc:creator>
				<category><![CDATA[音楽]]></category>

		<guid isPermaLink="false">http://www.bluespeaker.jp/?p=6148</guid>
		<description><![CDATA[格闘家時代から、トリッキーなファイトスタイルや派手な入場パフォーマンスが注目を浴びていた須藤元気。 作家、タレント、大学レスリング部監督などマルチな活動を続ける彼が、次に手掛けたのはコレです！ 2011年7月10日に、マイクロソフトが主催する IT 業界の一大イベント WPC 2011 がロスで開催された。 初日のオープニングアクトを務めたのは、須藤元気の音楽プロジェクト WORLD ORDER !! スーツ姿に黒ぶち眼鏡で登場した須藤元気の、英語のスピーチ (東日本大震災について) から始まる。 7人の日本人が、約1万4,000人のさまざまな国籍の観衆を湧かせる！これだけで鳥肌が立ちます。 ステージに上がり深々と頭を下げ、パフォーマンス終了後にも頭を下げる姿が、日本人らしくていいですね。 計算された音楽やダンスにより作り上げられた、不思議な世界観にすーっと引き込まれてしまいました。 振り付けや作詞作曲、そしてボーカルまでも、須藤元気自ら努めているそうです。 そうすることで、独自の世界観を築きあげているのでしょう。 WPC に呼ばれるって凄いことなんだけど… 日本のメディアで取り上げられたのかな？ 最近ニュースを見れてない僕に問題があるのかな？ 日本でも活動しているのに &#8220;世界で活躍する姿を見て、初めて存在を知る&#8221; って流れが新鮮でした。 今後も是非！続けていって欲しいです。 つい歩き方を真似てみたくなるけど… 娘の前だけにしておこう！(笑]]></description>
			<content:encoded><![CDATA[<p>格闘家時代から、トリッキーなファイトスタイルや派手な入場パフォーマンスが注目を浴びていた須藤元気。<br />
作家、タレント、大学レスリング部監督などマルチな活動を続ける彼が、次に手掛けたのはコレです！</p>
<p>2011年7月10日に、マイクロソフトが主催する IT 業界の一大イベント WPC 2011 がロスで開催された。<br />
初日のオープニングアクトを務めたのは、須藤元気の音楽プロジェクト <a href="http://worldorder.jp/">WORLD ORDER</a> !!</p>
<p>スーツ姿に黒ぶち眼鏡で登場した須藤元気の、英語のスピーチ (東日本大震災について) から始まる。</p>
<div class="frame">
<iframe width="600" height="338" src="http://www.youtube.com/embed/W9VtIdUVLt0" frameborder="0" allowfullscreen></iframe>
</div>
<p>7人の日本人が、約1万4,000人のさまざまな国籍の観衆を湧かせる！これだけで鳥肌が立ちます。<br />
ステージに上がり深々と頭を下げ、パフォーマンス終了後にも頭を下げる姿が、日本人らしくていいですね。<br />
計算された音楽やダンスにより作り上げられた、不思議な世界観にすーっと引き込まれてしまいました。</p>
<p><span id="more-6148"></span></p>
<p>振り付けや作詞作曲、そしてボーカルまでも、須藤元気自ら努めているそうです。<br />
そうすることで、独自の世界観を築きあげているのでしょう。</p>
<p>WPC に呼ばれるって凄いことなんだけど… 日本のメディアで取り上げられたのかな？<br />
最近ニュースを見れてない僕に問題があるのかな？<br />
日本でも活動しているのに &ldquo;世界で活躍する姿を見て、初めて存在を知る&rdquo; って流れが新鮮でした。<br />
今後も是非！続けていって欲しいです。</p>
<p class="newline">つい歩き方を真似てみたくなるけど… 娘の前だけにしておこう！(笑</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bluespeaker.jp/blog/music/worldorder.html/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

