<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2japanesefull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>ウェビメモ</title>
	
	<link>http://webimemo.com</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Thu, 10 May 2012 00:12:59 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/webimemo/jERU" /><feedburner:info uri="webimemo/jeru" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><itunes:explicit>no</itunes:explicit><itunes:subtitle>Just another WordPress site</itunes:subtitle><feedburner:feedFlare href="http://www.plusmo.com/add?url=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://plusmo.com/res/graphics/fbplusmo.gif">Subscribe with Plusmo</feedburner:feedFlare><feedburner:feedFlare href="http://www.thefreedictionary.com/_/hp/AddRSS.aspx?http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://img.tfd.com/hp/addToTheFreeDictionary.gif">Subscribe with The Free Dictionary</feedburner:feedFlare><feedburner:feedFlare href="http://www.bitty.com/manual/?contenttype=rssfeed&amp;contentvalue=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://www.bitty.com/img/bittychicklet_91x17.gif">Subscribe with Bitty Browser</feedburner:feedFlare><feedburner:feedFlare href="http://www.live.com/?add=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><feedburner:feedFlare href="http://mix.excite.eu/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://image.excite.co.uk/mix/addtomix.gif">Subscribe with Excite MIX</feedburner:feedFlare><feedburner:feedFlare href="http://www.webwag.com/wwgthis.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://www.webwag.com/images/wwgthis.gif">Subscribe with Webwag</feedburner:feedFlare><feedburner:feedFlare href="http://www.podcastready.com/oneclick_bookmark.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://www.podcastready.com/images/podcastready_button.gif">Subscribe with Podcast Ready</feedburner:feedFlare><feedburner:feedFlare href="http://www.wikio.com/subscribe?url=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://www.wikio.com/shared/img/add2wikio.gif">Subscribe with Wikio</feedburner:feedFlare><feedburner:feedFlare href="http://www.dailyrotation.com/index.php?feed=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://www.dailyrotation.com/rss-dr2.gif">Subscribe with Daily Rotation</feedburner:feedFlare><feedburner:feedFlare href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare href="http://odeo.com/listen/subscribe?feed=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://odeo.com/img/badge-channel-black.gif">Subscribe with ODEO</feedburner:feedFlare><feedburner:feedFlare href="http://www.podnova.com/add.srf?url=http%3A%2F%2Ffeeds.feedburner.com%2Fwebimemo%2FjERU" src="http://www.podnova.com/img_chicklet_podnova.gif">Subscribe with Podnova</feedburner:feedFlare><feedburner:browserFriendly>ご利用中のRSSリーダーに登録をお願いします。&#xD;
おすすめはgoogleです:)</feedburner:browserFriendly><item>
		<title>せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ</title>
		<link>http://webimemo.com/web/3767</link>
		<comments>http://webimemo.com/web/3767#comments</comments>
		<pubDate>Thu, 10 May 2012 00:12:59 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[アプリ]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3767</guid>
		<description><![CDATA[去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙（@xxmiz0rexx）で [...]]]></description>
			<content:encoded><![CDATA[<img src="http://webimemo.com/wp-content/uploads/coda-540x183.png" alt="" title="coda" width="540" height="183" class="imgpad aligncenter size-540 wp-image-3774" />
<p>
去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『<a href="http://click.linksynergy.com/fs-bin/stat?id=PG2WTJCip4o&#038;offerid=94348&#038;type=3&#038;subid=0&#038;tmpid=2192&#038;RD_PARM1=http%253A%252F%252Fitunes.apple.com%252Fjp%252Fapp%252Fcoda%252Fid406001464%253Fmt%253D12%2526uo%253D4%2526partnerId%253D30" target="itunes_store">Coda</a>』をインストールしたんですが、
DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙（<a href="http://twitter.com/xxmiz0rexx" target="_new">@xxmiz0rexx</a>）です。
</p>


<p>使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。
</p>
<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h2>プラグインを入れて快適に使う</h2>
<p>まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、
まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『<a target="_new" href="http://onecrayon.com/tea/coda/">TEA for Coda | One Crayon</a> <a href="http://b.hatena.ne.jp/entry/onecrayon.com/tea/coda/"><img src="http://b.hatena.ne.jp/entry/image/http://onecrayon.com/tea/coda/" alt="はてなブックマーク - TEA for Coda | One Crayon" border="0" /></a>』を入れれば良いという結論に達しました。
</p>
<a target="_new" href="http://onecrayon.com/tea/coda/"><img src="http://webimemo.com/wp-content/uploads/TEA-for-Coda.png" alt="" title="TEA for Coda" width="540" height="284" class="imgpad aligncenter size-full wp-image-3778" /></a>
<p>このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが可能です。
Codaデフォルトのショートカットキーで存在するのかと思ったんですが、調べても見当たらなかったのでプラグインの導入を決めました。インストール方法は、ダウンロードしたプラグインファイルをダブルクリックするだけなので楽チンです♪
</p>

<h2>覚えておきたいショートカットリスト</h2>

<p>TEA for Codaを導入したら、あとはただひたすらコーディングするのみです。
一日も早くショートカットキーを覚え、ストレスのないコーディングを目指します(｀・ω・´)ｼｬｷｰﾝ</p>

<p>以下に私が覚えておきたいショートカットキーをまとめました。「div#main+div#sub」など、ID名をつけて入れ子にして〜などという記述法の説明は今回触れませんので、
それについては以下の記事が分かりやすくておすすめです。</p>
<p>参考：<a target="_new" href="http://techblog.yahoo.co.jp/tips/_zencoding/">マークアップ効率化 &#8211; zen-codingでコーディングを倍速に (Yahoo! JAPAN Tech Blog)</a> <a href="http://b.hatena.ne.jp/entry/techblog.yahoo.co.jp/tips/_zencoding/"><img src="http://b.hatena.ne.jp/entry/image/http://techblog.yahoo.co.jp/tips/_zencoding/" alt="はてなブックマーク - マークアップ効率化 - zen-codingでコーディングを倍速に (Yahoo! JAPAN Tech Blog)" border="0" /></a></p>


<style type="text/css">
<!--

.zen_coding_table{
	border-collapse: collapse;
	width: 100%;
}

.zen_coding_table thead{
	background: #F1829E;
	color:#fff;
}

.zen_coding_table tbody tr:nth-child(even){
	background:#efefef;
}

.zen_coding_table th,.zen_coding_table td{
	padding: 5px 10px;
	border:1px solid #ccc;
	margin: 0;
	text-align: center;
	letter-spacing: 1px;
}

.zen_coding_table .box{
	display: inline-block;
	padding: 5px 10px;
	margin: 3px;
	border: 1px solid #333;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
	background: -moz-linear-gradient(top,  #555,  #222);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#222');
	-moz-box-shadow: inset 1px 1px 1px #777;
	-webkit-box-shadow: inset 1px 1px 1px #777;
	box-shadow: inset 1px 1px 1px #777;
	color:#fff;
}

-->
</style>


<h4>タグの挿入系</h4>
<table class="zen_coding_table">
<thead>
<tr>
<th>入力コマンド</th>
<th>表示結果</th>
</tr>
</thead>
<tbody>
<tr>
<td>p + <span class="box">Ctrl</span> + <span class="box">,</span></td>
<td>&lt;p&gt;&lt;/p&gt;</td>
</tr>
<tr>
<td>h1 + <span class="box">Ctrl</span> + <span class="box">,</span></td>
<td>&lt;h1&gt;&lt;/h1&gt;</td>
</tr>
<tr>
<td><span class="box">Ctrl</span> + <span class="box">Return</span></td>
<td>&lt;br /&gt;</td>
</tr>
<tr>
<td><span class="box">Ctrl</span> + <span class="box">Alt</span> + <span class="box">b</span></td>
<td>選択範囲を&lt;strong&gt;&lt;/strong&gt;で囲う</td>
</tr>
<tr>
<td><span class="box">Ctrl</span> + <span class="box">Shift</span> + <span class="box">w</span></td>
<td>選択範囲を好きなタグで囲う</td>
</tr>
<tr>
<td><span class="box">Ctrl</span> + <span class="box">Shift</span> + <span class="box">L</span></td>
<td>選択範囲を&lt;a href=&#8221;http://&#8221;&gt;&lt;/a&gt;で囲う</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">/</span></td>
<td>選択範囲をコメントアウト</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">]</span></td>
<td>インデントを増やす</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">[</span></td>
<td>インデントを減らす</td>
</tr>
</tbody>
</table>

<p>最初の2つだけ種類が違いますが・・。pと入力した後に
Ctrl + ,を入力するとタグが展開されますよ。
</p>


<h4>カーソル移動・表示系</h4>

<table class="zen_coding_table">
<thead>
<tr>
<th>入力コマンド</th>
<th>表示結果</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="box">Cmd</span> + <span class="box">1</span></td>
<td>モード：サイトを表示</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">2</span></td>
<td>モード：エディタを表示</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">3</span></td>
<td>モード：プレビューを表示</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">4</span></td>
<td>モード：CSSを表示</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">5</span></td>
<td>モード：ターミナルを表示</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">6</span></td>
<td>モード：ブックを表示</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">d</span></td>
<td>次の見出しまでジャンプ</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">Shift</span> + <span class="box">d</span></td>
<td>前の見出しまでジャンプ</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">Return</span></td>
<td>行の終わりで改行</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">Alt</span> + <span class="box">i</span></td>
<td>不可視文字の表示on/off</td>
</tr>
<tr>
<td><span class="box">Cmd</span> + <span class="box">Ctrl</span> + <span class="box">c</span></td>
<td>クリップ表示on/off</td>
</tr>
<tr>
<td><span class="box">Ctrl</span> + <span class="box">a</span></td>
<td>行の先頭に移動</td>
</tr>
</tbody>
</table>

<p>
うおぉ全部覚えられるかな・・・(；・∀・)
</p>

<h2>Codaについて</h2>
<p>
もともとはWEBクリエイターボックスさんの記事を見てUIの美しさに惹かれて購入したCodaでしたが、
使っているうちに機能面の魅力にも気付き、ますますお気に入りのアプリになりました。
まぁ、まだまだ全然使いこなせてないですがｗちょっとずつ仲良くなれたらなと思ってます :)
</p>

<p>参考：<a target="_new" href="http://www.webcreatorbox.com/tech/dreamweaver-to-coda/">DreamweaverからCodaに変えました | Webクリエイターボックス</a> <a href="http://b.hatena.ne.jp/entry/www.webcreatorbox.com/tech/dreamweaver-to-coda/"><img src="http://b.hatena.ne.jp/entry/image/http://www.webcreatorbox.com/tech/dreamweaver-to-coda/" alt="はてなブックマーク - DreamweaverからCodaに変えました | Webクリエイターボックス" border="0" /></a></p>

<img src="http://webimemo.com/wp-content/uploads/coda_is_cute.png" alt="" title="coda_is_cute" width="540" height="271" class="imgpad aligncenter size-full wp-image-3800" />

<p>それと、Codaを色々調べている時に出会った記事もご紹介。Codaの魅力が2回に渡って分かりやすく書かれています。
</p>
<p>参考：<a target="_new" href="http://blog.worldending.jp/mac/coda1.php">Codaの使い勝手は絶品〈その1〉 | Addicted to Mac | BLOG × WORLD ENDING</a> <a href="http://b.hatena.ne.jp/entry/blog.worldending.jp/mac/coda1.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.worldending.jp/mac/coda1.php" alt="はてなブックマーク - Codaの使い勝手は絶品〈その1〉 | Addicted to Mac | BLOG × WORLD ENDING" border="0" /></a></p>

<p>参考：<a target="_new" href="http://blog.worldending.jp/mac/coda2.php">Codaの使い勝手は絶品〈その2〉 | Addicted to Mac | BLOG × WORLD ENDING</a> <a href="http://b.hatena.ne.jp/entry/blog.worldending.jp/mac/coda2.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.worldending.jp/mac/coda2.php" alt="はてなブックマーク - Codaの使い勝手は絶品〈その2〉 | Addicted to Mac | BLOG × WORLD ENDING" border="0" /></a></p>

<p>
この記事を読んでCoda興味を持たれた方は<a target="_new" href="http://panic.com/jp/coda/">こちら</a>から無料体験版がインストールできるのでぜひ試してみてくださいね！<br />
以上、霙でした！
</p>

]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/web/3767/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>和とイタリアンの融合！小田原にあるカフェ八起(やおき)で鯵の土鍋焼きご飯を食べてきたよ！</title>
		<link>http://webimemo.com/cafe/3737</link>
		<comments>http://webimemo.com/cafe/3737#comments</comments>
		<pubDate>Mon, 07 May 2012 03:45:58 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[cafe]]></category>
		<category><![CDATA[するぷろ]]></category>
		<category><![CDATA[食べた]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3737</guid>
		<description><![CDATA[前回の旅行ハワイではインフルエンザにかかり、今回の旅行ではなんと旅先で緊急入院させられてしまうという安定した運の悪さ、霙(@xxmiz0rexx)です＼(^o^)／ （現在は退院して自宅療養中です） 小田原で途中下車し、 [...]]]></description>
			<content:encoded><![CDATA[<img src="http://webimemo.com/wp-content/uploads/20120507-125534.jpg" alt="20120507-125534.jpg" width="540" class="imgpad" />

<p>前回の旅行ハワイではインフルエンザにかかり、今回の旅行ではなんと旅先で緊急入院させられてしまうという安定した運の悪さ、霙(<a href="http://twitter.com/xxmiz0rexx" target="_new">@xxmiz0rexx</a>)です＼(^o^)／
（現在は退院して自宅療養中です）</p>

<p>小田原で途中下車し、立ち寄ったカフェ八起（やおき）さんがすごく斬新で美味しかったのでレポートします！</p>

<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<h2> 見た目はかなり和な印象のカフェ。</h2>
<p>お店は小田原駅から徒歩5分ほどの場所にあります。
入り口には和風な看板が。少し小さめなので見逃さないように要注意。</p>

<img alt="" src="http://webimemo.com/wp-content/uploads/slooProImg_20120507124552.jpg" width="540" height="405" class="imgpad slooProImg" />

<p>階段を登ると2Fに店舗があるのですが、その階段にある照明もとても和でオシャレでした。</p>

<img alt="" src="http://webimemo.com/wp-content/uploads/slooProImg_20120507124550.jpg" width="540" height="405" class="imgpad slooProImg" />

<p>こういった装飾にこだわっているお店は待ち時間も楽しめていいですね～。実際お昼時だったのですこし並んだのですが、あっという間に感じましたよー！</p>

<h2>肝心のお料理！</h2>

<p>まずはお店イチオシ鯵の土鍋焼きご飯！
トマト、大葉、鯵とご飯が入った土鍋をコンロで熱していきます。タジン鍋みたいな形。</p>

<img alt="" src="http://webimemo.com/wp-content/uploads/slooProImg_20120507124545.jpg" width="540" height="405" class="imgpad slooProImg" />

<p>そして湯気がでてきたところで中に醤油を投入！
そのあと蓋をして少し蒸したらできあがり！！！どじゃ～ん！！</p>

<img alt="" src="http://webimemo.com/wp-content/uploads/slooProImg_20120507124547.jpg" width="540" height="405" class="imgpad slooProImg" />

<p>なんとコレ、ご飯の上に<strong>ジェノバソース</strong>がかかっていて、その意外な組み合わせがとても美味しいのです！！
土鍋で鯵とジェノバソースと焦がし醤油ってすごく斬新でした・・！これは死ぬまでに食べておくべきｗｗ
おすすめです！！</p>


<p>次に頼んだオムライスもピーマン入りですごく美味しかった～d(^_^o)オムライス大好き！</p>

<img alt="" src="http://webimemo.com/wp-content/uploads/slooProImg_20120507124537.jpg" width="540" height="405" class="imgpad slooProImg" />

<p>そしてそして、飲み物は最近ハマり中のレモネード！ハチミツもレモンもたっぷりで、酸っぱすぎず甘すぎず最高の配分でございました！！</p>
<img alt="" src="http://webimemo.com/wp-content/uploads/slooProImg_20120507124511.jpg" width="540" height="405" class="slooProImg" />

<p>ほかにもまだまだ美味しそうなメニューがたくさんあったので、小田原に立ち寄った際には是非またお邪魔しようと思います！</p>

<h2>店舗情報</h2>

<p><strong>cafe 膳　八起</strong><br />
住所： 小田原市栄町1-14-13 白ばらビル 2F<br />
電話：<a href="tel:0465245775">0465-24-5775</a></p>


<p>八起さん、ご馳走様でした！！<br />
以上、霙でした！</p>


<p>Posted from するぷろ for iPhone.</p>]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/cafe/3737/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>モチベーション不要ッ！？飽きっぽく面倒くさがりな私がドットインストールの動画でお勉強してみた感想。</title>
		<link>http://webimemo.com/web/3529</link>
		<comments>http://webimemo.com/web/3529#comments</comments>
		<pubDate>Mon, 23 Apr 2012 00:12:23 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[サイト紹介]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3529</guid>
		<description><![CDATA[こんにちは、霙(@xxmiz0rexx)です。 最近ちょっとやりたいことがあってJavaScriptを使って実現させようとしているんですが、 謎の呪文の羅列を前に1行目で断念しまして、 基礎を学ぶためにドットインストール [...]]]></description>
			<content:encoded><![CDATA[<img src="http://webimemo.com/wp-content/uploads/9c7f28f7f76fa3b375ecbdd434f1c345.jpg" alt="" title="ドットインストールでお勉強してみた" width="540" height="160" class="imgpad aligncenter size-full wp-image-3645" />
<p>
こんにちは、霙(<a href="http://twitter.com/xxmiz0rexx" target="_new">@xxmiz0rexx</a>)です。
最近ちょっとやりたいことがあってJavaScriptを使って実現させようとしているんですが、
謎の呪文の羅列を前に<strong>1行目で断念</strong>しまして、
基礎を学ぶためにドットインストールで勉強してみました！
</p>


<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>


<p>
サンプルコードを拾ってきてカスタマイズすることは出来るんです。
組み立て方もふんわりなら分かります。
でも、自分で書くとなるとまず1行目に何が必要なのかが分からない。本当に基礎の基礎を学ばなければならない状態です。
</p>



<h2>そこで、教えてもらった無料の学習サイト</h2>
<a target="_new" href="http://dotinstall.com/"><img src="http://webimemo.com/wp-content/uploads/bbb0d9500ed30c852b27854bac992f96.jpg" alt="" title="ドットインストール" width="540" height="325" class="imgpad aligncenter size-full wp-image-3637" /></a>


<p>基礎を学ぶ状態の時って、本で学ぶよりも人に教えてもらった方が理解が早い気がします。
実際にコードを書いてもらいながら「この部分はこういう意味」「この場合はこう」とかを
手取り足取り教えていただくと飲み込みが非常に早いのです。それをバーチャルでやってくれるのが、『<a target="_new" href="http://dotinstall.com/">3分動画でマスターする初心者向けプログラミング学習サイト &#8211; ドットインストール</a> <a href="http://b.hatena.ne.jp/entry/dotinstall.com/"><img src="http://b.hatena.ne.jp/entry/image/http://dotinstall.com/" alt="はてなブックマーク - 3分動画でマスターする初心者向けプログラミング学習サイト - ドットインストール" border="0" /></a>』です :)</p>
<p>中の人は『<a target="_new" href="http://www.100shiki.com/">100SHIKI</a> <a href="http://b.hatena.ne.jp/entry/www.100shiki.com/"><img src="http://b.hatena.ne.jp/entry/image/http://www.100shiki.com/" alt="はてなブックマーク - 100SHIKI" border="0" /></a>』管理人の田口さん！動画内の解説も田口さん！！ネット上での声だし初っぽいですよ！！ざわざわ！ｗ</p>

<h2>ドットインストールの魅力</h2>
<h4>1.レッスンが短い！</h4>
<p>
ドットインストールでは1つの言語につきレッスン動画がいくつか用意されており、
そのすべてが3分以内で終わります。
つまり、あいた時間に気軽に学べるということ。
内容を忘れてしまい復習する時も、<strong>3分なら変に意気込んだり沢山やる気を出さなくても再生ボタンを押せる</strong>のが嬉しいですね！！
</p>
<img src="http://webimemo.com/wp-content/uploads/7d4d63d8f6179ae262e50fff10ddf23c.jpg" alt="" title="ドットインストールスクリーンショット" width="540" height="325" class="imgpad aligncenter size-full wp-image-3656" />

<h4>2.学べる言語が豊富！</h4>
<p>
昨年末にオープンされて以来、jQuery,JavaScriptはもちろんのこと、人気のPHP,Rubyさらには
Twitter Bootstrapまで続々とレッスン動画が追加されています！<br />
( ﾟдﾟ)ﾊｯ! いま気付いたけどiOS向けアプリのプログラミングもある！！素晴らしー！！
</p>

<h4>3.学んだレッスンを管理できる！</h4>
<p>
これは結構大きな魅力だと思います。
ログインすると自分がどこまでレッスンを終えたのか管理ができます！
これなら復習もしやすいですね！
</p>

<h2>飽きっぽく、そして面倒くさがりな私が使ってみて感じたこと</h2>
<p>熱くなったあと急速に冷めてしまう私ですが、ドットインストールはサイトにさえ行ってしまえば<strong>モチベーションに関係なく勉強できました</strong>。
それはやはり1レッスンの短さのおかげだと思います。そして、田口さんの解説の分かりやすさも大きな理由ですかね。
</p>
<p>例えば、「<a target="_new" href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a> <a href="http://b.hatena.ne.jp/entry/twitter.github.com/bootstrap/"><img src="http://b.hatena.ne.jp/entry/image/http://twitter.github.com/bootstrap/" alt="はてなブックマーク - Twitter Bootstrap" border="0" /></a>」って、配布サイトに行っても英語がよく分からなくて使いたくても使えなかったんですが、
ドットインストールでレッスンを見つけて<strong>動画を流し見していたら大体何が出来るのかが分かりました</strong>。
次に何か作ることがあったら使ってみようかな。
</p>

<p>参考：<a target="_new" href="http://dotinstall.com/lessons/basic_twitter_bootstrap_v2">Twitter Bootstrap (v2.0)の基礎 &#8211; ドットインストール</a> <a href="http://b.hatena.ne.jp/entry/dotinstall.com/lessons/basic_twitter_bootstrap_v2"><img src="http://b.hatena.ne.jp/entry/image/http://dotinstall.com/lessons/basic_twitter_bootstrap_v2" alt="はてなブックマーク - Twitter Bootstrap (v2.0)の基礎 - ドットインストール" border="0" /></a></p>
<h2>ドットインストールの活用法</h2>
<p>
ドットインストールの動画で学べるのは言語の基礎の基礎です。
動画を見れば言語を完璧にマスターできるのではなくて、動画である程度基礎を頭にいれることで
各入門サイトや書籍などを読めるレベルになるんじゃないかなと思います。
（しかしこれが無料って田口さん太っ腹すぎますよねｗ）
</p>

<p>学びたい言語は沢山あるので、これからもドットインストールを有効に使わせて頂きたいと思います♪<br />
以上、霙でした！！</p>]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/web/3529/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>パンケーキ激戦区の原宿でひときわ輝く新星『レインボーパンケーキ』に行って来た！</title>
		<link>http://webimemo.com/cafe/3617</link>
		<comments>http://webimemo.com/cafe/3617#comments</comments>
		<pubDate>Sun, 15 Apr 2012 16:38:06 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[cafe]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[食べた]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3617</guid>
		<description><![CDATA[こんにちは、最近あまいものを大量摂取中の霙(@xxmiz0rexx)です！！ 先日美味しくてオシャレで有名な、原宿でウワサの『RAINBOW PANCAKE 』さんに行って参りました！ まずお店の中がかわいい～！！ 柔ら [...]]]></description>
			<content:encoded><![CDATA[<img src="http://webimemo.com/wp-content/uploads/fc2e582cf0389e47f3be0ed1cb2af2ce.jpg" alt="" title="レインボーパンケーキ" width="540" height="160" class="imgpad aligncenter size-full wp-image-3677" />
<p>
こんにちは、最近あまいものを大量摂取中の霙(<a href="http://twitter.com/xxmiz0rexx" target="_new">@xxmiz0rexx</a>)です！！
先日美味しくてオシャレで有名な、原宿でウワサの『<a target="_new" href="http://www.rainbowpancake.net/">RAINBOW PANCAKE</a> <a href="http://b.hatena.ne.jp/entry/www.rainbowpancake.net/"><img src="http://b.hatena.ne.jp/entry/image/http://www.rainbowpancake.net/" alt="はてなブックマーク - RAINBOW PANCAKE - TOP" border="0" /></a>』さんに行って参りました！
</p>


<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<h2>まずお店の中がかわいい～！！</h2>
<p>
柔らかい色あいの壁と、窓に貼られた虹がすごく素敵な空間を創り出してます。
お店の内装は人気番組『ビフォアアフター』に出演された建築家「池田佳人さん」によるものだそうですよ～！
</p>
<img src="http://webimemo.com/wp-content/uploads/7812008b6278b65f65d5bb3b33626777.jpg" alt="" title="店内1" width="560" height="420" class="aligncenter size-full wp-image-3686" />

<img src="http://webimemo.com/wp-content/uploads/49d8307abbaa62166326e6c9e6f97e8d.jpg" alt="" title="店内2" width="560" height="390" class="aligncenter size-full wp-image-3680" />
<p>
ちなみに、日本では7色だけどハワイでは虹の色は6色と考えられているんだそう。国によって色や色数が違うの面白いですね！
</p>

<h2>細部にまでこだわった可愛らしいパンケーキ！</h2>
<p>
もう笑っちゃうくらい美味しいですｗｗ写真で充分伝わりますよね！？
</p>
<img src="http://webimemo.com/wp-content/uploads/51a10e6f7174ecb4ae3fd1b9cfca5e9f.jpg" alt="" title="トロットロのマカデミアナッツソース・・・！！" width="560" height="460" class="aligncenter size-full wp-image-3689" />

<img src="http://webimemo.com/wp-content/uploads/9f1d61ad72d09c228b400726e179ad36.jpg" alt="" title="パンケーキたち" width="560" height="305" class="aligncenter size-full wp-image-3691" />

<p>
私のおすすめは断然マカデミアナッツソースのパンケーキですね！！！！もう美味しすぎてこのソースの中で溺れたいｗｗｗｗひたすら甘くてミルキーな感じが最高すぎるｗｗｗｗｗ<br />
あとここはお食事系のパンケーキもあるそうなので今度はそっちも頼んでみたいと思います！
</p>

<h2>店舗情報</h2>
<p>RAINBOW PANCAKE<br />
TEL：<a href="tel:0364340466">03-6434-0466</a><br />
ACCESS：東京都渋谷区神宮前4-28-4 
</p>
<p>
<a href="http://p.tl/gF4Y"><img src="http://webimemo.com/wp-content/uploads/map1.gif" alt="" title="map" width="270" height="185" class="aligncenter size-full wp-image-3701" /></a></p>

<img src="http://webimemo.com/wp-content/uploads/5e0f5f5e96f39c6a03224cf3b6962504.jpg" alt="" title="店内4" width="560" height="460" class="aligncenter size-full wp-image-3695" />
<p>
レインボーパンケーキさん、ごちそうさまでした！！<br />
以上、霙でした！
</p>

<p>参考：<a target="_new" href="http://www.rainbowpancake.net/">RAINBOW PANCAKE</a> <a href="http://b.hatena.ne.jp/entry/www.rainbowpancake.net/"><img src="http://b.hatena.ne.jp/entry/image/http://www.rainbowpancake.net/" alt="はてなブックマーク - RAINBOW PANCAKE - TOP" border="0" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/cafe/3617/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dropboxに保存したhtmlファイルをiPhoneで閲覧する方法メモ。</title>
		<link>http://webimemo.com/iphone/3583</link>
		<comments>http://webimemo.com/iphone/3583#comments</comments>
		<pubDate>Wed, 11 Apr 2012 00:12:56 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3583</guid>
		<description><![CDATA[最近疑問だったことがやっと解決したので記事にします。 地味に悩んでいる人や、方法を忘れてしまう人もきっといると思うのでその時はこの記事を見て思い出してくださいｗ iPhoneで見られるようにする手順 1.Publicフォ [...]]]></description>
			<content:encoded><![CDATA[<img src="http://webimemo.com/wp-content/uploads/21c877a5f20d021993e8493f93986974.jpg" alt="" title="Dropboxに保存したhtmlファイルをiPhoneで閲覧する方法メモ。" width="540" height="275" class="imgpad aligncenter size-full wp-image-3603" />
<p>
最近疑問だったことがやっと解決したので記事にします。
地味に悩んでいる人や、方法を忘れてしまう人もきっといると思うのでその時はこの記事を見て思い出してくださいｗ
</p>

<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<h2>iPhoneで見られるようにする手順</h2>

<h4>1.Publicフォルダにhtmlファイルと画像など一式を置く</h4>
<a href="http://webimemo.com/wp-content/uploads/1.jpg"><img src="http://webimemo.com/wp-content/uploads/1-540x349.jpg" alt="" title="1" width="540" height="349" class="imgpad aligncenter size-540 wp-image-3587" /></a>
<h4>2.htmlファイルを右クリックし、パブリックリンクのコピーを選択</h4>
<img src="http://webimemo.com/wp-content/uploads/2.jpg" alt="" title="2" width="540" height="273" class="imgpad aligncenter size-full wp-image-3588" />
<h4>3.そのコピーしたURLをiPhoneのsafariで開く。これだけ！！</h4>
<img src="http://webimemo.com/wp-content/uploads/3.jpg" alt="" title="3" width="540" height="396" class="imgpad aligncenter size-full wp-image-3593" />

<p>
パソコンと同じノリで、iPhoneからも直接dropboxアプリからhtmlファイルを開いていたんですが、
どうにもCSSや画像などを読み込んでくれず、すごく悩んでいました。
safariからパブリックリンクを開けば良かったんですね！またやり方を忘れたらこの記事を見ようと思いますｗ<br />
以上、霙でした！
</p>


]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/iphone/3583/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>デザインの参考に。素敵なデザインのiPhoneアプリ紹介サイト5選</title>
		<link>http://webimemo.com/web/3544</link>
		<comments>http://webimemo.com/web/3544#comments</comments>
		<pubDate>Mon, 09 Apr 2012 13:43:02 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[サイト紹介]]></category>
		<category><![CDATA[デザイン]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3544</guid>
		<description><![CDATA[最近資料としてiPhoneアプリ紹介ページのデザインを集めているので、 その一部を記事にまとめたいと思います。 参考にしたいアプリ紹介ページ 画像をクリックでサイト全体のキャプチャを表示します 1:girls pic サ [...]]]></description>
			<content:encoded><![CDATA[<img src="http://webimemo.com/wp-content/uploads/iphoneapp.png" alt="" title="iphoneapp" width="540" height="345" class="imgpad aligncenter size-full wp-image-3576" />

<p>
最近資料としてiPhoneアプリ紹介ページのデザインを集めているので、
その一部を記事にまとめたいと思います。
</p>





<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>





<h2>参考にしたいアプリ紹介ページ</h2>

<p>
画像をクリックでサイト全体のキャプチャを表示します</p>

<h3><a target="_new" href="http://gg.ameba.jp/girlspic">1:girls pic</a> <a href="http://b.hatena.ne.jp/entry/gg.ameba.jp/girlspic"><img src="http://b.hatena.ne.jp/entry/image/http://gg.ameba.jp/girlspic" alt="はてなブックマーク - AmebaGG（アメーバGG）｜女性ブロガーのための情報がいっぱい！" border="0" /></a></h3>
<a target="_new" href="http://webimemo.com/wp-content/uploads/785451af5ae50d36bad660a75cf2fa11.png"><img src="http://webimemo.com/wp-content/uploads/girls-pic.png" alt="" title="girls-pic" width="540" height="337" class="imgpad aligncenter size-full wp-image-3550" /></a>
<p>
サイバーエージェントさんによる女の子のための写真共有アプリ「girls pic」のページです。
レースや配色など女の子が好むガーリーなデザイン。fontの選び方とかも勉強になります。
</p>

<h3><a target="_new" href="http://instagr.am/">2:instagr.am</a> <a href="http://b.hatena.ne.jp/entry/instagr.am/"><img src="http://b.hatena.ne.jp/entry/image/http://instagr.am/" alt="はてなブックマーク - instagr.am" border="0" /></a></h3>

<a target="_new" href="http://webimemo.com/wp-content/uploads/instagr.am_.png"><img src="http://webimemo.com/wp-content/uploads/instagr.am_-540x268.png" alt="" title="instagr.am" width="540" height="268" class="imgpad aligncenter size-540 wp-image-3555" /></a>

<p>
みんな大好き「Instagram」のページ。iPhoneの画面がJavaScriptによって切り替わります。
少ないスペースで複数のスクリーンショットを見せることができる上にアプリの雰囲気が伝わってかなりイイですね！
</p>

<h3><a target="_new" href="http://www.uniqlo.com/jp/corp/media/projects/uniqlo_calendar_iphone/">3:UNIQLO CALENDAR iPhone</a> <a href="http://b.hatena.ne.jp/entry/www.uniqlo.com/jp/corp/media/projects/uniqlo_calendar_iphone/"><img src="http://b.hatena.ne.jp/entry/image/http://www.uniqlo.com/jp/corp/media/projects/uniqlo_calendar_iphone/" alt="はてなブックマーク - UNIQLO CALENDAR iPhone - UNIQLO ユニクロ" border="0" /></a></h3>
<a target="_new" href="http://webimemo.com/wp-content/uploads/415bd70d0d4d6ce013336771926897bb.png"><img src="http://webimemo.com/wp-content/uploads/uniqlo.png" alt="" title="uniqlo" width="540" height="377" class="imgpad aligncenter size-full wp-image-3560" /></a>
<p>
ユニクロカレンダーのページ。余白たっぷりで大きめのスクリーンショットを配置。
ちょっと変わった配置の仕方で印象に残りますね！
</p>

<h3><a target="_new" href="http://tapbots.com/software/tweetbot/#overview">4:Tweetbot</a> <a href="http://b.hatena.ne.jp/entry/tapbots.com/software/tweetbot/%23overview"><img src="http://b.hatena.ne.jp/entry/image/http://tapbots.com/software/tweetbot/%23overview" alt="はてなブックマーク - Tweetbot — Tapbots" border="0" /></a></h3>
<a href="http://webimemo.com/wp-content/uploads/Tweetbot-Tapbots.png"><img src="http://webimemo.com/wp-content/uploads/tweetbot.png" alt="" title="tweetbot" width="540" height="304" class="imgpad aligncenter size-full wp-image-3564" /></a>
<p>
Twitterクライアントアプリ「Tweetbot」のページ。ヘッダー画像を大胆に飛び出したiPhoneがインパクト大です！
さすがのクオリティですね＞＜
</p>

<h3><a target="_new" href="http://www.bridworks.com/anote/en/main/index.php">5:Awesome Note</a> <a href="http://b.hatena.ne.jp/entry/www.bridworks.com/anote/en/main/index.php"><img src="http://b.hatena.ne.jp/entry/image/http://www.bridworks.com/anote/en/main/index.php" alt="はてなブックマーク - Awesome Note - Brilliant Idea" border="0" /></a></h3>

<a href="http://webimemo.com/wp-content/uploads/Awesome-Note-Brilliant-Idea.png"><img src="http://webimemo.com/wp-content/uploads/Awesome-Note.png" alt="" title="Awesome-Note" width="540" height="397" class="aligncenter size-full wp-image-3571" /></a>

<p>
Evernoteとの連携も可能なメモアプリ「Awesome Note」のページ。
ファーストビューの範囲には巨大なスクリーンショットのみ！！美しいアプリUIの魅力を最大限にアピールしています。
</p>

<p>アプリのページは大胆なレイアウトが多く、自分の引き出しにはまだない部分なので今後も積極的に取り入れて行きたいと思います。<br />以上、霙でした！</p>]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/web/3544/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>phpMyAdminで特権やデータベースが表示されない場合に考えられる原因(Bitnamiの場合のみ)</title>
		<link>http://webimemo.com/wordpress/3508</link>
		<comments>http://webimemo.com/wordpress/3508#comments</comments>
		<pubDate>Tue, 03 Apr 2012 04:45:55 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[失敗]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3508</guid>
		<description><![CDATA[先日BitnamiでWordPressを一括インストールしたんですが、 phpMyAdminにデータベースが表示されないという困った事態に陥りまして、 Twitterで@hisax23さんに助けて頂きましたので失敗談とし [...]]]></description>
			<content:encoded><![CDATA[<img src="http://webimemo.com/wp-content/uploads/9a8d82deb619def54b41b2953956102c.png" alt="" title="データベースがない！" width="540" height="150" class="aligncenter size-full wp-image-3512" />

<p>
先日BitnamiでWordPressを一括インストールしたんですが、
phpMyAdminにデータベースが表示されないという困った事態に陥りまして、
Twitterで<a href="http://twitter.com/hisax23" target="_new">@hisax23</a>さんに助けて頂きましたので失敗談として共有します。
</p>

<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h2>なぜ表示されないのか</h2>

<p>結果から書くと、
<strong>root権限でログインしていない事が原因でした。</strong></p>



<p>
私はずっとデータベース関連の事から逃げていたので、
今回phpMyAdminにログインする事自体はじめてで知らなかったんですが、
phpMyAdminの最高権限は「root」だったんですね。
</p>
<img src="http://webimemo.com/wp-content/uploads/61f6a601cb75cbe6a4158540219f1f6a.png" alt="" title="rootでログイン" width="540" height="497" class="aligncenter size-full wp-image-3513" />

<p>
「admin」が最高権限なのかなーと思っていたので
「admin」+「PW」でログインしていたんですが、
「root」+「PW」でログインしたらあっけなく表示されました・・・。
無知って怖いですね。TLで相当騒いでしまいました X(
</p>



<img src="http://webimemo.com/wp-content/uploads/36d0653c58adc11cf30f7577e5b6a664-540x236.png" alt="" title="表示された" width="540" height="236" class="aligncenter size-540 wp-image-3514" />



<p>私のような方は少ないとは思いますが、
０ではないと思うので記事にしてみました。
これでどこかの誰かが助かるといいな。そして<a href="http://twitter.com/hisax23" target="_new">@hisax23</a>さん、本当にありがとうございました！！<br />
以上、霙でした！
</p>

<p>今回助けてくれたひささんのブログは以下から。<br />
<a target="_new" href="http://blog.hisax.org/">招きぬこの足跡… | 努力の日々の備忘録的ブログ。</a> <a href="http://b.hatena.ne.jp/entry/blog.hisax.org/"><img src="http://b.hatena.ne.jp/entry/image/http://blog.hisax.org/" alt="はてなブックマーク - 招きぬこの足跡… | 努力の日々の備忘録的ブログ。" border="0" /></a></p>


<p>追記：<a href="http://twitter.com/mapoyon" target="_new">@mapoyon</a>さんから補足をいただきました。</p>
<!-- tweet id : 187044271172485120 --><style type='text/css'>#bbpBox_187044271172485120 a { text-decoration:none; color:#D02B55; }#bbpBox_187044271172485120 a:hover { text-decoration:underline; }</style><div id='bbpBox_187044271172485120' class='bbpBox' style='padding:20px; margin:5px 0; background-color:#352726; background-image:url(http://a0.twimg.com/images/themes/theme5/bg.gif); background-repeat:no-repeat'><div style='background:#fff; padding:10px; margin:0; min-height:48px; color:#3E4415; -moz-border-radius:5px; -webkit-border-radius:5px;'><span style='width:100%; font-size:18px; line-height:22px;'>@<a href="http://twitter.com/intent/user?screen_name=xxmiz0rexx" class="twitter-action">xxmiz0rexx</a> &#26368;&#39640;&#27177;&#38480;&#12399;root&#12391;&#12354;&#12387;&#12390;&#12414;&#12377;&#12424;&#12290;bitnami&#12384;&#12392;&#35352;&#20107;&#36890;&#12426;&#12363;&#12418;&#12375;&#12428;&#12414;&#12379;&#12435;&#12364;&#12289;admin&#12450;&#12459;&#12454;&#12531;&#12488;&#12398;&#26377;&#28961;&#12420;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12420;&#29305;&#27177;&#12364;&#34920;&#31034;&#12373;&#12428;&#12427;&#12363;&#12393;&#12358;&#12363;&#12399;&#29872;&#22659;&#20381;&#23384;&#12391;&#12377;</span><div class='bbp-actions' style='font-size:12px; width:100%; padding:5px 0; margin:0 0 10px 0; border-bottom:1px solid #e6e6e6;'><img align='middle' src='http://webimemo.com/wp-content/plugins/twitter-blackbird-pie//images/bird.png' /><a title='tweeted on 2012年4月3日 2:10 PM' href='http://twitter.com/#!/mapoyon/status/187044271172485120' target='_blank'>2012年4月3日 2:10 PM</a> via <a href="http://www.misuzilla.org/dist/net/twitterircgateway/" rel="nofollow" target="blank">TweetIrcGateway</a><a href='https://twitter.com/intent/tweet?in_reply_to=187044271172485120' class='bbp-action bbp-reply-action' title='Reply'><span><em style='margin-left: 1em;'></em><strong>Reply</strong></span></a><a href='https://twitter.com/intent/retweet?tweet_id=187044271172485120' class='bbp-action bbp-retweet-action' title='Retweet'><span><em style='margin-left: 1em;'></em><strong>Retweet</strong></span></a><a href='https://twitter.com/intent/favorite?tweet_id=187044271172485120' class='bbp-action bbp-favorite-action' title='Favorite'><span><em style='margin-left: 1em;'></em><strong>Favorite</strong></span></a></div><div style='float:left; padding:0; margin:0'><a href='http://twitter.com/intent/user?screen_name=mapoyon'><img style='width:48px; height:48px; padding-right:7px; border:none; background:none; margin:0' src='http://a0.twimg.com/profile_images/1238492402/mapoyon__s_normal.png' /></a></div><div style='float:left; padding:0; margin:0'><a style='font-weight:bold' href='http://twitter.com/intent/user?screen_name=mapoyon'>@mapoyon</a><div style='margin:0; padding-top:2px'>&#12356;&#12388;&#12391;&#12418;&#21531;&#12398;&#20596;&#12434;&#30446;&#25351;&#12375;&#12390;&#12356;&#12427;&#30171;&#12356;&#12414;&#12413;&#12424;&#12435;</div></div><div style='clear:both'></div></div></div><!-- end of tweet -->

<p>わたしはBitnamiの環境以外でDBを触った経験がないので、違う視点からの補足をいただけて助かりました。
<a href="http://twitter.com/mapoyon" target="_new">@mapoyon</a>さん、ありがとうございました！</p>]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/wordpress/3508/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと</title>
		<link>http://webimemo.com/web/3449</link>
		<comments>http://webimemo.com/web/3449#comments</comments>
		<pubDate>Fri, 23 Mar 2012 00:10:40 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[デザイン]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3449</guid>
		<description><![CDATA[このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトで [...]]]></description>
			<content:encoded><![CDATA[<img src="http://webimemo.com/wp-content/uploads/e47c6260f52984a8d5ab1f4ba88ae833.png" alt="WEBシステムのデザインについて" title="WEBシステムのデザインについて" width="540" height="160" class="imgpad alignnone size-540 wp-image-3452" />


<p>
このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。
</p>

<p>
私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。</p>

<p>私は携われないんですけどね＼(^o^)／
</p>








<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>






<h2>様々なWEBシステムのデザイン</h2>

<p>よいデザインはデザインをする対象（今回はWEBシステム）のことを知らなければ出来ません。
自分の考えだけでデザインをはじめると、思考の偏った使いにく～いものになってしまう恐れがありますので
必ず調査をしましょう。
そして、何故その要素がそこに配置されているのかを考えましょう。
</p>

<p>以下に様々なWEBシステムのキャプチャと
<strong>超稚拙で言葉足らずな安易すぎる説明</strong>を掲載します。</p>

<p>
ですが、掲載されているサイト以外にもWEBシステムは多数存在しますので
デザインに取り掛かる前にご自分でも検索してみて下さい。
そして、ここに書かれている説明がすべてだとは思わないでくださいね :)
もっと色々な視点から深く考察されているはずですｗ
</p>
<a href="http://webimemo.com/wp-content/uploads/f292d29c6f7dae3fdffd8f132086715e.png"><img src="http://webimemo.com/wp-content/uploads/f292d29c6f7dae3fdffd8f132086715e.png" alt="" title="様々なデザインを見て自分のものに。" width="540" height="286" class="aligncenter size-full wp-image-3482" /></a>


<p>たくさんのデザインを一度飲み込んでから吐き出すことで、
より素晴らしいデザインにして行きましょう。
</p>


<h4>1.Gmail</h4>
<a href="http://webimemo.com/wp-content/uploads/gmail.png"><img src="http://webimemo.com/wp-content/uploads/gmail-540x303.png" alt="gmail" title="gmail" width="540" height="303" class="imgpad alignnone size-540 wp-image-3451" /></a>
<p>
基本的でシンプルなスタイルです。サイドバーがあり、リストの上に操作メニューが配置してあります。
</p>

<h4>2.Wordpress</h4>
<a href="http://webimemo.com/wp-content/uploads/wordpress.png"><img src="http://webimemo.com/wp-content/uploads/wordpress-540x318.png" alt="wordpress" title="wordpress" width="540" height="318" class="imgpad alignnone size-540 wp-image-3453" /></a>
<p>
同じく基本的な構成です。個人的に、「ゴミ箱に移動しました」というお知らせが
ダイアログではなく画面上に表示されているのが好ましいです。（ダイアログは読まずに閉じる人が多いため）
</p>

<h4>3.Wordpress（投稿画面）</h4>
<a href="http://webimemo.com/wp-content/uploads/wordpress2.png"><img src="http://webimemo.com/wp-content/uploads/wordpress2-540x318.png" alt="wordpress2" title="wordpress2" width="540" height="318" class="imgpad alignnone size-540 wp-image-3454" /></a>
<p>こちらはサイドバーが両端にありますが、
左のサイドバーと右のサイドバーでは親が異なります。
左の親はページ全体、右の親はメインコンテンツですね。</p>

<h4>4.Google Analytics</h4>
<a href="http://webimemo.com/wp-content/uploads/a7632e94a9d027cb41095486c40fcf2b.png"><img src="http://webimemo.com/wp-content/uploads/a7632e94a9d027cb41095486c40fcf2b-540x279.png" alt="アクセス解析" title="アクセス解析" width="540" height="279" class="imgpad alignnone size-540 wp-image-3455" /></a>
<p>
ヘッダーとメインコンテンツのあいだに
グローバルナビゲーションが配置されています。これもよく見る構成です。
そこにグローバルナビゲーションがある場合、サイドバーはメインコンテンツの補助的役割をするものになります。
</p>

<h4>5.Ameba</h4>
<a href="http://webimemo.com/wp-content/uploads/Ameba.png"><img src="http://webimemo.com/wp-content/uploads/Ameba-540x430.png" alt="" title="Ameba" width="540" height="430" class="imgpad aligncenter size-540 wp-image-3483" /></a>
<p>サイドバーを使わず、タブで構成されています。
使いやすいかどうかは別として、アメブロはシステムに詳しくない方でもとっつきやすいデザインであると思います。
</p>

<h4>6.Hatena Diary</h4>
<a href="http://webimemo.com/wp-content/uploads/HatenaDiary.png"><img src="http://webimemo.com/wp-content/uploads/HatenaDiary-540x401.png" alt="" title="HatenaDiary" width="540" height="401" class="imgpad aligncenter size-540 wp-image-3484" /></a>

<p>基本的な構成です。アイコンなどを用いて直感的にリンクの内容がわかるようなデザインになっています。
WordPressと同じく画面内にユーザへのお知らせが表示されています。</p>

<h4>7.Hatena Bookmark</h4>
<a href="http://webimemo.com/wp-content/uploads/HatenaBookmark.png"><img src="http://webimemo.com/wp-content/uploads/HatenaBookmark-540x379.png" alt="" title="HatenaBookmark" width="540" height="379" class="imgpad aligncenter size-540 wp-image-3485" /></a>
<p>タブを用いています。ツリー階層にならないのであればタブデザインも良いかもしれません。</p>

<h4>8.EVERNOTE</h4>
<a href="http://webimemo.com/wp-content/uploads/evernote.png"><img src="http://webimemo.com/wp-content/uploads/evernote-540x302.png" alt="" title="evernote" width="540" height="302" class="imgpad aligncenter size-540 wp-image-3486" /></a>
<p>メーラーと似たような構成ですね。インストール型のアプリケーションに施すデザインにとても近いです。
それにしても私の3日坊主っぷりがひどい・・・ｗ
エバノ全然使ってないですｗｗｗ</p>

<h4>9.Dropbox</h4>
<a href="http://webimemo.com/wp-content/uploads/dropbox.png"><img src="http://webimemo.com/wp-content/uploads/dropbox-540x254.png" alt="" title="dropbox" width="540" height="254" class="imgpad aligncenter size-540 wp-image-3487" /></a>
<p>
選択されたファイルへのメニューがリストの上部に表示されます。ちょっとシンプルすぎるかも。
</p>




<h2>WEBシステムのデザインにおいて私が推奨するポイント</h2>

<p>
今回の記事で出てくる「WEBシステム」とは、一般のWEBサイトやブログなどではなく、
例を挙げるならばブログの裏側である管理画面や、WEBメール、アクセス解析の管理画面などの事をさしています。
</p>

<p>一般のWEBサイトが仮に「宣伝」を目的としているとして、
ここでいうWEBシステムの目的は「管理」をすることなので以下のようなポイントを押さえておくと良いと思います。
（3個しか出て来なかったｗほかにも沢山あると思うので思いついた方はコメントくださいｗ）
</p>


<h4>①ロゴは左上</h4>
<a href="http://webimemo.com/wp-content/uploads/f595c8a4827de0e299701e667389e6dc.png"><img src="http://webimemo.com/wp-content/uploads/f595c8a4827de0e299701e667389e6dc.png" alt="" title="ロゴは左上" width="540" height="250" class="imgpad aligncenter size-full wp-image-3488" /></a>
<p>
当たり前といえば当たり前。
WEBサイトを作ったことのある人間ならばほぼ間違いなく皆さんそこにロゴを配置します。
理由は、どこのサイトに行っても画面左上のロゴマークをクリックすればHOMEに戻れるという暗黙知があるからです。
今やWEBの共通認識なのではないでしょうか？
</p>

<p>参考：<a target="_new" href="http://kojika17.com/2011/09/implicit-knowledge-for-logo.php">ロゴマークの暗黙知について &#8211; Webサイトの上部にリンクは必要か？ &#8211; : Web Design KOJIKA17</a> <a href="http://b.hatena.ne.jp/entry/kojika17.com/2011/09/implicit-knowledge-for-logo.php"><img src="http://b.hatena.ne.jp/entry/image/http://kojika17.com/2011/09/implicit-knowledge-for-logo.php" alt="はてなブックマーク - ロゴマークの暗黙知について - Webサイトの上部にリンクは必要か？ - : Web Design KOJIKA17" border="0" /></a></p>

<p>（個人的にはWordPress管理画面のロゴの戻り先がブログTOPである事は非常に違和感を覚えますが・・。
ダッシュボードのHOME画面に戻る方がしっくり来ます。）
</p>

<h4>②サイドバーは左側</h4>
<a href="http://webimemo.com/wp-content/uploads/5150195258e28012e64261b22476d3c0.png"><img src="http://webimemo.com/wp-content/uploads/5150195258e28012e64261b22476d3c0.png" alt="" title="サイドバーは左側" width="540" height="318" class="imgpad aligncenter size-full wp-image-3489" /></a>
<p>WEBブラウザが左上を起点としてページを表示するため。
左側に配置しておけばブラウザのサイズにかかわらず必ずユーザーの目に触れますね。
（右側に配置した場合ブラウザのサイズによってはスクロールしないと見られない場合がある。）
</p>

<p>ポイントは「画面サイズ」ではなく「ブラウザサイズ」ですね。</p>

<p>参考：<a target="_new" href="http://itpro.nikkeibp.co.jp/article/COLUMN/20061023/251454/">第26回　どこにメニューをおくべきか，どこが画面の一等地か &#8211; Webデザイン エンジニアリング：ITpro</a> <a href="http://b.hatena.ne.jp/entry/itpro.nikkeibp.co.jp/article/COLUMN/20061023/251454/"><img src="http://b.hatena.ne.jp/entry/image/http://itpro.nikkeibp.co.jp/article/COLUMN/20061023/251454/" alt="はてなブックマーク - 第26回　どこにメニューをおくべきか，どこが画面の一等地か - Webデザイン エンジニアリング：ITpro" border="0" /></a></p>

<h4>③リストを操作するメニューはリスト上部に</h4>
<a href="http://webimemo.com/wp-content/uploads/3867a780cb5eaaab26dc40466b2cab0f.png"><img src="http://webimemo.com/wp-content/uploads/3867a780cb5eaaab26dc40466b2cab0f.png" alt="" title="メニューはリスト上部" width="540" height="402" class="imgpad aligncenter size-full wp-image-3490" /></a>
<p>
WEBサイトはインストール型のアプリケーションと違い「縦型」のコンテンツで、ページをスクロールして
コンテンツを読み進める媒体ですよね。コンテンツ（リスト）が画面に収まりきらない事が多いため、
あらかじめ操作メニューはリストの上部に設置するのが望ましいと思います。
</p>

<p>＊リスト上部にあるメニューと同じ物をリスト下部にも設置すると、より操作性が向上します</p>


<h4>他にも様々なレイアウトがあります</h4>

<p>当然ですが、レイアウトとは必ずしも全ページ同じ構成が最適とは限りません。
各ページごとの考え方によって「適切な配置構成」は様々かたちを変えます。<br />
<strong>参考サイトの構成をすべて頭にいれた上で</strong>自分がつくろうとしているWEBシステムでは
どんなデザインがユーザにとって使いやすく、迷いにくいのかを考えるべきです。
</p>


<h2>デザインとアートは違う</h2>

<p>先日、TLに素晴らしい記事が流れてきましたのでその記事の一文をご紹介します。</p>

<blockquote>
<span class="Quotes">
デザインとは問題解決であり、アートとは自己表現である。Why?をBecauseで説明出来なければ、
それは明らかにデザインではないということなのです。何となく、個人的に好きだから、感覚で、といった理由を
述べた時点でそれはアート（自己表現）であり、デザイン（問題解決）ではありません。 
</span>
</blockquote>

<p>参考：<a target="_new" href="http://blog.btrax.com/jp/2012/03/17/what-i-learned-from-design-education/">米国のデザイン教育から学んだこと | サンフランシスコのWebコンサルティング会社 -ビートラックス- スタッフブログ</a> <a href="http://b.hatena.ne.jp/entry/blog.btrax.com/jp/2012/03/17/what-i-learned-from-design-education/"><img src="http://b.hatena.ne.jp/entry/image/http://blog.btrax.com/jp/2012/03/17/what-i-learned-from-design-education/" alt="はてなブックマーク - 米国のデザイン教育から学んだこと | サンフランシスコのWebコンサルティング会社 -ビートラックス- スタッフブログ" border="0" /></a></p>

<p>全くそのとおりだと思います。<br />
デザインに縁がない方はそこを混同してしまっている方が多いですね。
会社のおっちゃんたちとか・・。「みぞれちゃんのセンスで、かっくいー感じにしてくれよー＾＾」と言われると
何だか私はモヤモヤしてしまいますｗ
</p>

<p>
使用する色やテクスチャにも意味があること。
自分自身これを忘れないよう常に心がけてデザインを行なっていきたいと思います。
</p>


<h2>WEBシステムを作る時に常に念頭に置きたいこと</h2>
<p>今の時点で私が思いつくのは以下の３点です。
</p>
<a href="http://webimemo.com/wp-content/uploads/60c6ceb620e0e48c6e5eaaeee2116f61.png"><img src="http://webimemo.com/wp-content/uploads/60c6ceb620e0e48c6e5eaaeee2116f61-540x146.png" alt="３つの重要なこと" title="３つの重要なこと" class="alignnone size-540 wp-image-3450" /></a>


<p>親が誰なのか、どこの領域に対してのオブジェクトなのかを明確にグルーピングし、配置すること。
マウスが行ったりきたりしないで済む最適の配置を考えること。
結果は誰が見ても結果であること。配色や余白を効果的に使用して、素晴らしいデザインを作って行きたいですね！
</p>

<h2>さいごに</h2>

<p>
ここまでの閲覧ありがとうございました。
最後にはなりますが、この記事は「WEBシステムを作るならこうしろ！！絶対にだ！！」という記事では勿論ございませんｗ
</p>

<p>私がもし退職をしなかったら、こういった思考で社内のWEBシステムの製作に取り掛かりますよ。
という私個人のデザイン論のようなモノを後輩にそのまま託すためにまとめた記事です。
</p>

<p>
もし認識が間違っていること、言葉が足りないことなどがありましたら
コメントを頂けると有り難いです :)<br />
以上、霙でした。
</p>


<p>あ！！もし良かったら、投票お願いします。</p>
<a href="http://www.ashi-tano.jp/?p=2643" target="_new"><img src="http://webimemo.com/wp-content/uploads/oshiblo_bunner.png" alt="" title="oshiblo_bunner" width="180" height="150" class="aligncenter size-full wp-image-3502" /></a>]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/web/3449/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>コーヒーが苦手なくせに『Honolulu Coffee Company』でKONAコーヒー飲んできた</title>
		<link>http://webimemo.com/cafe/3386</link>
		<comments>http://webimemo.com/cafe/3386#comments</comments>
		<pubDate>Mon, 19 Mar 2012 00:12:51 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[cafe]]></category>
		<category><![CDATA[KISS X3]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[食べた]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3386</guid>
		<description><![CDATA[先日友人とハワイに行ってきました、霙（@xxmiz0rexx）です！ 青い空、おだやかな波、あたたかな日差し・・・を想像して行ったものの、 雨女の私が天候に恵まれるはずもなく普通に毎日雨でしたｗｗｗｗｗｗ冗談じゃないわよ [...]]]></description>
			<content:encoded><![CDATA[<a href="http://webimemo.com/wp-content/uploads/IMG_3135.png"><img src="http://webimemo.com/wp-content/uploads/IMG_3135-540x337.png" alt="" title="IMG_3135" width="540" height="337" class="aligncenter size-540 wp-image-3387 imgpad" /></a>


<p>
先日友人とハワイに行ってきました、霙（<a href="http://twitter.com/xxmiz0rexx" target="_new">@xxmiz0rexx</a>）です！
青い空、おだやかな波、あたたかな日差し・・・を想像して行ったものの、
雨女の私が天候に恵まれるはずもなく普通に毎日雨でしたｗｗｗｗｗｗ冗談じゃないわよーーうｗｗ⊂( ･∀･) 彡☆)`Д´) ﾊﾟｰﾝ
</p>

<p>
そんな雨の都ハワイの最終日、早起きをしてHonolulu Coffee Companyでコーヒーを頂いて来ました。
</p>


<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>








<h2>わたしでも飲めるスッキリまろやかな感じがいいね！！</h2>
<p>

さてさて。
みなさんコーヒーはお好きでしょうか？

私は正直、大の苦手。
どんなに砂糖を入れてもニガイし、いつまでも舌の上に残るのでよっぽどじゃないと飲まないし飲めないのです。
</p>

<p>
そんな私がゴクゴク飲めてしまった奇跡のコーヒーが、こちら。ホノルルコーヒーカンパニーのコナ・コーヒー。
嫌な苦味や渋みがなく、まろやかで、何と言っても舌に残らない！！
</p>

<a href="http://webimemo.com/wp-content/uploads/kona.png"><img src="http://webimemo.com/wp-content/uploads/kona-540x335.png" alt="" title="kona" width="540" height="335" class="imgpad aligncenter size-540 wp-image-3392" /></a>
<p>
薄いという意味ではなく、良い意味で水のように飲めてしまう夢のようなコーヒー。
ブラックでも美味しく飲めますが、私は砂糖とミルクをたっぷり入れてゴクゴク飲んじゃいました♪</p>

<p>
お店で焙煎しているそうなので、そういったこだわりから生まれた美味しさなのでしょう。
舌に残らないのは他の豆よりも粒子が細かいのかな。
</p>


<h2>Honolulu Coffee Companyはフードも激ウマ。</h2>
<a href="http://webimemo.com/wp-content/uploads/scone.png"><img src="http://webimemo.com/wp-content/uploads/scone-540x360.png" alt="" title="scone" width="540" height="360" class="imgpad aligncenter size-540 wp-image-3396" /></a>
<p>
朝だったので朝食もいただいたのですが、出てきたスコーンはサクサク！！某コーヒーショップと違って、パサパサしてなくて美味しい！！ｗ</p>
<img src="http://distilleryimage8.instagram.com/8076ea4c6a6b11e19e4a12313813ffc0_7.jpg" class="imgpad" width="40%" />
<img src="http://distilleryimage2.s3.amazonaws.com/6b77d55c6a6b11e180c9123138016265_7.jpg" class="imgpad" width="40%" />
<p>
マカロンも種類豊富でそれぞれに個性があって美味しかった！特に黄色いのがおすすめです。名前を忘れてしまったのですが、レモンみたいに爽やかな味でした。

</p>


<h2>でも…ハワイでしか味わえないんでしょう？</h2>

<p>
いいえ！ご安心ください！！なんとHonolulu Coffee Companyの日本進出が決まりました！！なんてタイムリー！！！！

</p>

<p>参考：<a target="_new" href="http://sankei.jp.msn.com/west/west_economy/news/120228/wec12022815240003-n1.htm">ホノルルコーヒー、日本上陸　フジオフードが子会社設立 &#8211; MSN産経west</a> <a href="http://b.hatena.ne.jp/entry/sankei.jp.msn.com/west/west_economy/news/120228/wec12022815240003-n1.htm"><img src="http://b.hatena.ne.jp/entry/image/http://sankei.jp.msn.com/west/west_economy/news/120228/wec12022815240003-n1.htm" alt="はてなブックマーク - ホノルルコーヒー、日本上陸　フジオフードが子会社設立 - MSN産経west" border="0" /></a></p>

<p>公式Twitterアカウントもいつの間にか誕生しており、しかもこうつぶやいているので間違いないですね！お台場かー！行こう！！</p>

<!-- tweet id : 167436356539269121 --><style type='text/css'>#bbpBox_167436356539269121 a { text-decoration:none; color:#0084B4; }#bbpBox_167436356539269121 a:hover { text-decoration:underline; }</style><div id='bbpBox_167436356539269121' class='bbpBox' style='padding:20px; margin:5px 0; background-color:#C0DEED; background-image:url(http://a0.twimg.com/images/themes/theme1/bg.png); background-repeat:no-repeat'><div style='background:#fff; padding:10px; margin:0; min-height:48px; color:#333333; -moz-border-radius:5px; -webkit-border-radius:5px;'><span style='width:100%; font-size:18px; line-height:22px;'>&#12507;&#12494;&#12523;&#12523;&#12467;&#12540;&#12498;&#12540;&#26085;&#26412;1&#21495;&#24215;&#12399;&#12289;&#12362;&#21488;&#22580;&#12501;&#12472;&#12486;&#12524;&#12499;&#21069;&#12395;&#26032;&#12375;&#12367;&#12391;&#12365;&#12427;&#12289;&#12480;&#12452;&#12496;&#12540;&#12471;&#12486;&#12451;&#26481;&#20140;&#12503;&#12521;&#12470;&#12288;&#12391;&#12377;&#12290;4&#26376;19&#26085;&#12464;&#12521;&#12531;&#12489;&#12458;&#12540;&#12503;&#12531;&#12391;&#12377;&#12290;</span><div class='bbp-actions' style='font-size:12px; width:100%; padding:5px 0; margin:0 0 10px 0; border-bottom:1px solid #e6e6e6;'><img align='middle' src='http://webimemo.com/wp-content/plugins/twitter-blackbird-pie//images/bird.png' /><a title='tweeted on 2012年2月9日 11:35 AM' href='http://twitter.com/#!/HonoluluCoffeeJ/status/167436356539269121' target='_blank'>2012年2月9日 11:35 AM</a> via web<a href='https://twitter.com/intent/tweet?in_reply_to=167436356539269121' class='bbp-action bbp-reply-action' title='Reply'><span><em style='margin-left: 1em;'></em><strong>Reply</strong></span></a><a href='https://twitter.com/intent/retweet?tweet_id=167436356539269121' class='bbp-action bbp-retweet-action' title='Retweet'><span><em style='margin-left: 1em;'></em><strong>Retweet</strong></span></a><a href='https://twitter.com/intent/favorite?tweet_id=167436356539269121' class='bbp-action bbp-favorite-action' title='Favorite'><span><em style='margin-left: 1em;'></em><strong>Favorite</strong></span></a></div><div style='float:left; padding:0; margin:0'><a href='http://twitter.com/intent/user?screen_name=HonoluluCoffeeJ'><img style='width:48px; height:48px; padding-right:7px; border:none; background:none; margin:0' src='http://a0.twimg.com/profile_images/1796465350/logo_normal.jpg' /></a></div><div style='float:left; padding:0; margin:0'><a style='font-weight:bold' href='http://twitter.com/intent/user?screen_name=HonoluluCoffeeJ'>@HonoluluCoffeeJ</a><div style='margin:0; padding-top:2px'>&#12507;&#12494;&#12523;&#12523;&#12467;&#12540;&#12498;&#12540;&#12472;&#12515;&#12497;&#12531;</div></div><div style='clear:both'></div></div></div><!-- end of tweet -->

<p>

そんなわけで、ホノルルコーヒーさん、ごちそうさまでした！！<br />
以上、霙でしたヾ(*´∀｀*)ﾉ

</p>]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/cafe/3386/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>面白そう！今までにない発想の、モノでつながるSNS『i.ntere.st』に登録してみました</title>
		<link>http://webimemo.com/web/3267</link>
		<comments>http://webimemo.com/web/3267#comments</comments>
		<pubDate>Wed, 29 Feb 2012 00:10:52 +0000</pubDate>
		<dc:creator>霙</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[サイト紹介]]></category>

		<guid isPermaLink="false">http://webimemo.com/?p=3267</guid>
		<description><![CDATA[誰かが「欲しい」と思ってるモノ、「おすすめ」しているモノ。 人をフォローするのではなく、その人の「欲しい」「おすすめ」をフォローする。 今までのSNSとはちょっと違う、新しい発想のソーシャルサービス『i.ntere.st [...]]]></description>
			<content:encoded><![CDATA[<img src="http://webimemo.com/wp-content/uploads/intarest.jpg" alt="" title="intarest" width="540" height="240" class="imgpad aligncenter size-full wp-image-3278" />
<p>
誰かが「欲しい」と思ってるモノ、「おすすめ」しているモノ。
人をフォローするのではなく、その人の「欲しい」「おすすめ」をフォローする。
今までのSNSとはちょっと違う、新しい発想のソーシャルサービス『<a target="_new" href="http://i.ntere.st/">i.ntere.st</a> <a href="http://b.hatena.ne.jp/entry/i.ntere.st/"><img src="http://b.hatena.ne.jp/entry/image/http://i.ntere.st/" alt="はてなブックマーク - i.ntere.st" border="0" /></a>』が面白そうなので、早速使ってみました！！


</p>

<div style="text-align:center;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2726271407153680";
/* ［ウェビメモ］バナー広告 */
google_ad_slot = "7891172168";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<h2>サイト紹介</h2>

<p>
<a href="http://i.ntere.st/" target="_blank"><img class="alignleft" align="left" border="0" src="http://capture.heartrails.com/150x130/shadow?http://i.ntere.st/" alt="" width="150" height="130" /></a><a style="color:#0070C5;" href="http://i.ntere.st/" target="_blank"><strong>i.ntere.st</strong></a><a href="http://b.hatena.ne.jp/entry/http://i.ntere.st/" target="_blank"><img border="0" src="http://b.hatena.ne.jp/entry/image/http://i.ntere.st/" alt="" /></a><br /><span style="color: #808080;font-size: 80%;line-height:130%;">これまでは、知人をフォローして、その情報を共有するという形式となっておりましたが、今回のリニューアルでは、人のフォローという考えを無くし、人のコーナーをフォローする形といたしました。 これにより、これまでユーザーの皆様からご指摘を頂いていた、「興味のないモノが表示される」といった点を改善し、皆様に「大好きなモノだけ」が溢れ出すサービスに生まれ変わりました。</span><br /><strong>今回のリニューアルで従来の人から人へのフォローという概念をなくしたんですねー！</strong><br style="clear:both;" /></p>

<h2>興味をもったキッカケ</h2>

<p>
実は先日、渋谷co-baで行われたリニューアル前の先行体験イベントに参加させて頂いたのが私と『i.ntere.st』の出会いです。</p>
<p>
遅れて行ったため製作した方々の想いや説明をロクに聞けず死にたくもなりましたが、
体験タイムに実際のサイトをいじってみて、私の中でこのSNSの使い道が浮かびました。
</p>
<img src="http://webimemo.com/wp-content/uploads/28d549dbee7ae60c6c0212d465ef1d711.jpg" alt="" title="はっ" width="540" height="250" class="imgpad aligncenter size-full wp-image-3290" />
<p>
<strong>みんながこのSNSをやってくれたら、誕生日などのプレゼントを選ぶときに<del style="color:#ccc;" datetime="2012-02-27T12:14:48+00:00">ものすごいラク</del>とても便利だと思ったのです。
</strong></p>

<p>
『i.ntere.st』は「欲しい」「おすすめ」「持ってる」などなど自分の興味があるモノをひたすらカテゴライズし、登録していくサービスです。つまり、アマゾンのほしい物リストをはるかに凌ぐ、その人の好みそのものが丸わかり！
絶対にプレゼント選びの時に役立ってくれるはず・・！
</p>

<p>それに、普段の会話では知ることの出来なかった一面を知ることもできるかもしれませんよね！
デザイナ繋がりで知り合った人と「うおお！モンハンクラスタだったのッ？！え、ジョジョもイケるの？マジで？結婚したいんですが構いませんねッ！！」となったりするかもしれません。
</p>

<p>そんな素敵なサービスなので、ぜひともいろんな方に使っていただきたいなぁと思います。
興味を持たれた方は、この機会に『i.ntere.st』に登録してみましょう :)</p>


<h2>『i.ntere.st』登録手順</h2>
<h4>①<a target="_new" href="http://i.ntere.st/">TOPページ</a>から新規登録ボタンをクリック！</h4>
<img src="http://webimemo.com/wp-content/uploads/d1ad8ab4fbc5df17a5215cb1da0da444.jpg" alt="" title="新規登録" width="540" height="237" class="imgpad aligncenter size-full wp-image-3293" />

<h4>②ログインするためのSNSを選択ッ！</h4>
<img src="http://webimemo.com/wp-content/uploads/d1ed77c9fd190c2df39c79a322f78909.jpg" alt="" title="SNSを選択" width="540" height="200" class="imgpad aligncenter size-full wp-image-3296" />

<h4>③簡単なプロフを入れて</h4>
<img src="http://webimemo.com/wp-content/uploads/a39b3a8b1f2c7b17576f4ef3c69a30e5.jpg" alt="" title="手順３" width="540" height="323" class="imgpad aligncenter size-full wp-image-3298" />

<h4>④興味あるカテゴリを選んで</h4>
<img src="http://webimemo.com/wp-content/uploads/3296652501bd9d0a520aeb541816e05b.jpg" alt="" title="手順４" width="540" height="497" class="imgpad aligncenter size-full wp-image-3300" />

<h4>⑤ブックマークレットを登録したら完了！！！！！</h4>
<img src="http://webimemo.com/wp-content/uploads/7b3cc52fc22dcf3e53eb774415e81ec9-540x477.jpg" alt="" title="手順５" width="540" height="477" class="imgpad aligncenter size-540 wp-image-3302" />

<p>
ポンポン進むので意外と早いですよ。
</p>

<h2>早速好きなものを登録していこう！</h2>

<p>アカウント登録をすませたら、自分の興味があるモノを登録していきましょう！
今回は検索で探す方法を掲載したいと思います。
</p>
<p>ヘッダにある検索という文字をクリックすると検索メニューが出てきます。
デフォルトはAmazonなのでそれ以外で探したい場合はショップ選択という文字をクリックすればＯＫ。</p>
<img src="http://webimemo.com/wp-content/uploads/fc0d49c34763a3abbbe4b1f8769c4fac.png" alt="" title="検索" width="540" height="450" class="imgpad aligncenter size-full wp-image-3334" />
<p>たとえばAppStoreからお気に入りのiPhoneアプリを登録したりできますよ。</p>


<img src="http://webimemo.com/wp-content/uploads/7c231725d0ef05e930f5640382e0db6c.png" alt="" title="クリック" width="540" height="266" class="imgpad aligncenter size-full wp-image-3336" />
<p>検索結果の中に気に入ったものがあれば、そのアイテムが入っているカラムの下部にある
「登録」という文字をクリック。</p>

<img src="http://webimemo.com/wp-content/uploads/f79d6bce4f92e57540c8d354f126d47a-540x332.png" alt="" title="登録画面" width="540" height="332" class="imgpad aligncenter size-540 wp-image-3339" />
<p>するとウィンドウが立ち上がるのでコーナー（カテゴリ。欲しいとか持ってるとかおすすめとか）
やコメントをつけてOKボタンを押したら完了です！</p>
<img src="http://webimemo.com/wp-content/uploads/0efa980a0d5b8ae966741d98ce16e56e.png" alt="" title="登録完了" width="540" height="192" class="imgpad aligncenter size-full wp-image-3341" />


<p>このような流れで自分の好きなものをどんどん登録していくと、
幸せなタイムラインになりますヾ(๑╹◡╹)ﾉ&#8221;
</p>

<p>他にも登録方法があるので、詳しくはオフィシャルブログを参照してくださいね！
（なんか画像ところどころ見れないけどどうしたんだろう・・）</p>
<p>参考：<a target="_new" href="http://interest-jp.blogspot.com/">商品登録の方法 | i.ntere.st ブログ</a> <a href="http://b.hatena.ne.jp/entry/interest-jp.blogspot.com/"><img src="http://b.hatena.ne.jp/entry/image/http://interest-jp.blogspot.com/" alt="はてなブックマーク - i.ntere.st ブログ" border="0" /></a></p>

<h2>さいごに</h2>
<p>わたしの『i.ntere.st』は以下からどうぞ♪</p>
<a href="http://i.ntere.st/u/xxmiz0rexx/corners" target="_new"><img src="http://webimemo.com/wp-content/uploads/94324f89d19a804ea2c2de36bdd9db05.png" alt="" title="みぞれの『i.ntere.st』" width="540" height="222" class="imgpad aligncenter size-full wp-image-3346" /></a>
<p>以上、霙でした！</p>]]></content:encoded>
			<wfw:commentRss>http://webimemo.com/web/3267/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	<media:rating>nonadult</media:rating></channel>
</rss>

