<?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>kdtksh.com &#187; diary</title>
	<atom:link href="http://kdtksh.com/category/diary/feed/" rel="self" type="application/rss+xml" />
	<link>http://kdtksh.com</link>
	<description>日記とか写真とか</description>
	<lastBuildDate>Mon, 20 Feb 2012 18:04:31 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/category/diary/feed/" />
		<item>
		<title>wordpressでブログじゃないウェブサイトを作ったよ！</title>
		<link>http://kdtksh.com/diary/2012/02/wordpress%e3%81%a7%e3%83%96%e3%83%ad%e3%82%b0%e3%81%98%e3%82%83%e3%81%aa%e3%81%84%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%9f%e3%82%88%ef%bc%81/</link>
		<comments>http://kdtksh.com/diary/2012/02/wordpress%e3%81%a7%e3%83%96%e3%83%ad%e3%82%b0%e3%81%98%e3%82%83%e3%81%aa%e3%81%84%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%9f%e3%82%88%ef%bc%81/#comments</comments>
		<pubDate>Mon, 20 Feb 2012 15:21:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1972</guid>
		<description><![CDATA[静的なhtmlサイトからwordpressベースのサイトへリニューアルしました。その経緯とプロセスをまとめておきたいと思います。ついでにHTML5でマークアップしたことがなかったので、<section>や<article>、<figure>、<time>などHTML5の主要なタグも使ってみました。
Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2009/01/google-webmaster-central/' rel='bookmark' title='Google Webmaster Central'>Google Webmaster Central</a></li>
<li><a href='http://kdtksh.com/diary/2011/05/google-reader%e3%81%a8%e3%81%af%e3%81%a6%e3%83%96%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%81%a6%e6%83%85%e5%a0%b1%e3%82%92%e7%ae%a1%e7%90%86%e3%81%97%e3%81%a6%e3%81%84%e3%81%8f%e3%82%88%e3%80%82/' rel='bookmark' title='Google Readerとはてブを活用して情報を管理していくよ。'>Google Readerとはてブを活用して情報を管理していくよ。</a></li>
<li><a href='http://kdtksh.com/diary/2011/05/google-chrome%e3%82%92%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e3%81%97%e3%81%9f%e3%82%89%e5%85%a5%e3%82%8c%e3%81%a6%e3%81%8a%e3%81%8f%e6%8b%a1%e5%bc%b518%e5%80%8b/' rel='bookmark' title='Google Chromeをインストールしたら入れておく拡張18個'>Google Chromeをインストールしたら入れておく拡張18個</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a title="テラシマンのサイト" href="http://akaneterashima.net/" target="_blank">テラシマンのサイト</a>を静的なhtmlサイトからwordpressベースのサイトへリニューアルしました。<br />
その経緯とプロセスをまとめておきたいと思います。</p>
<h2>今までの問題点</h2>
<h3>更新が面倒</h3>
<p>一覧ページも詳細ページもすべてhtmlで、手で作成していたので、詳細ページを追加したら一覧ページにも追加して、詳細同士の移動のリンクも書き換える必要があるなど、1ページを追加するだけでも手間でした。</p>
<h3>newsコンテンツが貯まらないのでSEO的にもったいない</h3>
<p>サイトの構造に原因がありましたが、最新の活動状況を知らせるnewsページについて、urlを固定にして、アーカイブページを持っていなかったことから、最新状況を更新すると以前のコンテンツは上書きされ、ページは蓄積されていませんでした。</p>
<h3>SNS系のボタンがない</h3>
<p>以前のサイトは制作したのが3年前とかで、まだツイッターもフェイスブックも出たばかりの頃で、SNS系のボタンは設置していませんでした。</p>
<h2>リニューアル内容</h2>
<p>上記の問題点より「サイト自体をwordpressで制作し直すことでページの追加・蓄積を簡単にすること」と「Twitter・facebookのボタン設置によるソーシャル機能の追加」が必要でした。</p>
<p>また、wordpressにすることでウェブの知識がなくても更新できるようになるので、コンテンツの種類が「news」「gallery」「works」「notebook」と4つある中で、更新のしやすさも気をつける必要がありました。<br />
ついでにHTML5でマークアップしたことがなかったので、&lt;section&gt;や&lt;article&gt;、&lt;time&gt;、&lt;figure&gt;<code>など</code>HTML5の主要なタグも使ってみました。</p>
<h2>リニューアル前と後のサイト構造</h2>
<p><a href="http://kdtksh.com/wp-content/uploads/2012/02/Screenshot_2.png" rel="lightbox[1972]"><img src="http://kdtksh.com/wp-content/uploads/2012/02/Screenshot_2-600x448.png" alt="" title="Screenshot_2" width="584" height="436" class="aligncenter size-large wp-image-1978" /></a></p>
<p>リニューアル前、トップページはFLASHの簡易的な紹介用のムービーが流れるのみでした。<br />
また、コンテンツについてはニュースページは上書き更新で、今までの仕事的をまとめたページはありませんでした。</p>
<p>リニューアル後では全ページにTwitter・facebookのボタンを設置し、またGallery、Worksの詳細ページにはPinterstのボタンを設置しました。<br />
Pinterstは今流行始めたから追加しただけです・・・。</p>
<h2>wordpressの勉強</h2>
<p>最近「wordpressでサイトを作るには！」系のエントリーが色々なところでされているので、それを読んで勉強しました。インストールと更新、テーマの編集程度は以前何度かやったことがあったのですが、ゼロからサイトとして設計してつくることは初めてだったので、とにかく調べる→読む→やってみる→調べる→･･･を繰り返しました。<br />
中でも<a href="http://webdesignrecipes.com/wordpress-corporate-website/trackback/" target="_blank">WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）</a>と<a href="http://kachibito.net/wordpress/theme-development-flow.html/trackback" target="_blank">WordPressのオリジナルテーマ作成フロー・基本マニュアル</a>を参考にしました。</p>
<h2>入れたプラグイン</h2>
<p><a href="http://wordpress.org/extend/plugins/custom-post-type-ui/" target="_blank">Custom Post Type UI</a><br />
→カスタム投稿タイプが簡単に作れるヤツ。<br />
Webデザインレシピさんの記事が詳しいです。<br />
<a href="http://webdesignrecipes.com/wireframe-with-wordpress-post-type/trackback/" target="_blank">WordPressでサイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ</a></p>
<p><a href="http://wordpress.org/extend/plugins/custom-field-template/" target="_blank">Custom Field Template</a><br />
→カスタムフィールドのテンプレートを簡単に作れるヤツ。<br />
こちらの記事が詳しいです。<br />
<a href="http://8works-web.com/2011/06/29/wordpress_register_post_type_custom_field_template/trackback/" target="_blank">WordPressで「カスタム投稿」と「カスタムフィールドテンプレート」</a><br />
Custom Post Type UIと組み合わせることで、下図のように投稿画面がシンプルでわかりやすくできます。<br />
<a href="http://kdtksh.com/wp-content/uploads/2012/02/Screenshot_11.png" rel="lightbox[1972]"><img src="http://kdtksh.com/wp-content/uploads/2012/02/Screenshot_11-600x334.png" alt="" title="Screenshot_1" width="584" height="325" class="aligncenter size-large wp-image-1973" /></a></p>
<p><a href="http://wordpress.org/extend/plugins/google-sitemap-generator/" target="_blank">Google XML Sitemaps</a><br />
→検索エンジン向けのサイトマップ（sitemap.xml）が自動で生成、更新されるヤツ。</p>
<p><a href="http://wordpress.org/extend/plugins/wp-super-cache/" target="_blank">WP Super Cache</a><br />
→ページのキャッシュを作って読み込みを早くしてくれるヤツ。</p>
<h2>苦戦したところ</h2>
<p>wordpressのテーマ（サイト）作成周りは調べれば大抵のことはあるので問題なかったのですが、開発→リリースの移行で手間取ってしまいました。</p>
<p>開発時は別ドメインのサブドメインに設置し、ベーシック認証で他人・検索エンジンに対してはじいていたのですが、いざリリース使用としてサーバー内のディレクトリ名を本番のものに変えて、.htaccessファイルとパスワード用のファイルを削除したら404のままという･･･。</p>
<p>実は.htaccess内にワードプレスの設定も書かれていたので、ファイルごと消したことが間違いなのですが、それに気がつかず、混乱したのでとりあえず寝てしまいリリースが1日遅れました。</p>
<h2>今後の課題（まだやってないこと）</h2>
<p>トップページは今newsコンテンツの最新を乗せているのですが、実はまだhtmlのままなので、「最新のnewsエントリーを表示させる」ようにする必要があります。<br />
また、そもそもトップページはそれでいいのか？という話もあるので、それは追々。<br />
あとは、SEO用に各ページにディスクリプションを入れるのもやってないので、それも追々。</p>
<p>Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2009/01/google-webmaster-central/' rel='bookmark' title='Google Webmaster Central'>Google Webmaster Central</a></li>
<li><a href='http://kdtksh.com/diary/2011/05/google-reader%e3%81%a8%e3%81%af%e3%81%a6%e3%83%96%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%81%a6%e6%83%85%e5%a0%b1%e3%82%92%e7%ae%a1%e7%90%86%e3%81%97%e3%81%a6%e3%81%84%e3%81%8f%e3%82%88%e3%80%82/' rel='bookmark' title='Google Readerとはてブを活用して情報を管理していくよ。'>Google Readerとはてブを活用して情報を管理していくよ。</a></li>
<li><a href='http://kdtksh.com/diary/2011/05/google-chrome%e3%82%92%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e3%81%97%e3%81%9f%e3%82%89%e5%85%a5%e3%82%8c%e3%81%a6%e3%81%8a%e3%81%8f%e6%8b%a1%e5%bc%b518%e5%80%8b/' rel='bookmark' title='Google Chromeをインストールしたら入れておく拡張18個'>Google Chromeをインストールしたら入れておく拡張18個</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2012/02/wordpress%e3%81%a7%e3%83%96%e3%83%ad%e3%82%b0%e3%81%98%e3%82%83%e3%81%aa%e3%81%84%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%9f%e3%82%88%ef%bc%81/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2012/02/wordpress%e3%81%a7%e3%83%96%e3%83%ad%e3%82%b0%e3%81%98%e3%82%83%e3%81%aa%e3%81%84%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%9f%e3%82%88%ef%bc%81/" />
	</item>
		<item>
		<title>向ヶ丘遊園から町田まで歩いた件</title>
		<link>http://kdtksh.com/diary/2012/02/%e5%90%91%e3%83%b6%e4%b8%98%e9%81%8a%e5%9c%92%e3%81%8b%e3%82%89%e7%94%ba%e7%94%b0%e3%81%be%e3%81%a7%e6%ad%a9%e3%81%84%e3%81%9f%e4%bb%b6/</link>
		<comments>http://kdtksh.com/diary/2012/02/%e5%90%91%e3%83%b6%e4%b8%98%e9%81%8a%e5%9c%92%e3%81%8b%e3%82%89%e7%94%ba%e7%94%b0%e3%81%be%e3%81%a7%e6%ad%a9%e3%81%84%e3%81%9f%e4%bb%b6/#comments</comments>
		<pubDate>Fri, 10 Feb 2012 06:06:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1958</guid>
		<description><![CDATA[先日、終電を逃したので向ヶ丘遊園から町田駅まであるきました。 深夜１時頃に向ヶ丘遊園で電車が停車して、そこからiphoneでGoogleの地図を頼りに延々と歩きました。 町田に着いたのは5時頃！ 生まれて初めて4時間ぶっ [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://kdtksh.com/wp-content/uploads/2012/02/Screenshot_4.png" rel="lightbox[1958]"><img src="http://kdtksh.com/wp-content/uploads/2012/02/Screenshot_4-600x472.png" alt="" title="walk" width="584" height="459" class="aligncenter size-large wp-image-1961" /></a></p>
<p>先日、終電を逃したので向ヶ丘遊園から町田駅まであるきました。<br />
深夜１時頃に向ヶ丘遊園で電車が停車して、そこからiphoneでGoogleの地図を頼りに延々と歩きました。<br />
町田に着いたのは5時頃！<br />
生まれて初めて4時間ぶっ続けであるいたんじゃなかろうか！というほど疲れましたよ。</p>
]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2012/02/%e5%90%91%e3%83%b6%e4%b8%98%e9%81%8a%e5%9c%92%e3%81%8b%e3%82%89%e7%94%ba%e7%94%b0%e3%81%be%e3%81%a7%e6%ad%a9%e3%81%84%e3%81%9f%e4%bb%b6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2012/02/%e5%90%91%e3%83%b6%e4%b8%98%e9%81%8a%e5%9c%92%e3%81%8b%e3%82%89%e7%94%ba%e7%94%b0%e3%81%be%e3%81%a7%e6%ad%a9%e3%81%84%e3%81%9f%e4%bb%b6/" />
	</item>
		<item>
		<title>2011年振り返りと2012年の抱負</title>
		<link>http://kdtksh.com/diary/2012/01/2011%e5%b9%b4%e6%8c%af%e3%82%8a%e8%bf%94%e3%82%8a%e3%81%a82012%e5%b9%b4%e3%81%ae%e6%8a%b1%e8%b2%a0/</link>
		<comments>http://kdtksh.com/diary/2012/01/2011%e5%b9%b4%e6%8c%af%e3%82%8a%e8%bf%94%e3%82%8a%e3%81%a82012%e5%b9%b4%e3%81%ae%e6%8a%b1%e8%b2%a0/#comments</comments>
		<pubDate>Mon, 09 Jan 2012 04:04:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1932</guid>
		<description><![CDATA[あけましておめでとうございます。 おかげさまで31歳になりました。 誕生日も1月なので、今年から毎年1年の振り返りと抱負を書いていこうと思います。 仕事のことを書きすぎてもアレなんで、プライベートを多めに。 2011年に [...]]]></description>
			<content:encoded><![CDATA[<p><iframe width="640" height="360" src="http://www.youtube.com/embed/SAIEamakLoY?rel=0&amp;hd=1" frameborder="0" allowfullscreen></iframe></p>
<p>あけましておめでとうございます。</p>
<p>おかげさまで31歳になりました。<br />
誕生日も1月なので、今年から毎年1年の振り返りと抱負を書いていこうと思います。<br />
仕事のことを書きすぎてもアレなんで、プライベートを多めに。</p>
<h2>2011年について</h2>
<h3>やりたくて、できたこと</h3>
<p>・パソコン自作<br />
→新しいケースを買って、SSD化もしました。</p>
<p>・都心生活を満喫<br />
→美術館やギャラリーに月一ペースで行きました。<br />
→都心に住むならクロスバイクはかなり役立つことがわかった一年でした。</p>
<p>・自転車で長距離を走る<br />
→夏休みに新宿-江ノ島間を往復しました。<br />
→246はもう二度とチャリでは使わないと思います。</p>
<p>・メディア運用<br />
→コストを下げつつUUを増やして、CVも増やすことができました。</p>
<p>・引越し<br />
→都心から引っ越しました。<br />
→僕ら夫婦に都心の生活のメリットはそれほど無かったようです。</p>
<h3>やりたかったけどしなかったこと</h3>
<p>・プログラミング<br />
→python、PHPの本を買ったけど全然手をつけず。猛省です。</p>
<p>・イラレとフォトショのスキルあげる<br />
→学生の頃の経験を食いつぶしているだけなので、最低限の使い方を身につける必要がありそうです。</p>
<h3>思いがけずできたこと</h3>
<p>・数人規模での仕事の進め方がなんとなくわかった気がします。<br />
→４人のチームで動けたので、戦略→実行→改善→実行のサイクルを回すことはできました。<br />
→ただタイミング的にまだ業務が成熟していなく（やればなんでもある程度の効果が出たし、とにかく色々やる必要もあった）、「効果検証から再度戦略を見直して実行」という流れはうまくできなかったのが課題です。</p>
<p>・人と仕事をするときの連携を意識することができました。<br />
→特に会議の場で「会議の目的・ゴールの明確化」を意識的に行うことで、無駄な時間を削れました。</p>
<p>・今までは、どちらかといえば個人プレー重視でしたが、チームで役割分担して動いて結果を出すことの喜びがわかった気がします。<br />
→チームで組織的に動いて結果を出すということの喜びを、何度か垣間見ました。個人的には2011年最大の収穫です。</p>
<h3>反省点</h3>
<p>・いろいろと時間を無駄にしたなぁ<br />
→人に動いてもらう時、自分のジャッジなど多くの場面で時間を無駄にしちゃいました。</p>
<p>・無駄に感情的になったこともあったなぁ<br />
→個人的にあまり感情的にならない方だと思ってましたが、何度か感情的になっちゃいました。<br />
→感情的になるのは手段として、冷静に相手の反応を見ながら意識しながらやらないと、ただの空回りであることを実感しました。</p>
<p>・あんまり本読まなかったなぁ<br />
→自転車通勤のせいにして、本を読みませんでした。</p>
<p>・うまく人を動かせなかったなぁ<br />
→これからは自分をハブとして組織が円滑に回るようなポジションにならないといけない年頃です。</p>
<h3>学んだこと</h3>
<p>・自分の振るまいによって相手がどう動くかを事前にシミュレーションして、いくつかの場合を想定しておけるぐらいの時間的、感情的余裕があると、物事を思い通りに進められる確率が上がる<br />
（予定調和と紙一重だから時と場合によるけれど）</p>
<p>・いいたいことを言って怒りを伝えたところで、結果が変わらなければ何も意味がないっつーかむしろマイナス</p>
<h2>2012年について</h2>
<h3>これから意識的にやる必要のあること</h3>
<p>・個人ではなくチームで動いて成果を出す<br />
・他者との共有（スキル、情報など）</p>
<h3>やりたいこと</h3>
<p>・自分の仕事をしつつ、関わる人が能動的に動けるような環境をつくる<br />
・プログラミング<br />
・データの可視化<br />
・定期的なインプットとアウトプット<br />
・ダイエット</p>
<h2>とりあえず3月までにやること</h2>
<p>・テラシマンのサイトをwordpressで１から作り直す。<br />
・毎月1冊以上本読んでこのブログに得たことをアウトプットする<br />
・通勤時に一駅分歩く<br />
・距離は短くてもいいから、マラソン大会に出る！</p>
<p>というわけで、いったん目標を3ヶ月で出してみました。<br />
結果は乞うご期待！</p>
]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2012/01/2011%e5%b9%b4%e6%8c%af%e3%82%8a%e8%bf%94%e3%82%8a%e3%81%a82012%e5%b9%b4%e3%81%ae%e6%8a%b1%e8%b2%a0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2012/01/2011%e5%b9%b4%e6%8c%af%e3%82%8a%e8%bf%94%e3%82%8a%e3%81%a82012%e5%b9%b4%e3%81%ae%e6%8a%b1%e8%b2%a0/" />
	</item>
		<item>
		<title>Steve Jobs 1955-2011</title>
		<link>http://kdtksh.com/diary/2011/10/steve-jobs-1955-2011/</link>
		<comments>http://kdtksh.com/diary/2011/10/steve-jobs-1955-2011/#comments</comments>
		<pubDate>Sat, 08 Oct 2011 03:53:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[Steve Jobs]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1901</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.apple.com/jp/stevejobs/"><img src="http://kdtksh.com/wp-content/uploads/2011/10/ff1da4872f9b18193bb398330bfa597a-600x401.png" alt="" title="アップル" width="584" height="390" class="aligncenter size-large wp-image-1910" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2011/10/steve-jobs-1955-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2011/10/steve-jobs-1955-2011/" />
	</item>
		<item>
		<title>記憶に残ったPV「Underworld &#8211; Louisiana」</title>
		<link>http://kdtksh.com/diary/2011/07/%e8%a8%98%e6%86%b6%e3%81%ab%e6%ae%8b%e3%81%a3%e3%81%9fpv%e3%80%8cunderworld-louisiana%e3%80%8d/</link>
		<comments>http://kdtksh.com/diary/2011/07/%e8%a8%98%e6%86%b6%e3%81%ab%e6%ae%8b%e3%81%a3%e3%81%9fpv%e3%80%8cunderworld-louisiana%e3%80%8d/#comments</comments>
		<pubDate>Mon, 18 Jul 2011 08:26:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>
		<category><![CDATA[barking]]></category>
		<category><![CDATA[beautyful]]></category>
		<category><![CDATA[PV]]></category>
		<category><![CDATA[underworld]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1888</guid>
		<description><![CDATA[Underworld - LouisianaのPV。Barkingに入っている曲。]]></description>
			<content:encoded><![CDATA[<p><iframe width="640" height="390" src="http://www.youtube.com/embed/f6WN9b7blfE?hd=1" frameborder="0" allowfullscreen></iframe></p>
<p>きれい。</p>
<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=FF0000&#038;t=amazon052a-22&#038;o=9&#038;p=8&#038;l=as4&#038;m=amazon&#038;f=ifr&#038;ref=ss_til&#038;asins=B003SUP1L2" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2011/07/%e8%a8%98%e6%86%b6%e3%81%ab%e6%ae%8b%e3%81%a3%e3%81%9fpv%e3%80%8cunderworld-louisiana%e3%80%8d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2011/07/%e8%a8%98%e6%86%b6%e3%81%ab%e6%ae%8b%e3%81%a3%e3%81%9fpv%e3%80%8cunderworld-louisiana%e3%80%8d/" />
	</item>
		<item>
		<title>競争戦略・ウェブナビゲーション・プレゼンにはストーリーが重要らしいよ。</title>
		<link>http://kdtksh.com/diary/2011/07/%e7%ab%b6%e4%ba%89%e6%88%a6%e7%95%a5%e3%83%bb%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%bb%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3/</link>
		<comments>http://kdtksh.com/diary/2011/07/%e7%ab%b6%e4%ba%89%e6%88%a6%e7%95%a5%e3%83%bb%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%bb%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3/#comments</comments>
		<pubDate>Mon, 18 Jul 2011 07:59:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>
		<category><![CDATA[Steve Jobs]]></category>
		<category><![CDATA[ストーリー]]></category>
		<category><![CDATA[ナビゲーション]]></category>
		<category><![CDATA[プレゼン]]></category>
		<category><![CDATA[競争戦略]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1869</guid>
		<description><![CDATA[結局、何かをコントロールするには事前にストーリーを作ってそれが実現するような打ち手を出して、実行するっていう普通の結末に収束しそうだけど、それはそれで。
Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2011/07/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%9f%ba%e7%a4%8e/' rel='bookmark' title='ウェブナビゲーションの基礎（デザイニング・ウェブナビゲーションのまとめ1）'>ウェブナビゲーションの基礎（デザイニング・ウェブナビゲーションのまとめ1）</a></li>
<li><a href='http://kdtksh.com/diary/2011/07/%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e7%90%86%e8%a7%a3%e3%81%99%e3%82%8b%ef%bc%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%bb%e3%82%a6%e3%82%a7/' rel='bookmark' title='ナビゲーションを理解する（デザイニング・ウェブナビゲーションのまとめ2）'>ナビゲーションを理解する（デザイニング・ウェブナビゲーションのまとめ2）</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>この連休中に本をいつもより読んだ。</p>
<p>今、平行して読んでいる本3つに共通するのは「ストーリー」。<br />
今、自分に関係があることは「ストーリーをいかに組み立てるか」なのか。</p>
<p><a href="http://www.amazon.co.jp/gp/product/4492532706/ref=as_li_ss_tl?ie=UTF8&#038;tag=okadadeluxe-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=4492532706">「ストーリーとしての競争戦略 ―優れた戦略の条件」</a><img src="http://www.assoc-amazon.jp/e/ir?t=&#038;l=as2&#038;o=9&#038;a=4492532706" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />では、「ストーリーとして成立するものこそが戦略」。<br />
<a href="http://ja.wikipedia.org/wiki/%E3%83%9E%E3%83%96%E3%83%81%E3%83%A2%E3%83%BC%E3%82%BF%E3%83%BC" target="_blank">マブチモーター</a>の「小型モーターの標準化」「生産のオフショア」戦略を例示。<br />
風が吹けば桶屋が儲かる的な？会社に置いててしかもまだ読み終わってないけど。</p>
<p><a href="http://www.amazon.co.jp/gp/product/4873114101/ref=as_li_ss_tl?ie=UTF8&#038;tag=okadadeluxe-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=4873114101">「デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計」</a><img src="http://www.assoc-amazon.jp/e/ir?t=&#038;l=as2&#038;o=9&#038;a=4873114101" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />では「ナビゲーションとは、設計者がストーリーを立てて、ユーザーにそれをトレースしてもらうこと」。<br />
数多くあるナビゲーションパーツを機能やユーザーに与える印象ごとに体系化。<br />
本を読むようにサイトのページを見てもらって最終的にCVさせる的な？まだ読み終わってないけど。</p>
<p><a href="http://www.amazon.co.jp/gp/product/482224816X/ref=as_li_ss_tl?ie=UTF8&#038;tag=okadadeluxe-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=482224816X">「スティーブ・ジョブズ 驚異のプレゼン―人々を惹きつける18の法則」</a><img src="http://www.assoc-amazon.jp/e/ir?t=&#038;l=as2&#038;o=9&#038;a=482224816X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />では「プレゼンとは演劇であり、スライドなんかよりもストーリーが大事」。<br />
インテルへの移行を説明したプレゼンは秀逸らしい。（6:04あたりから）<br />
<iframe width="425" height="349" src="http://www.youtube.com/embed/kozBbXPkeJI" frameborder="0" allowfullscreen></iframe><br />
聞いている人に体験してもらうということ？まだ読み終わってないけど。</p>
<p>結局、何かをコントロールするには事前にストーリーを作ってそれが実現するような打ち手を出して、実行するっていう普通の結末に収束しそうだけど、それはそれで。</p>
<div style="float:left; margin-right:50px;">
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=FF0000&#038;t=amazon052a-22&#038;o=9&#038;p=8&#038;l=as4&#038;m=amazon&#038;f=ifr&#038;ref=ss_til&#038;asins=4492532706" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>
<div style="float:left; margin-right:50px;">
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=FF0000&#038;t=amazon052a-22&#038;o=9&#038;p=8&#038;l=as4&#038;m=amazon&#038;f=ifr&#038;ref=ss_til&#038;asins=4873114101" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>
<div style="float:left; margin-right:50px;">
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=FF000C&#038;t=amazon052a-22&#038;o=9&#038;p=8&#038;l=as4&#038;m=amazon&#038;f=ifr&#038;ref=ss_til&#038;asins=482224816X" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>
<p>Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2011/07/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%9f%ba%e7%a4%8e/' rel='bookmark' title='ウェブナビゲーションの基礎（デザイニング・ウェブナビゲーションのまとめ1）'>ウェブナビゲーションの基礎（デザイニング・ウェブナビゲーションのまとめ1）</a></li>
<li><a href='http://kdtksh.com/diary/2011/07/%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e7%90%86%e8%a7%a3%e3%81%99%e3%82%8b%ef%bc%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%bb%e3%82%a6%e3%82%a7/' rel='bookmark' title='ナビゲーションを理解する（デザイニング・ウェブナビゲーションのまとめ2）'>ナビゲーションを理解する（デザイニング・ウェブナビゲーションのまとめ2）</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2011/07/%e7%ab%b6%e4%ba%89%e6%88%a6%e7%95%a5%e3%83%bb%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%bb%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2011/07/%e7%ab%b6%e4%ba%89%e6%88%a6%e7%95%a5%e3%83%bb%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%bb%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3/" />
	</item>
		<item>
		<title>BanksyのWall and Pieceが欲しい。</title>
		<link>http://kdtksh.com/diary/2011/07/banksy%e3%81%aewall-and-piece%e3%81%8c%e6%ac%b2%e3%81%97%e3%81%84%e3%80%82/</link>
		<comments>http://kdtksh.com/diary/2011/07/banksy%e3%81%aewall-and-piece%e3%81%8c%e6%ac%b2%e3%81%97%e3%81%84%e3%80%82/#comments</comments>
		<pubDate>Mon, 18 Jul 2011 06:16:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>
		<category><![CDATA[amazon]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[Banksy]]></category>
		<category><![CDATA[作品集]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1861</guid>
		<description><![CDATA[Banksy(バンクシー) の作品集？が気になってます。
Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2009/01/%e3%81%82%e3%81%91%e3%81%be%e3%81%97%e3%81%a6%e3%81%8a%e3%82%81%e3%81%a7%e3%81%a8%e3%81%86%e3%81%94%e3%81%96%e3%81%84%e3%81%be%e3%81%99%e3%80%82/' rel='bookmark' title='あけましておめでとうございます。'>あけましておめでとうございます。</a></li>
<li><a href='http://kdtksh.com/diary/2009/01/iphone-toy-camera%e3%81%a8%e3%83%95%e3%83%a9%e3%83%b3%e3%82%b9%e6%96%99%e7%90%86%e3%81%a8%e3%83%aa%e3%83%bc%e3%83%90%e3%82%a4%e3%82%b9%e3%80%82/' rel='bookmark' title='iphone toy cameraとフランス料理とリーバイス。'>iphone toy cameraとフランス料理とリーバイス。</a></li>
<li><a href='http://kdtksh.com/diary/2009/01/yahoo-yst%e3%80%80%e3%82%a4%e3%83%b3%e3%83%87%e3%83%83%e3%82%af%e3%82%b9%e6%9b%b4%e6%96%b0/' rel='bookmark' title='Yahoo! YST　インデックス更新'>Yahoo! YST　インデックス更新</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Banksy(バンクシー) の作品集？が気になってます。</p>
<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=111111&#038;lc1=FF0000&#038;t=okadadeluxe-22&#038;o=9&#038;p=8&#038;l=as4&#038;m=amazon&#038;f=ifr&#038;ref=ss_til&#038;asins=4891948884" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<blockquote><p>
イギリスのロンドンを拠点に活動する覆面芸術家バンクシー。<br />
ロンドンのテート・モダンや、ニューヨークのメトロポリタン美術館への無許可展示など、<br />
常にスキャンダラスなパフォーマンスで話題の人物。<br />
世界中の壁、橋、街の動物園など、あらゆるストリートの一角に、<br />
ウィットに富み、破壊力のあるグラフィティで彩りを与えることを仕業としている。<br />
そのモチーフは大量破壊兵器を持った猿、スマイリーマークと警察官、ドリルや傘を持ったネズミなど、世界を風刺したものが多い。<br />
バンクシーは多くの作品を残しているが、その素性はいまだ多くの謎につつまれている。<br />
新旧合わせた彼の代表作を初めてオールカラーで網羅した待望の日本語版が、ついにリリース!!!
</p></blockquote>
<p><div id="attachment_1864" class="wp-caption aligncenter" style="width: 310px"><a href="http://kdtksh.com/wp-content/uploads/2011/07/consumer_jesus_banksy1.jpg" rel="lightbox[1861]"><img src="http://kdtksh.com/wp-content/uploads/2011/07/consumer_jesus_banksy1-300x218.jpg" alt="" title="consumer_jesus_banksy1" width="300" height="218" class="size-medium wp-image-1864" /></a><p class="wp-caption-text">consumer_jesus</p></div><br />
こういうのとかがたくさん載っている。</p>
<p>Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2009/01/%e3%81%82%e3%81%91%e3%81%be%e3%81%97%e3%81%a6%e3%81%8a%e3%82%81%e3%81%a7%e3%81%a8%e3%81%86%e3%81%94%e3%81%96%e3%81%84%e3%81%be%e3%81%99%e3%80%82/' rel='bookmark' title='あけましておめでとうございます。'>あけましておめでとうございます。</a></li>
<li><a href='http://kdtksh.com/diary/2009/01/iphone-toy-camera%e3%81%a8%e3%83%95%e3%83%a9%e3%83%b3%e3%82%b9%e6%96%99%e7%90%86%e3%81%a8%e3%83%aa%e3%83%bc%e3%83%90%e3%82%a4%e3%82%b9%e3%80%82/' rel='bookmark' title='iphone toy cameraとフランス料理とリーバイス。'>iphone toy cameraとフランス料理とリーバイス。</a></li>
<li><a href='http://kdtksh.com/diary/2009/01/yahoo-yst%e3%80%80%e3%82%a4%e3%83%b3%e3%83%87%e3%83%83%e3%82%af%e3%82%b9%e6%9b%b4%e6%96%b0/' rel='bookmark' title='Yahoo! YST　インデックス更新'>Yahoo! YST　インデックス更新</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2011/07/banksy%e3%81%aewall-and-piece%e3%81%8c%e6%ac%b2%e3%81%97%e3%81%84%e3%80%82/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2011/07/banksy%e3%81%aewall-and-piece%e3%81%8c%e6%ac%b2%e3%81%97%e3%81%84%e3%80%82/" />
	</item>
		<item>
		<title>THE TOKYO ART BOOK FAIR 2011へ行ってきた</title>
		<link>http://kdtksh.com/diary/2011/07/the-tokyo-art-book-fair-2011%e3%81%b8%e8%a1%8c%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%9f/</link>
		<comments>http://kdtksh.com/diary/2011/07/the-tokyo-art-book-fair-2011%e3%81%b8%e8%a1%8c%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%9f/#comments</comments>
		<pubDate>Sun, 17 Jul 2011 14:29:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>
		<category><![CDATA[3331]]></category>
		<category><![CDATA[パフェに埋もれたい]]></category>
		<category><![CDATA[ミヒャエル・ゾーヴァ]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1849</guid>
		<description><![CDATA[先日テラシマンの用事で秋葉原にある「3331 Arts Chiyoda」へ行ってきた。
Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2009/03/google%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%81%a7%e3%83%96%e3%83%ad%e3%82%b0%e3%82%92%e5%8c%ba%e5%88%a5%e3%81%a8%e6%96%b0%e6%8a%80%e8%a1%93/' rel='bookmark' title='Google検索結果でブログを区別か+検索精度の向上で新技術。'>Google検索結果でブログを区別か+検索精度の向上で新技術。</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>先日テラシマンの用事で秋葉原にある「<a href="http://www.3331.jp/">3331 Arts Chiyoda</a>」へ行ってきた。</p>
<p>ついでに、たまたまやっていた<a href="http://zinesmate.org/" title="THE TOKYO ART BOOK FAIR 2011 " target="_blank">THE TOKYO ART BOOK FAIR 2011</a>をぶらぶら見てきた。<br />
そこはアート関係のミニコミ紙？的なものを即売している集まりで、お洒落な雑誌がたくさん直販されていて、二人とも学生の時にはrelaxの愛読者だったもんで、<a href="http://www.amazon.co.jp/gp/product/4904216121/ref=as_li_ss_tl?ie=UTF8&#038;tag=amazon052a-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=4904216121">「元relaxの編集長が作った雑誌！」</a><img src="http://www.assoc-amazon.jp/e/ir?t=&#038;l=as2&#038;o=9&#038;a=4904216121" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br />
というのを買った。</p>
<p>で、いろいろ見ていたら、印刷屋さんのコーナーで紙のサンプルとして配っていたヤツで素敵な絵を発見！<br />
タイトルは「パフェに埋もれたい」。<br />
<a href="http://kdtksh.com/wp-content/uploads/2011/07/parfait.jpg" rel="lightbox[1849]"><img src="http://kdtksh.com/wp-content/uploads/2011/07/parfait.jpg" alt="パフェに埋もれたい" title="パフェに埋もれたい" width="396" height="600" class="aligncenter size-full wp-image-1850" /></a></p>
<p>素敵すぎる。<br />
<a href="http://www.tom-tom.net/" title="開楽智治" target="_blank">開楽智治(カイラク　トモハル)さん </a>という方らしい。<br />
<a href="http://www.google.co.jp/search?hl=ja&#038;safe=off&#038;qscrl=1&#038;tbm=isch&#038;sa=X&#038;ei=7_AiTqX9Ku_4mAWrjbGxAw&#038;ved=0CDYQBSgA&#038;q=%E3%83%9F%E3%83%92%E3%83%A3%E3%82%A8%E3%83%AB%E3%83%BB%E3%82%BE%E3%83%BC%E3%83%B4%E3%82%A1&#038;spell=1&#038;biw=1680&#038;bih=925" title="ミヒャエル・ゾーヴァ" target="_blank">ミヒャエル・ゾーヴァ</a>が好きだそうで、たしかにゾーバ好きとしては引っかかるよね。</p>
<p>楽しかったよ。</p>
<p>Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2009/03/google%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%81%a7%e3%83%96%e3%83%ad%e3%82%b0%e3%82%92%e5%8c%ba%e5%88%a5%e3%81%a8%e6%96%b0%e6%8a%80%e8%a1%93/' rel='bookmark' title='Google検索結果でブログを区別か+検索精度の向上で新技術。'>Google検索結果でブログを区別か+検索精度の向上で新技術。</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2011/07/the-tokyo-art-book-fair-2011%e3%81%b8%e8%a1%8c%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%9f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2011/07/the-tokyo-art-book-fair-2011%e3%81%b8%e8%a1%8c%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%9f/" />
	</item>
		<item>
		<title>ナビゲーションを理解する（デザイニング・ウェブナビゲーションのまとめ2）</title>
		<link>http://kdtksh.com/diary/2011/07/%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e7%90%86%e8%a7%a3%e3%81%99%e3%82%8b%ef%bc%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%bb%e3%82%a6%e3%82%a7/</link>
		<comments>http://kdtksh.com/diary/2011/07/%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e7%90%86%e8%a7%a3%e3%81%99%e3%82%8b%ef%bc%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%bb%e3%82%a6%e3%82%a7/#comments</comments>
		<pubDate>Sun, 17 Jul 2011 06:31:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>
		<category><![CDATA[O'Reilly]]></category>
		<category><![CDATA[サイト制作]]></category>
		<category><![CDATA[デザイニング・ウェブナビゲーション]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1845</guid>
		<description><![CDATA[デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計を読んでのまとめ。
続きまして、第一部 2章：ナビゲーションを理解する。
Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2011/07/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%9f%ba%e7%a4%8e/' rel='bookmark' title='ウェブナビゲーションの基礎（デザイニング・ウェブナビゲーションのまとめ1）'>ウェブナビゲーションの基礎（デザイニング・ウェブナビゲーションのまとめ1）</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.amazon.co.jp/gp/product/4873114101/ref=as_li_ss_tl?ie=UTF8&#038;tag=amazon052a-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=4873114101">「デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計」</a><img src="http://www.assoc-amazon.jp/e/ir?t=&#038;l=as2&#038;o=9&#038;a=4873114101" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />を読んでのまとめ。<br />
続きまして、第一部 2章：ナビゲーションを理解する。</p>
<h3>情報探索の6つの行動</h3>
<ol>
<li>開始</li>
<li>連結</li>
<li>閲覧</li>
<li>分別</li>
<li>監視</li>
<li>抽出</li>
</ol>
<p>ユーザーは情報を探しながら6つの間を行き来する<br />
→情報探索は「直線的」ではない
</p>
<h3>情報探索のモード</h3>
<ol>
<li>指向性閲覧：特定の情報に的を絞ったモード</li>
<li>半指向性閲覧：ニーズがそれほどはっきりとはしていないモード</li>
<li>無指向性閲覧：無目的なモード</li>
</ol>
<p>これらのモードは相互排他的なものではない！<br />
ユーザではなく、サイトが持つ情報探索のモードがわかれば、ユーザーのニーズに応じるナビゲーションを設計できるはず！
</p>
<p>
ブラウズと探索は相互排他的なものではなく、互いを補う関係のもの<br />
ナビゲーションの目標は探索時間の最適化<br />
重要なことは求めている情報を得るために必要なリンクのみを表示すること<br />
→ユーザーが本来のタスクに集中できるよう、余計な道筋を示さないことが重要<br />
ブラウジング行動は「ハブとスポーク方式」<br />
遷移的変動性：ブラウジング中のナビゲーションの変化の度合い</p>
<p>ナビゲーションは<br />
・急な変化ではなく<br />
・理にかなった予測しやすい変化を付けながら<br />
・頻繁に変えていく<br />
のが良いパターン</p>
<p>トリガーワード：ユーザーのニーズにマッチするナビゲーション用のラベルやテキスト</p>
<p>バナー忌避現象：ユーザーは経験からバナー広告や、それに類する長方形のエリアを見ないようにする傾向を持つ<br />
→同様に「ナビゲーション忌避現象」を克服する必要がある</p>
<p>情報のシェイプ：その情報特有の形式（フォーマット）<br />
例）あるサイトを見たときに、それがニュースサイトだとわかるのは、ニュースサイト全般に共通する特徴があるから</p>
<p>「感情」と「認知」には深い関係性がある<br />
→ユーザーはウェブページを0.05秒見ただけでページのアピールポイントがわかる<br />
→デザインは重要</p>
<p>情報探索から完了するまでのユーザーの感情の遷移について<br />
→情報量とポジティブな感情は単純な比例関係ではない<br />
→探索しているテーマについて情報量がある程度増えてくると、大量の情報に混乱して迷う<br />
→情報を整理して比較する<br />
→結論にいたる</p>
<p>優れた情報体験を生み出す要因は「ネガティブな感情を防ぐこと」</p>
<p>ユーザーの情報探索のテンションを下げないために気をつけるポイント<br />
・ラベリング：トリガーワードをうまく使う<br />
・体系化：情報のグループ化をする<br />
・外観：ナビゲーションのレイアウトや見た目の審美性を上げる
</p>
<div class="amazlet-box" style="margin-bottom:0px;">
<div class="amazlet-image" style="float:left;margin:0px 12px 1px 0px;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114101/amazon052a-22/ref=nosim/" name="amazletlink" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51hJv2ygkpL._SL160_.jpg" alt="デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計" style="border: none;" /></a></div>
<div class="amazlet-info" style="line-height:120%; margin-bottom: 10px">
<div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114101/amazon052a-22/ref=nosim/" name="amazletlink" target="_blank">デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計</a>
<div class="amazlet-powered-date" style="font-size:80%;margin-top:5px;line-height:120%">posted with <a href="http://www.amazlet.com/browse/ASIN/4873114101/amazon052a-22/ref=nosim/" title="デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計" target="_blank">amazlet</a> at 11.07.17</div>
</div>
<div class="amazlet-detail">James Kalbach <br />オライリージャパン <br />売り上げランキング: 40233</div>
<div class="amazlet-sub-info" style="float: left;">
<div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114101/amazon052a-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
</div>
<div class="amazlet-footer" style="clear: left"></div>
</div>
<p>Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2011/07/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%9f%ba%e7%a4%8e/' rel='bookmark' title='ウェブナビゲーションの基礎（デザイニング・ウェブナビゲーションのまとめ1）'>ウェブナビゲーションの基礎（デザイニング・ウェブナビゲーションのまとめ1）</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2011/07/%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e7%90%86%e8%a7%a3%e3%81%99%e3%82%8b%ef%bc%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%bb%e3%82%a6%e3%82%a7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2011/07/%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e7%90%86%e8%a7%a3%e3%81%99%e3%82%8b%ef%bc%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8b%e3%83%b3%e3%82%b0%e3%83%bb%e3%82%a6%e3%82%a7/" />
	</item>
		<item>
		<title>ウェブナビゲーションの基礎（デザイニング・ウェブナビゲーションのまとめ1）</title>
		<link>http://kdtksh.com/diary/2011/07/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%9f%ba%e7%a4%8e/</link>
		<comments>http://kdtksh.com/diary/2011/07/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%9f%ba%e7%a4%8e/#comments</comments>
		<pubDate>Sun, 17 Jul 2011 06:00:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[diary]]></category>
		<category><![CDATA[O'Reilly]]></category>
		<category><![CDATA[サイト制作]]></category>
		<category><![CDATA[デザイニング・ウェブナビゲーション]]></category>

		<guid isPermaLink="false">http://kdtksh.com/?p=1835</guid>
		<description><![CDATA[デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計を読んでのまとめ。
まずは第一部 1章：ウェブナビゲーション入門について。
Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2009/09/built-with-processing-%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%a2%e3%83%bc%e3%83%88%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%85%a5/' rel='bookmark' title='Built with Processing デザイン/アートのためのプログラミング入門［改訂版］'>Built with Processing デザイン/アートのためのプログラミング入門［改訂版］</a></li>
<li><a href='http://kdtksh.com/diary/2009/09/processingstudyno_01/' rel='bookmark' title='processingStudyNo_01'>processingStudyNo_01</a></li>
<li><a href='http://kdtksh.com/diary/2009/12/2005-steven-paul-jobs-speech-at-stanford/' rel='bookmark' title='スティーブ・ジョブズのスピーチ@スタンフォード大学卒業式'>スティーブ・ジョブズのスピーチ@スタンフォード大学卒業式</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.amazon.co.jp/gp/product/4873114101/ref=as_li_ss_tl?ie=UTF8&#038;tag=amazon052a-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=4873114101">「デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計」</a><img src="http://www.assoc-amazon.jp/e/ir?t=&#038;l=as2&#038;o=9&#038;a=4873114101" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />を読んでのまとめ。<br />
まずは第一部 1章：ウェブナビゲーション入門について。</p>
<h3>ナビゲーションモデルのパターン</h3>
<h4>コンテンツ間のリンク</h4>
<ul>
<li>コンテンツ間の文脈は強化される</li>
<li>情報の全体的なファインダビリティは低い</li>
</ul>
<p>→はてなの内部リンク的なもの
</p>
<h4>リキッド・インフォメーションモデル</h4>
<ul>
<li>ハイパーテキストではなく「ハイパーワード」</li>
<li>単語をクリックするとオプションメニューからナビゲーションを選択</li>
</ul>
<p>→ブラウザの右クリックメニュー的なもの
</p>
<h4>フィルタモデル</h4>
<ul>
<li>フィルタリングやソートのコントローラーからコンテンツをコントロール</li>
<li>コンテンツの全体像がつかみにくい</li>
</ul>
<p>→パラメーターをいじるようなナビゲーション
</p>
<h4>構造型ブラウズモデル</h4>
<ul>
<li>ディレクトリ構造を持ったナビゲーション</li>
</ul>
<p>→以前のYahoo!など
</p>
<h4>検索モデル</h4>
<ul>
<li>探しているものが明らかな場合に便利</li>
<p>→Googleなど
</ul>
</p>
<p>実際のサイトは複数のナビゲーションを組み合わせている</p>
<h3>ディレクトリのナビゲーションモデルを持ったサイトは、検索型よりもブラウジングを続ける割合が多かった。</h3>
<p>カテゴリからブラウズしたユーザーは目的のコンテンツが見つかっても62%が引き続きブラウジングを続けた。<br />
検索のナビゲーションの場合、ブラウジングを続けたユーザーは20%。<br />
参照した目的のコンテンツ以外のページ数について、ディレクトリ型のユーザーは検索ナビゲーションのユーザーに比べてほぼ10倍に達した。</p>
<h3>ナビゲーションを設計する際には</h3>
<ul>
<li>何故そのサイトを作っているか</li>
<li>誰が利用するのか</li>
<li>どんな情報にアクセスできるようにするのか</li>
</ul>
<p>をよく考える必要がある。
</p>
<div class="amazlet-box" style="margin-bottom:0px;">
<div class="amazlet-image" style="float:left;margin:0px 12px 1px 0px;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114101/amazon052a-22/ref=nosim/" name="amazletlink" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51hJv2ygkpL._SL160_.jpg" alt="デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計" style="border: none;" /></a></div>
<div class="amazlet-info" style="line-height:120%; margin-bottom: 10px">
<div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114101/amazon052a-22/ref=nosim/" name="amazletlink" target="_blank">デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計</a>
<div class="amazlet-powered-date" style="font-size:80%;margin-top:5px;line-height:120%">posted with <a href="http://www.amazlet.com/browse/ASIN/4873114101/amazon052a-22/ref=nosim/" title="デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計" target="_blank">amazlet</a> at 11.07.17</div>
</div>
<div class="amazlet-detail">James Kalbach <br />オライリージャパン <br />売り上げランキング: 40233</div>
<div class="amazlet-sub-info" style="float: left;">
<div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114101/amazon052a-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
</div>
<div class="amazlet-footer" style="clear: left"></div>
</div>
<p>Related posts:<ol>
<li><a href='http://kdtksh.com/diary/2009/09/built-with-processing-%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%a2%e3%83%bc%e3%83%88%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%85%a5/' rel='bookmark' title='Built with Processing デザイン/アートのためのプログラミング入門［改訂版］'>Built with Processing デザイン/アートのためのプログラミング入門［改訂版］</a></li>
<li><a href='http://kdtksh.com/diary/2009/09/processingstudyno_01/' rel='bookmark' title='processingStudyNo_01'>processingStudyNo_01</a></li>
<li><a href='http://kdtksh.com/diary/2009/12/2005-steven-paul-jobs-speech-at-stanford/' rel='bookmark' title='スティーブ・ジョブズのスピーチ@スタンフォード大学卒業式'>スティーブ・ジョブズのスピーチ@スタンフォード大学卒業式</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://kdtksh.com/diary/2011/07/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%9f%ba%e7%a4%8e/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kdtksh.com/diary/2011/07/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%9f%ba%e7%a4%8e/" />
	</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
