グルメ関連のサイト集

きっと誰もが一度は利用するグルメサイト。ボクが定期的にチェックするサイトと、必要な時に使うサイトをご紹介します、恐縮です。
一人でランチ、接待、打ち上げに使えると思います。もう幹事も怖くないですね。

お店を探す

食べログ
http://tabelog.com/
[BEST!] グルメのクチコミ情報ナンバー1。レコメンド数がすごい。

Hot Pepper-[東京]
http://www.hotpepper.jp/A_30300/svcSA11.html
食べログとちょっと違う視点で探したいとき。写真や記事はプロのもの。

Lu*jo!（ルージョ）
http://www.lujo.hotpepper.jp/index.html
Hot Pepperの高級ダイニングに絞ったサイト。

cafeglobe.com [レストラン クチコミ検索]
http://www.cafeglobe.com/travel/rating/
働くオンナのクチコミスペース。読み物系コンテンツもいい。

OZmall レストラン予約
http://www.ozmall.co.jp/gourmet/
恋が見つかるレストラン。厳選されたお店が探せます。

グルメ GYAO-[東京]
http://gourmet.gyao.jp/a/Tokyo/
食べログとちょっと違う視点で探したいとき。写真や記事はプロのもの。

サンゼロミニッツ-[グルメ]
http://30min.jp/kanto/place/1
クチコミやお店のブログなど、地域やお店ごとに自動分類。

ぐるなび [東京]
http://www.gnavi.co.jp/kanto/tokyo/
老舗のグルメ検索サイト。

読み物コンテンツが充実

東京カレンダー
http://www.tokyo-calendar.tv/restaurant/
雑誌・東京カレンダーが厳選した、美食レストラン&トラベルの情報サイトです。

フードリンクニュース-[次に流行るお店一覧]
http://www.foodrink.co.jp/next-vogue/nv_list.php
毎年、次に流行るお店が紹介されています。

ベビなび
http://mama.gnavi.co.jp/
子供連れをサポートしてくれるグルメナビです。

All About [グルメ]
http://allabout.co.jp/gourmet/
多数のガイドがお勧めのお店を紹介。

All About [B級グルメ]
http://allabout.co.jp/gs/bqgourmet/
All AboutのB級グルメ。

グルメブログ

渋谷＆恵比寿 ランチ・ジャーナル
http://ameblo.jp/surfrider3/
渋谷、恵比寿のランチ情報。写真が満載。

しずる！写真グルメガイド
http://photogourmet.livedoor.biz/
3人で運営しているため、広範囲な地域をカバーしています。

きままなランチグルメ 中目黒でオススメのウマイ店 - 働く男のランチメモ
http://gourmet.kimama-labo.com/
今後は渋谷ランチの紹介が中心になりそうですが、中目黒ランチ情報が満載。

カフェ

東京カフェデイズ
http://cafe-mania.cocolog-nifty.com/blog/
『東京カフェマニア』の川口さんのカフェブログ。カフェ情報で最強です。

cafe cotori+torico
http://cotoritorico.blog78.fc2.com/
東京のカフェを紹介。渋谷、表参道に強い。

All About [カフェ]

http://allabout.co.jp/gourmet/cafegohan/
『東京カフェマニア』の川口さん編集。

そのほか

大地を守る会
http://www.daichi.or.jp/
オーガニック野菜の宅配。

こうして見ると、お取り寄せやスイーツに関してはまったくフォローしていないですね。お取り寄せはそろそろかなー。

『活水料理 やまと』 新宿

ゴルフがちょっとうまくなってご満悦のジュンです。
打ち合わせ前に、クライアントの方と新宿駅から南新宿方面にある『活水料理 やまと』に行ってきました。新宿マインズタワーのレストランフロアにあるのですが、なんかダメーな雰囲気が漂っており、ちょっとドキドキしてしまいました。帰ろうかと思ったのですが、お店の前までくるとちょっと期待できそうな門構え。えいっとばかり中に入ると、期待通りの和な店内。居酒屋的な安っぽい和でもなさそうです！スタッフの方に座敷に案内されると、そこは昭和の田舎という風情。正解です。スタッフさんの対応もステキです。

ランチメニューの中で一番手ごろな1260円の和（なごみ）膳をオーダー。料理が来るまで、クライアントの方といろいろお話しました。座敷のリラックス効果で気楽にお話ができます。いつか和な打ち合わせスペースを持ちたいなー。

さて、運ばれてきた和（なごみ）膳、予想以上にいい感じです。早速食べてみると・・・、おお！どれも一品一品が美味しいです。見た目精進料理的なストイックさがあるのですが、どれもしっかりした味付けで変に気取っていません。唯一、アイスと勘違いして食べてしまったため、ごま豆腐が劇マズでした。あまりの衝撃にそのまま残してしまったのですが、豆腐だと思って食べたら美味しかったかもしれませんね。残念。豆腐さんに落ち度はありません。

近くにこんなお店があるといいなー、と思いました。

活水料理 やまと 新宿店 （懐石・会席料理 / 新宿、南新宿、代々木）

TEL：03-3377-1233
住所：東京都渋谷区代々木2-1-1 新宿マインズタワー　B1F
営業時間：
11:30～14:00
17:00～23:00
ランチ営業、夜10時以降入店可、日曜営業

焼き肉『虎の穴』-中目黒

ベビーベッドのベビちゃんをあやしていたら気持ち悪くなりました。揺れに弱いです、ジュンです。

コンクリート打ち放しのオシャレ系焼き肉、『虎の穴』でランチしました。
ちょっと豪勢に焼肉塩盛りセット1,250 円をオーダー。和牛タンスジ・豚バラ・鶏モモ、ライス・スープ・サラダ付きです。天気が良い日はテラス席もなかなか良いです。

お昼に一人で焼き肉を焼く、というのはいつも良い気分。誰にも気兼ねなくお好みで焼けます。お肉が焼けていくのをじっと見るのがまた楽しいんですよね。

お昼に頂く焼き肉は軽く油を落として野菜と一緒に食べたいですね。ちょっと胃もたれしますが、お肉もなかなかいい感じで、とても美味しかったです。欲を言うともっとお野菜が欲しいかなと。

ここ最近、寿司を良く食べるようになったので、時々寿司関連の情報にあたるとちょっと気になって読んだりしています。

・ウニは環境次第で200年以上も生きる場合がある。
・イクラなど軍艦に醤油を付けたい場合は、ガリを醤油に浸して刷毛のようにして醤油を付けても良いが、直接醤油をたらすのが良い。
・ガリはガリガリとした歯ごたえから名づけられた。
・「鮨」は関東、「鮓」は関西、「寿司」は全国的に使われている。
・すきやばし次郎のランチはおまかせで3万円。

焼き肉の回なのに寿司雑学ですいません。

虎の穴 本店 （焼肉 / 中目黒、代官山、恵比寿）

〒153-0051 東京都目黒区上目黒1-17-8 中目黒K.R.K.ビル
東急東横線中目黒駅　徒歩3分
TEL：03-3794-0029
営業時間
ランチ　　月～金　11:30～15:00(L.O.14:30)　
ディナー　月～金　18:00～01:00(L.O.23:30)　
ディナー　土・日　17:00～24:00(L.O.23:00)　
無休　

スライドログインバー

JQueryを使ったスライドするログインバーを紹介します。
スクリプト部分は非常に単純で、JQueryを読み込んだ後、任意のボタンにJQueryのメソッドslideToggle()を実行するだけです。

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript">
// ログイン用
$(function(){
	$('a#link-login').click(function(){$('div#client-login').slideToggle(); return false;});
	$('button#btn-login').click(function(){alert("ok");$('div#client-login').slideToggle(); return true;});
	$('div#client-login').css('display', 'none');
});
</script> 

<div id="client-login"> 
	<form action="" method="post" target="_blank"> 
		<label for="username">ユーザ名:</label><input id="username" name="username" type="text" class="txtbox" /> 
		<label for="password">パスワード:</label><input id="password" name="password" type="password" class="txtbox" /> 
		<button id="btn-login">ログイン</button>
	</form> 
</div> 
<div class="topnavi"> 
	<a href="#" id="link-login">ログイン</a> 
</div> 

XHTML1.0 Transitionalのテンプレート

よく使うXHTML1.0Trasitionalのテンプレートです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<title></title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="auther" content="" />

	<link href="" rel="stylesheet" type="text/css" />
	<script src="" type="text/javascript"></script>
</head>
<body>
</body>
</html>

文字コードをUTF-8以外で記述する際は、META要素のcharsetで指定している値を下記に変更します。

シフトJIS:Shift_JIS
EUC：euc-jp
JIS：iso-2022-jp
UTF-8：UTF-8

参考：
XHTMLの書き方と留意点
XHTML 1.0: 拡張可能ハイパーテキストマークアップ言語

記事の読み込みを優先させたレイアウトにする

ヘッダや左メニューより、記事の領域をソースコード上の上部に記述する方法を紹介します。

HTMLのコードは下記のとおりです。

<!-- container領域 [s] -->
<div id="container">
<!-- sub-container領域 [s] -->
<div id="sub-container">

	<!-- main領域 [s] -->
	<div id="main">
		<div class="col-center">
			col-center
		</div>
		<div class="col-right">
			col-right
		</div>
	</div>
	<!-- main領域 [e] -->

	<!-- footer領域 [s] -->
	<div id="footer">
		footer
	</div>
	<!-- footer領域 [e] -->

	<!-- col-left領域 [s] -->
	<div id="col-left">
		col-left
	</div>
	<!-- col-left領域 [e] -->
</div>
<!-- sub-container領域 [e] -->

<!-- header領域 [s] -->
<div id="header">
	header
</div>
<!-- header領域 [e] -->

</div>
<!-- container領域 [e] -->

CSSのコードは下記のとおりです。

/* CONTAINER					##################################### */
div#container{
	margin: 0;
	overflow: hidden;
}
div#sub-container{
	margin: 95px auto 0 auto;
	width: 980px;
}

/* HEADER						##################################### */
div#header{
	clear: both;
	position: absolute; 
	margin: 0 auto;
	top: 0;
	width: 100%;
}
	div#header div.topnavi{
		margin: 0 auto;
		width: 980px;
	}

/* BODY							##################################### */
div#main{
	background: red;
	margin-left: 240px;
	width: 740px;
	overflow: hidden;
}
	div#main div.col-center{
		float: left;
		width: 520px;
	}
	div#main div.col-right{
		float: left;
		width: 220px;
		background: green;
	}

/* BODY-LEFT AREA				##################################### */

div#col-left{
	position: absolute; 
	top: 95px;
	width: 240px;
	background: blue;
}


/* FOOTER						##################################### */
div#footer{
	width: 100%;
	width: 980px;
	background: yellow;
}

焼き肉『洙苑（シュエン）』-中目黒

こんにちわ！最近は部屋に合う観葉植物を探し歩いています。ジュンです。

ボクの会社の近くには色々な食事処があります。ランチはやっぱり近くが一番ですよね。
冬、寒い時期は焼き肉『洙苑』が大活躍です。1階がテーブル席で、2階は座敷になっています。冬は目の前で炭火がパチパチする1階がお勧め。体の芯から温かくなります。

といっても今の季節、そんなにあったまる必要ありませんが、それでもやっぱり足を運んでしまうのは、近いから。ではなく、真っ赤なカルビクッパです。卵のフワフワ漂っている感じと、自己主張の強いカルビの組み合わせは最強ですね！スープが本当に美味しい。

食べログなどでは芸能人御用達というコメントもあるので、ぜひキョロキョロしてみてください。狙い目は座敷がある2階でしょうか。

洙苑 （焼肉 / 中目黒、代官山）
★★★★☆ 4.0

TEL：03-3710-8844
住所：東京都目黒区東山1-5-1
営業時間：11:00～14:00 17:00～翌2:00
定休日：第3月曜日

RSS天気予報

ジュンです。過去記事の再録ですよ。

今日はlivedoorの天気予報RSSを取得してみました。

livedoorのRSSフィード一覧ページ

PerlでRSSといえばXML::RSSモジュールですが、今回はXML::LibXMLモジュールを使ってみます。

理由としては、XML::RSSモジュールはRSSのみの対応で、XML全般に対応しているXML::LibXMLモジュールのほうが使い勝手が良いということと、XML::LibXMLのほうが速いらしいという計測結果からです。

XML::LibXMLは思いっきりXPathの知識を必要とするのでとっかかりが悪いけど、なれると楽ですね。今回も簡単に天気予報の情報が取得できました。

読み込むモジュールは下記の通りです。

use LWP::UserAgent;
use Encode;
use XML::LibXML;

まずはLWP::UserAgentでRSSドキュメントをゲットします。

my $ua    = LWP::UserAgent->new;
$ua->timeout(10);
my $response    = $ua->get($ref->{'link'});
my $dat    = $response->content;

ゲットできたら、XML::LibXMLで整形し、

$rss = XML::LibXML->new;
my $doc    = $rss->parse_string($dat);

アイテムを配列に代入します。

my @node    = $doc->findnodes("//*[local-name()='item']");

あとはアイテム毎に属性を取り出して文字コードを整えてあげればOKですね。

foreach my $node( @node ){
    my $item = {
        category    => $node->findvalue("*[local-name()='category']"),
        link        => $node->findvalue("*[local-name()='link']"),
        supplement    => $node->findvalue("*[local-name()='title']"),
        pub_date    => $node->findvalue("*[local-name()='pubDate']"),
        description    => $node->findvalue("*[local-name()='description']"),
        img_title    => $node->findvalue("*[local-name()='image']/*[local-name()='title']"),
        img_src        => $node->findvalue("*[local-name()='image']/*[local-name()='url']"),
    };
    next if $item->{'category'} eq 'PR';
    while( my($k,$v) = each %$item ){
        utf8::encode($v);
    }

    #あとは$itemの値を利用する処理を書く

}

カフェ『おまもり』原宿

今日も元気に原宿で打ち合わせです。
お昼に『おまもり』でランチしました。目印は実物大の牛の置物。
開放感があり、天気が良い日はすごく気持ちよくランチできます。

おまもりはカフェではあるのですが、全体的に料理がちゃんと美味しい素敵なお店です。
パスタはどれも濃い目で、日本人が好きなところを突いてきます。良いですねー。
パスタランチは1280円とちょっとお高いですが、品目が多く、前菜にボクの好きな生ハムもあるので全然OKです。ついついランチビールまでいただいてしまいました。

関係ないですけど、ボクはネイチャー系の番組がとても大好きで、NHKの『ダーウィンが来た！生きもの新伝説』は毎週欠かさず観ています。その中でも、ウナギの回がとにかく印象的でした。ウナギは時に川から出て山を登ったりします。普通の山道を大量のウナギが這っていたら驚きますよね・・・。

おまもり 原宿店 （ダイニングバー / 明治神宮前、原宿、外苑前）

東京都渋谷区神宮前３－２９－３
ランチ／12:00～15:00　カフェタイム／15:00～17:00
※月曜日だけランチタイム16：00まで
ディナー／月-木17:00～22:30(22:00LO)
　　　　　金土 17:00～23:30(23:00LO)
　　　　　日祝 17:00～21:30(21:00LO)
無休

アフェリエイト企画の進捗・内容が決まる

アフェリエイト企画が遅々として進まなかったのですが、ようやくアイデアが固まり、デザインの段階になりました。
運営などを考えて一番問題になったのが日々の更新作業です。
本業をおろそかにもできないので、商品の紹介はなるべく短時間で簡単に済ませられるものがベストです。そして、社員全員がまあまあ詳しいもの、となると必然的に仕事で使っているデザインやプログラム関連の書籍やソフトウエアのアフェリエイトにしようとなりました。
ここまでは良かったのですが、全員デザイナーなのでいい感じの紹介文など書けるのかという話になり、またしょっちゅう技術関連の本を読んでいるわけにもいかず、かといって読んでいないのを紹介するにも限度があるだろうと。ここが悩みどころでした。

結果、仕事で使った2、3行程度の短いコードなどを備忘録のような気持ちで紹介し、そこに関連しそうな書籍のamazonリンクをつけようかとなりました。この方法であれば、文章をうんうん唸りながら書く必要が無く、ユーザはいろいろなコードの例文に触れることができるのでそこそこ需要があるのではないかと。

とりあえずアフェリエイトサイトのラフを作成しました。　
トップページは記事のリストを四角いボックスで表現しています。上から一列に整列する一般的なリストよりは見た目面白そうですね。右の黒いボタン的なものはタグクラウドです。

次はこのラフをもとにデザイナーのスダくんにデザインしてもらいます。
テイスト的には親しみやすい感じがいいですね。
文字要素が多いので、シンプル過ぎないのが良いと思っています。

デザインがあがってくるのが楽しみですね。