月別アーカイブ: 2014年11月

西新宿で安倍総理の演説に出くわした

遅い昼食を食べに西新宿に来た帰りの18:00頃、
何だか2014衆議院選挙の公示日はまだなのに演説してる人がしてるなと思ったら、
自民党でした。
んー。確かに昼飯前に通ったとき、黒塗りのレクサスが多いなとは思ったんだよね。

そこら中にSPと警官が。

小池百合子さんがいました。

人だかりがやばいです。駅構内まで並んでます。

駅構内だと演説が聞こえないので外に出てきました。

総理到着(18:20頃)

生総理初めて見たよ。

百合子から総理にバトンタッチ。

首相「この夏の景気の好循環をたださなければならない。」

首相「やっぱり仕事があることが、皆さん一番なんです。」ここで拍手がおこる
仕事を失いかけた人たち拍手してるのかな？・・

首相「歯を食いしばっても勝ち抜いていく。」

都会の中の演説。

演説を聴く人だかり

マスコミもたくさんでした。

確かに政権交代で景気回復は起こったと思う。

(参照:２年前のwbs)
株価の各国比較をみてみると
2009~2012の期間
各国は株価が上昇してるのに、
民主党が政権を取っていた日本だけ低迷したままだった。
ちなみに2014までの各国株価は以下の通り。

(参照:世界の株価)

自民党がいいのではなく、民主党がだめすぎただけなのかもしれない。
個人的には景気だけに頼るのではなく、不景気であっても稼げる人でありたいと思う。

既存デザインのままレスポンシブデザインを導入する方法

レスポンシブデザインとは、
同一のhtmlでスマホやPCなどに最適化したデザインを表示するデザインです。

端的に言うとbootstrap3を利用します。

http://getbootstrap.com/

が、そのまま使用するとbootstrap風なデザインとなるので・・・

**使うのは骨組みだけ
グリッドデザイン(col-md-xなやつ)(※1)と
端末サイズ別表示(hidden-smやvisible-sm-blockなど)(※2)だけ

※1.グリッドデザインは以下のようなデザインのこと

<div class="row">
  <div class="col-md-8">.col-md-8</div>
  <div class="col-md-4">.col-md-4</div>
</div>

※2.端末サイズ別表示

<div class="hidden-xs">
    .hidden-xs
     (スマホで768px以下で非表示)
</div>
<div class="hidden-sm">
    .hidden-sm
    (タブレット 992px以下で非表示)
</div>
<div class="hidden-md">
    .hidden-md
     (PC 1200px以下で非表示)
</div>
<div class="hidden-lg">
    .hidden-lg
     (PC 1200px以上で非表示)
</div>
<div class="visible-xs-block">
 .visible-xs-block
 (スマホで768px以下で表示)
</div>
<div class="visible-sm-block">
 .visible-sm-block
 (タブレット 992px以下で表示)
</div>
<div class="visible-md-block">
 .visible-md-block
 (PC 1200px以下で表示)
</div>
<div class="visible-lg-block">
 .visible-lg-block
 (PC 1200px以上で表示)
</div>

**やり方
既存のcssはそのまま残して、
bootstrap3.min.cssを追加します。
すると、既存のリンク色や文字間隔やサイズなどが多少変わるので、
それらを既存のスタイルに上書きするcssを追加してあげます。
工数ですが、私の場合は、30テンプレ数位でしたが、
2日程度で差替可能でした。

**PCのサイドメニューの記述
このようにすればタブレット、スマホではside_menuは表示されません。

<div class="row">
  <div class="col-md-8">main_contents</div>
  <div class="col-md-4 hidden-sm">side_menu</div>
</div>

**global_navの記述
pc用とsp用とでglobal_navを切り替えていきます。
検索botが読むと2重表示となるのでサーバサイドで表示非表示を制御した方が
いいかもしれません。ただ、読まれたからってseoで不利にはならないと思うので
一旦は問題ないでしょう。

<div class="hidden-xs">
  sp用globalnav
</div>
<div class="visible-xs-block">
  pc用globalnav
</div>

**総括
デザインの骨組み作成はデザイナーの仕事ではないと思ってます。
骨組みはbootstrap3などのライブラリを効率的に活用するのが良いかと思います。
(UI,UXデザイナーになると別かもですが、)
webデザイナーはサイト独自のデザインにのみ時間をかけるのが吉です。

アクセスを倍にするseo施策sitemap編

seo施策として主な対応が以下の通りありますが、
劇的に変化のあったのはsitemapの作成でしたので
sitemap作成について記事を書きたいと思います。

+sitemapを作成する
+itemscope付きのパンクズをつける
+サーバサイド処理を100ms以下にする

**sitemap_indexの活用
一般的にサイトマップといえば以下のような記述をしますが、
サイトのページ数が増えると記述に工夫が必要です。
-sitemap.xml

 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
      <loc>http://example.com</loc>
      <changefreq>daily</changefreq>
      <priority>0.5</priority>
   </url>
   <url>
      <loc>http://example.com/taglist</loc>
      <changefreq>daily</changefreq>
      <priority>0.5</priority>
   </url>
 </urlset>

どうするかというと以下のようにsitemapリストのsitemapを使います。
こうすることで、ウェブマスターツール(https://www.google.com/webmasters/tools)にも
自動反映されるようになります。

-sitemap.xml

 <?xml version="1.0" encoding="UTF-8"?>
 <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <sitemap>
      <loc>http://example.com/sitemap/index.xml.gz</loc>
      <changefreq>daily</changefreq>
   </sitemap>
   <sitemap>
      <loc>http://example.com/sitemap/tag.xml.gz</loc>
      <changefreq>daily</changefreq>
   </sitemap>
 </sitemapindex>

-sitemap/index.xml.gz(解凍したものを以下に掲載)

 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
      <loc>http://example.com</loc>
      <changefreq>daily</changefreq>
      <priority>0.5</priority>
   </url>
   <url>
      <loc>http://example.com/taglist</loc>
      <changefreq>daily</changefreq>
      <priority>0.5</priority>
   </url>
 </urlset>

**一件あたりのxmlの登録数は2000件で
また、個別のxml内に記述するurlは50000件まで登録可能と公式でアナウンスがありますが、
Googlebotが読み取りに失敗すると50000件まるまる損してしまうので、
件数を2000件程度にしておいた方がよいです。

**意味のないページはサイトマップに登録しない
たとえば画像投稿サイトで投稿userさんの詳細ページがあったとします。
sitemapを作成するときに投稿数が0件であるuserページは作っても意味がありません。
この場合、投稿数が1件でもあるuserのみに絞ってsitemap登録をしてあげます。

**タグページは全てサイトマップに登録する
検索サイトで検索したワードを保有している場合は、たとえ検索結果が0件である検索ページであっても
サイトマップには登録しておいた方が良いです。
そのワードでGoogle検索した場合でもヒットするためです。
その際に注意ですが、検索結果0件の下あたりにおすすめ検索ワード一覧のリンクをつけて
内部回遊させることが必要です。
あと検索結果が0件だとウェブマスターツールのソフト404項目に警告がでますが、
間違ってもあってもステータスコードを404にしてはなりません。
検索0件のページがindex登録されなくなります。

**施策結果
以下の図はGoogleからのアクセスに絞ったもので、
詳細数値は隠しますが、2月中旬にsitemapを作成した所、
3月中旬ぐらいまでにGoogleからのアクセスが倍に伸びました。

サイトマップ登録でGoogleへのindex件数も200万を突破してます。

**大手のsitemap.xmlを覗いてみよう。
naverまとめ http://matome.naver.jp/sitemap.xml
yahoo掲示板 http://textream.yahoo.co.jp/sitemap.xml

パセラ新宿本店のカラオケに行ってきた。

オフ会会場として使えるか確認するために
パセラ新宿本店のカラオケに行ってきました。

新宿には２店舗ありますが、新宿駅から近い方にある靖国通り前ではなく
遠い方にある新宿区役所の隣にあるのが本店になります。

大きな地図で見る

看板はこんなの

２、４、５Fにカラオケがあります。

ロビーはこんな感じ。朝７時ごろにいくと、深夜からのオール組の会計でロビーが込みます。
とりあえず1時間の利用を宣言して受付通過。
受付をすると、札を渡されます。ちなみに料金は土曜の朝だったので500円/30minでした。

一人でとりあえず行ったので4Fの突き当たり408へ案内されました。

廊下はこんな感じ

408号室です。4~5人は座れそう。入って右手側

入って左手側。

wifiはPASELA-4FとPASELA-4F_2ってのが使えます。

が、場所が悪いためかwifiがどちらも使えなかったので409に移動させてもらいました。
こちらに移動するとPASELA-4Fが使えるようになりました。
PASELA-4F_2は相変わらずだめでした。

409の入って右手側

409の中央椅子に座ってからの正面に画面があります。

入り口から右手前に移動しての全体写真。
409は8~10人位は入れそう。

11/1の朝だったので昨日終わってるはずのハロウィンメニューがまだありました。

ご飯、パスタ、色々あります。

ビールも色々

オニオンリング旨そう。

1時間利用して色々調査できました。オフには使えそうです。
そのまま受付でお金を払って退店。
9時30分に閉店らしいので、自分が最後だったかも知れない。

後日オフ会を決行しました。
3人で5時間半で飲み放題でつまみを３品つけた所、24000円位になりました。
24000円使うと1500円の割引券がもらえるようです。

総括
カラオケ曲は結構充実してました。
カラオケ保有曲数は80万曲ダブリなしらしいです。
ザ・クロマニヨンズを見ましたが、４０曲位ありました。
カラオケ操作パネルのパッドの反応が良すぎて誤操作をよくしました。
ただ慣れれば問題ないかもしれません。
3人で５.5時間も使うと結構額がすごいと思います。２時間位で利用するか、
オールをセット割引で利用するのが良いと思います。
今度オフ会をやるときは貸し会議室でも使おうかと思いました。
wifiはパスなしで使えますが、動画などを見ようとするとちょっと重いかもしれません。
スマホのテザリングが使えました。LTEなので速度は速いです。
有線LANもあるようです。LANケーブルも店員に言えば貸してくれるようです。

パセラ新宿本店公式ページ

大きな地図で見る

新宿区歌舞伎町1-3-16

ザ・パークハウス西新宿タワー60を見学しにいった

そろそろ別のマンションでも買おうかなと思ってたので、
西新宿にできる予定のザ・パークハウス西新宿タワー60の
事前案内会に参加してきました。

現地を最初に確認しに行きました。
新宿駅まで徒歩10分らしいです。
まだ、地上階はできてません。

建築許可証など

宅地建物取引業者など

信号わたった先に、事前案内会があります。

右側にあるビルの中に入ります。

ビルの中に入って、右手に受付があります。そこから28Fへ移動します。

28Fで再度受け付けをし、ソファーで待機。
既に来てた方は10名程度。
２枚アンケートを配られるので記入します。
しばらくすると宅建取扱者がやってきて色々購入目的などを聞かれます。
その後、いろいろ２本ビデオを見た後に、モデルルームの内見をします。
モデルルームは写真NGでした。
108mと75mのモデルルームを内見できました。

案内ビルから見た現地です。土色の場所です。
案内ビルは28F(120m)でできるビルは60Fで200mらしいです。

左下の方に見える緑に囲まれた灰色の部分がビルです。

自分が欲しいのは
45階ぐらいで広さ50mで5000万弱でした。
（１部屋位なら公開大丈夫かな？検討中なのでお許しを）
立地や高層階で値が張ってるのかな？
よくよく考えると、駅から徒歩10分なのがなぁ・・・と思い出す。
流れ的には事前案内会に行って、12月中旬頃で購入部屋を大体きめて、
１月中旬で部屋ごとの購入申し込みをして、３月に当選発表となるようです。
また次回も行ってみよう。

**追記
価格表をだしているブログがあったのでリンクしておきます。自分は怖くて出せません。

http://fanblogs.jp/mansion48/archive/393/0

新宿ランチパスポート2014年11月-2015年1月を使ってみた

新宿ランチパスポート2014年11月-2015年1月を使ってみました。
今回は第２弾です。
ちなみにランチパスポートとは
本をお店に持っていくと普段800円位するランチが500円で食べられる
新しいクーポンのような本になります。
ちなみに第一弾も購入してます。

お店は結構オフィスじゃない側の西新宿と歌舞伎町に偏ってる気がします。

第一弾から引き続き使える店が2/3ぐらいあります。同じ店でも食べられるメニューが違ったりするようです。

土日が休みな所が多いですね。

ランチパスポートはamazonで1000円で買えます。
新宿紀伊国屋にも売ってました。

新宿伊勢丹メンズ館へ行ってみた

ハイブランドが多く入ってる新宿伊勢丹メンズ館へやってきました。
B1Fの革靴は3度も利用し、ディーゼルのデニム短パンを買いに6Fを一度利用しただけでなので、
あまり分かってませんが少し紹介します。

B1Fは靴フロアとバッグフロアに分かれており、
靴フロアは1,2万〜7万フロアがメイン靴フロアで、
個別に10万~18万の靴フロア(ジョンロブ,エドワードグリーン等)に分かれてます。
革靴がメインですが、スニーカーもおいてます。

7Fは大きめな男性用で、間違えてそこで探して、
“普通の体系の方は6Fで用意してます”と言われたことがあります。

ちなみに買った靴ブランドは
スコッチグレイン(普段使い)
リーガル(普段使い)
Church’s（冠婚葬祭用)
でした。

ネットの書き込みを見ると3Fがかなり高級らしいので、一回りしましたが、
ハイセンスな人が多かったです。

フロア別ブランド一覧

7F(ゴルフグッズ)
大きめカジュアル・ゴルフウェア

6F(大人のカジュアルブランド)
ポールスミス
レッドイヤー
バーバリーブラックレーベル
ブラックバレットバイニールバレット
カルバンクライン
ハイドロゲン
ジェームスパース
ジョゼフオム
ジョゼフスポーツ
ストーンアイランド
セオリー
トゥモローランド
ワイスリー
エージー
アーモンド
バッテンウェア
ブルーブルー
ブレイブ
バークマンブラザーズ
バイクロ
デンハム
ディーゼル
フランクアンドアイリーン
ジースターロウ
ジェネリックサープラス
ヘリテージレザー
クロ
リーバイス
ライトニングボルト
モラスク
ヌーディージーンズ
フリップ
ラグ＆ボーン
ラーレイ
セーブカーキ
ソルエンジェルス
ストーンアンドクロス
ティルゲイト
ザウエストイズデッド
ダブリュージーエーシーエー
アグ
ブイルーム
ヨシノリコタケ
スリーバイワン
アニエスベーオム
コムデギャルソンオム
イッセイミヤケメン
トリプルエー
エイジ
アラウンド1985
バッグスインプログレス
バーク
シープラス
カシラ
カバンドズッカ
クラウディオクチューリ
クローズド
コモンピープル
デザインワークス
ディーゼルブラックゴールド
エモヅィオーニ
エンジニアドガーメンツ
エッセンプラーレ
ファブリツィオデルカルロ
ギャレット
ジャンカルロロッシ
ハリスワーフロンドン
ハヴァーザック
ジョーティーズ
ヒビハバ
カトー
マーク by マークジェイコプス
マーガレット・ハウエル
マラキータ
マーカ
モンクレール
モロイレブン
ティファイ
アワレガシー
バオロベコラ
ポールアンド　ジョー
ポギャンティ
ブリングル 1815
レインメーカー
リックテイラー
ロベルトコリーナ
ローズ&ローズ
サルバトーレ　サントロ
サイ　ベーシックス
サイ
サイドスローブ　ベーシック
スロウガン
ソリード
サウンドマン
タトラス
ティーエスエス
ザ・チノ・リファイブド
プラスプラム
ヤエカ

5F(ビジネスマンの聖地)
アルマーニコレツィオーニ
ボス
コルネリアーニ
ブルックスブラザーズ
ジェイブレス
ボールステュアート
アクアスキュータム
バーバリー

4F(世界の伝統ブランド)
プリオーニ
ダンヒル
プレミアテーラリング
フルピスボーク
スミズーラ
ブリティッシュ
ブルネロクチネリ
エトロ
クラシコ
エルメネジルドゼニア
サルヴァトーレフェラガモ
ジョルジオアルマーニ

3F(世界のデザイナーブランド)
サンローラン
トムフォード
ディオールオム
プラダ
ジル・サンダー
メゾンマルタンマルジェラ
モンクレールガム・ブルー
トムブラウン
ボッテガ・ヴェネタ
ドルチェ＆ガッバーナ
グッチ
アレキサンダー・マックイーン
バルマンオム
ジバンシィ
ランバン
ヴァレンティノ
ヴィクター＆ロルフ

2F
コーナーコムデギャルソン
エヌハリウッド
アンダーカバー

1F
シャツ・ネクタイ・アクセサリー

B1F
靴・バッグ

鮨一新で一新特選コースを食べてきた

行こうと思った動機はこの
もう一回だけ言う。IT企業に勤めているなら「鮨一新」にすぐ行くべきだと
検証記事を見たためです。

せっかくなので、平成26年4月1日より期間限定で開設された
「一新特選コース」を食べることにしました。

溜池山王から歩いて３分で着きます。

入って直ぐの所に受付があるので、17:00になったら受付で手続きをします。
写真OKですか？ときいたところ、okとの返事でした。

暖簾をくぐって奥へ

いかにも高級そうな門構えです。

今回は、テーブルしか開いてなかったので、テーブルでお食事です。
カウンターが開いてれば、カウンターの方がいいっぽいです。

飲み物は異常に安いです。

380円生ビールを頼みました。

通しはスケトウダラの卵。
さっぱりした味。つぶつぶ食感がうまい。

お刺身です。左から、サバ、かつお、かわはぎ、赤貝。醤油と肝醤油。
明らかにそこらで食べる刺身と味が違う。うまいよー。

冷たい毛ガニ、中まで実がぎっしりでした。味噌入りで味が濃かったです。

蒸アワビとあん肝です。
あん肝は初です。甘い味付けでちょっと好き嫌いがはっきりするかもしれません。
アワビも初だったかな？見た目から想像するほど固くなく、ぷりぷりでうまかった。
２切れあったので、もう一切れは醤油をつけてみたところ、中居さんに薄かったですか？などと聞かれてしまった・・・。いや味を少し変えてみたかったんです・・ごめんなさい。