<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>沖縄のWebデザイナーChopstickBrunch</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/" />
    <link rel="self" type="application/atom+xml" href="http://www.chopstick-brunch.com/atom.xml" />
    <id>tag:www.chopstick-brunch.com,2010-05-05://1</id>
    <updated>2010-08-14T04:54:45Z</updated>
    <subtitle>ハヤマタカシのブログ</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.261</generator>

<entry>
    <title>韓国料理は那覇のナルマダ</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/08/000037.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.37</id>

    <published>2010-08-14T04:31:30Z</published>
    <updated>2010-08-14T04:54:45Z</updated>

    <summary>韓国料理のナルマダは、那覇市樋川2丁目5番9号にあります。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="日常と雑記" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ナルマダ" label="ナルマダ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="焼肉" label="焼肉" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="豚カルビ" label="豚カルビ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="那覇" label="那覇" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="韓国料理" label="韓国料理" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<p>沖縄で一番美味しい韓国料理のお店を紹介します。</p> <p>那覇市桶川の「ナルマダ」です。</p> <p><a href="http://narmada.ti-da.net/">http://narmada.ti-da.net/</a></p> <p>本場・韓国のオモニ（おかあさん）が作っているうえ、こだわりが凄くて、予約がなかなか取れないお店です。オーナーも予約が取れないらしいです（笑）</p> <p>私の故郷の横浜も韓国料理のお店多いし、ソウルにも先日行ってきたんですけど、ココのお料理が一番美味しいです。</p> <p>というわけで、看板メニューを二つ！</p> <p>&nbsp;</p> <p><span style="font-size: 130%;">デジカルビ</span></p> <span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a href="http://www.chopstick-brunch.com/data/deji.jpg"><img width="580" height="386" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" src="http://www.chopstick-brunch.com/assets_c/2010/08/deji-thumb-580x386-63.jpg" alt="deji.jpg" /></a></span> <p>&nbsp;</p><p>豚カルビです。これが本当に豚肉なの？？というやわらかい食感と味わい。</p> <p>壷漬けで、1枚の大きい状態で出されるんですが、これを焼きながらハサミで切っていくのがポイント。</p> <p>お店の方に聞いたんですが、最初から切てしまうと、肉汁が出てしまうから、もったいないんだそうです。</p> <p>ペロっとイケちゃう美味しいお肉とたれですね～</p> <p>&nbsp;</p> <p><span style="font-size: 130%;">カルメギ</span></p> <span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a href="http://www.chopstick-brunch.com/data/karu.jpg"><img width="580" height="386" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" src="http://www.chopstick-brunch.com/assets_c/2010/08/karu-thumb-580x386-65.jpg" alt="karu.jpg" /></a></span> <p>最近加わった新メニューのカルメギ</p> <p>これはなかなか食べられない部位です。</p> <p>豚の横隔膜（ハラミ）の近くのお肉で、ほんの少ししか取れない貴重なトコロ。しかも仕込みにすごい時間がかかるんだそうです。</p> <p>ごま油で軽く揚げたニンニクスライスと一緒に、さらにさっぱり目の塩ダレにつけて食べるんですけど、これが絶品。このレベルのお肉は、白金高の輪の高級焼肉屋さんでしか食べたことないなぁ～と。</p> <p>&nbsp;</p> <p>そして、シメはこちら</p> <p><span style="font-size: 130%;">冷麺</span></p> <span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a href="http://www.chopstick-brunch.com/data/reimen.jpg"><img width="580" height="386" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" src="http://www.chopstick-brunch.com/assets_c/2010/08/reimen-thumb-580x386-67.jpg" alt="reimen.jpg" /></a></span> <p>仲井真知事も絶賛で、翌日も食べに来たんですって。</p> <p>しっかりとダシが効いたおつゆに、さらにシャーベット状に凍らせたダシがはいっていて、ずーっとサッパリ食べられます。</p> <p>&nbsp;</p> <p>というわけで、ナルマダをご紹介しました。</p> <p>食べ物の記事って書くのなかなか難しくて、皆さん好みがあるから私が美味しい！と紹介しても、人によってはイマイチとかあるので。</p> <p>でも、ここは韓国料理好きには絶対オススメなので、掲載しました～</p> <p>&nbsp;</p> <p>ご予約はお早めに！</p> <p>電話番号　098-854-0303<br /> 住所　那覇市樋川2丁目5番9号</p> <p>&nbsp;</p> <p><iframe width="580" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?q=%E9%9F%93%E5%9B%BD%E6%96%99%E7%90%86+%E3%83%8A%E3%83%AB%E3%83%9E%E3%83%80&amp;oe=utf-8&amp;hl=ja&amp;client=firefox-a&amp;ie=UTF8&amp;brcurrent=3,0x34e5697141a6b58b:0x2cd8aff616585e98,0&amp;ll=26.211357,127.691495&amp;spn=0.006738,0.012445&amp;z=16&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?q=%E9%9F%93%E5%9B%BD%E6%96%99%E7%90%86+%E3%83%8A%E3%83%AB%E3%83%9E%E3%83%80&amp;oe=utf-8&amp;hl=ja&amp;client=firefox-a&amp;ie=UTF8&amp;brcurrent=3,0x34e5697141a6b58b:0x2cd8aff616585e98,0&amp;ll=26.211357,127.691495&amp;spn=0.006738,0.012445&amp;z=16&amp;source=embed" style="color: rgb(0, 0, 255); text-align: left;">大きな地図で見る</a></small></p>]]>
        
    </content>
</entry>

<entry>
    <title>琉球ガラス村にいってきました</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/06/000036.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.36</id>

    <published>2010-06-03T15:51:12Z</published>
    <updated>2010-06-03T17:14:52Z</updated>

    <summary>1ヶ月遅れのゴールデンウィークというわけで、琉球ガラス村にいってきました。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="日常と雑記" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="沖縄観光" label="沖縄観光" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="琉球ガラス" label="琉球ガラス" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<p>1ヶ月遅れのゴールデンウィークと題して、仕事をこなしつつも遊びに出ている今週なんですが、琉球ガラスの体験ができるということで、糸満市の<a class="outLink" href="http://www.ryukyu-glass.co.jp/">琉球ガラス村</a>にいってきました。</p> <span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/rgc01-42.html','popup','width=600,height=800,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/06/rgc01-42.html"><img width="280" height="373" style="float: right; margin: 0pt 0pt 20px 20px;" class="mt-image-right" alt="rgc01.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/06/rgc01-thumb-280x373-42.jpg" /></a></span> <p>まずは定番のコチラ</p> <p>観光地には必ずと言っていいほどある記念撮影用のパネルですが、コレってなんという名前なのか気になってまして、ちょっと調べたところ「顔ハメ」という通称のようです。</p> <p>AMAZONで検索したら、「全日本顔ハメ紀行」なんて書籍も出ていました。</p> <p>この顔ハメ、ガラスで出来ているんです。写真に撮ってもなんだか優しい色合いになっているし、いい味出てますね。</p> <p class="clr">&nbsp;</p> <span class="mt-enclosure mt-enclosure-image" style="display: inline;"><p><a href="http://www.chopstick-brunch.com/assets_c/2010/06/rgc02-45.html" onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/rgc02-45.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img width="580" height="385" src="http://www.chopstick-brunch.com/assets_c/2010/06/rgc02-thumb-580x385-45.jpg" alt="rgc02.jpg" class="mt-image-center" style="text-align: center; display: block; margin: 0pt auto 20px;" /></a></p></span>     <p>琉球ガラスのグラスって、肉厚なものばかりだと思い込んでいましたが、普通の（といっては語弊がありますが&hellip;）厚さのグラスがあって、普段使いできて魅力的です。色がやっぱり素敵ですよね。</p> <p>せっかくなので、母と嫁が「とんぼ玉作り」体験をしました。ガラスの棒を熱して溶かし、軸の棒に移して火を当てながらクルクルまわしていくと、綺麗な玉の出来上がり。</p> <p>ビーズを色々組み合わせて、携帯ストラップにできて1人1,800円なり。</p><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/rgc03-48.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/06/rgc03-48.html"><img width="580" height="385" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" alt="rgc03.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/06/rgc03-thumb-580x385-48.jpg" /></a></span><p>というわけで、いっぱい写真を取ったのでオマケ</p><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/rgc04-51.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/06/rgc04-51.html"><img width="290" height="192" style="" class="mt-image-none" alt="rgc04.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/06/rgc04-thumb-290x192-51.jpg" /></a><form style="display: inline;" class="mt-enclosure mt-enclosure-image" mt:asset-id="54"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/rgc05-54.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/06/rgc05-54.html"><img width="290" height="192" style="" class="mt-image-none" alt="rgc05.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/06/rgc05-thumb-290x192-54.jpg" /></a></span></form><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/rgc07-57.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/06/rgc07-57.html"><img width="290" height="192" style="" class="mt-image-none" alt="rgc07.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/06/rgc07-thumb-290x192-57.jpg" /></a></span><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/rgc06-60.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/06/rgc06-60.html"><img width="290" height="192" style="" class="mt-image-none" alt="rgc06.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/06/rgc06-thumb-290x192-60.jpg" /></a></span>]]>
        
    </content>
</entry>

<entry>
    <title>真栄田のシーカヤックに４歳児が挑戦</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/06/000035.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.35</id>

    <published>2010-06-01T13:23:20Z</published>
    <updated>2010-06-01T13:52:25Z</updated>

    <summary>梅雨の中休み、母が遊びにきたので、４歳児と二人でシーカヤックに挑戦してもらいました。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="日常と雑記" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="アイランド倶楽部" label="アイランド倶楽部" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="シーカヤック" label="シーカヤック" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<span style="display: inline;" class="mt-enclosure mt-enclosure-image">
    <a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/kayac02-39.html','popup','width=800,height=600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/06/kayac02-39.html"><img width="580" height="435" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" alt="kayac02.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/06/kayac02-thumb-580x435-39.jpg" /></a>
</span>
<p>昨日からうちの母が遊びに来てまして、今日はクライアント様の<a href="http://okinawa123.jp/" class="outLink">アイランド倶楽部/</a>さんに打ち合わせに行きつつ、娘（４歳）と母（６３歳）に<a class="outLink" href="http://www.okinawa123.jp/onna/course_c.html">シーカヤック</a>を体験してもらいました。</p>
<span style="display: inline;" class="mt-enclosure mt-enclosure-image">
    <p><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/kayac01-33.html','popup','width=800,height=600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/06/kayac01-33.html"><img width="580" height="435" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" alt="kayac01.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/06/kayac01-thumb-580x435-33.jpg" /></a></p>
</span>
<span style="display: inline;" class="mt-enclosure mt-enclosure-image">
    <p><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/06/kayac03-36.html','popup','width=600,height=902,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/06/kayac03-36.html"><img width="280" height="420" style="float: right; margin: 0pt 0pt 20px 20px;" class="mt-image-right" alt="kayac03.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/06/kayac03-thumb-280x420-36.jpg" /></a></p>
</span>
<p>シュノーケリングは満６歳からなんですが、シーカヤックは４歳からOK！という事で、ドキドキしつつお願いしたんですが、ウェットスーツもライフジャケットも、子供用サイズがちゃんと用意されてるんですね。</p>
<p>アイランド倶楽部グループの<a href="http://www.okinawa104.com" class="outLink">HOTPINK</a>というブランドのサイトは、Chopstickで制作していますので、こちらのサービスは熟知しているのですが、ジャストサイズなウェットスーツだとか、子供用のカヤックのオールなんかを実際に我が子が持っているのを見ると、感心しますね。</p>
<p class="clr">&nbsp;</p>
<p>梅雨の中休みで、天気がすごく良くて、二人とも大満足でした。おばあちゃんとはいえ、ホノルルマラソンを走るくらいのスポーツウーマンなので、私より体力あるんじゃないかという元気っぷりなんですが、娘は漕いでいるつもりでも、水の抵抗作ってるだけだったりしたらしくて、けっこう疲れたそうです。</p>
<p class="clr">&nbsp;</p>
<p>水着だけもって行けば、タオルも用意されているから気軽にできますので、混雑するシーズンの前に、チャレンジしてみてはいかがですか？</p>
<p>ちなみに父は、二人が遊んでる間スタッフの方と打ち合わせしておりました。</p>]]>
        
    </content>
</entry>

<entry>
    <title>なんかひっかかるモノ</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000034.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.34</id>

    <published>2010-05-30T14:44:53Z</published>
    <updated>2010-05-30T15:03:19Z</updated>

    <summary>なにか新しいものを生み出すときには、一つのことに集中しすぎないほうが良いと考えています。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="Webデザイン" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="アイディア" label="アイディア" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ライフハック" label="ライフハック" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="発想" label="発想" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<span style="display: inline;" class="mt-enclosure mt-enclosure-image"><p><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/05/IMGP8981-30.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/05/IMGP8981-30.html"><img width="290" height="192" style="float: right; margin: 0pt 0pt 20px 20px;" class="mt-image-right" alt="IMGP8981.JPG" src="http://www.chopstick-brunch.com/assets_c/2010/05/IMGP8981-thumb-290x192-30.jpg" /></a>私の仕事の基本スタイルとして、複数の種類の仕事を同時期に行うというのがあります。</p><p>もちろん、基本的にいただいたお仕事はお断りしないというのが方針ではあるんですが、もっと深いところに理由があります。</p><p>&nbsp;</p><p>デザインだけ、コーディングだけ、MovableTypeやWordPressをはじめとするCMSの組み込み、はたまた企画書の清書や、名刺・フライヤーのデザインなどもやっているわけですが、一つの仕事に集中して制作を行っているより、他の仕事のことが頭の片隅にあるほうが、効率よく、面白いものが出来上がることが多いです。</p><p>ガッツリと数日休むということもあまりしません。</p><p>今日は休みにしよう。と思っても、最低2時間くらいはPCに向かって仕事をしたり、本を読んだりしています。</p><p>仕事と遊びの境目をあえてぼかすことで、新しい発想が出るタイミングを増やすという効果が得られるからです。</p><p>デスクの右袖には、少し大きめの袖机があるんですが、ここは資料置き場であったり、ノートパソコンの充電であったりというメインの役割の他に、関係ないものを置いておく場所というサブの役割があります。</p></span><p>&nbsp;</p>]]>
        <![CDATA[<p>たとえば今は、修正作業、コーディングの案件、名刺のデザイン、Webページの仕上げ、動画の編集、、、といったお仕事が目の前にあるわけですが、「TOKYO ART DIRECTORS ANNUAL 2002」という、知人が誕生日にくれた図録が開かれていたりします。</p><p>複数の案件を同時に進行しているなかで、こういったデザインの図録をパラパラとめくってみていると、時々「なんかひっかかる」作品が出てきます。</p><p>色使いだったり、バランスだったり、発想だったりが、今の仕事のヒントになることがしばしば。。。</p><p>いや、しばしばどころか、しょっちゅう発生します。</p><p>&nbsp;</p><p>こういった図録だけでなく、ビジネス書やマンガだとか、映画だとか、テレビだとか、子供の絵本だとか、落書きだとか、沢山置いてあるオモチャだとか、スニーカーだとか。</p><p>なんかひっかかるものには、理由があって、戦略があるんですね。</p><p>でも、いまひっかかったものが、来月やっている仕事のときにも「なんかひっかかる」わけではありません。まさに今やっている事と結びつくんですね。</p><p>&nbsp;</p><p>とまぁ、ライフハックと呼ぶには当たり前すぎるのですが、私が複数の仕事を同時に行う理由は、Aの仕事にBの仕事の発想を持ち込む。だとか、Cの仕事がAの仕事のヒントになる。だとか、そういった化学反応的な何かの発生頻度を意図的に増やしているという部分が多いにあります。</p><p>しかも、息抜きに見ている本や図録が、なんかひっかかる率も上がります。</p><p>&nbsp;</p><p>とまぁ、けっこうイバラの道を歩んでいるフリーランスですが、考え無しにやってるわけじゃないんですよ～という主張でした。</p>]]>
    </content>
</entry>

<entry>
    <title>デザインされていないシンプルなもの</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000033.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.33</id>

    <published>2010-05-18T19:08:53Z</published>
    <updated>2010-05-18T19:40:48Z</updated>

    <summary>シンプルなデザインはデザインじゃない？</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="Webデザイン" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="シンプル" label="シンプル" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="デザイン" label="デザイン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ロゴ" label="ロゴ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<p>ふと立ち読みしたインテリア関連のムック本で、安い家具でかっこいい部屋を作る！的なコーナーの見出しです。</p>
<p>で、紹介されている家具は、デザインされていないどころか、とてもシンプルでバランスのとれたデザインのチェストだったりソファーだったり、センターテーブルだったりでした。</p>
<p>ああ、真四角だったり真ん丸だったりすると、「デザインされていない」という事になってしまうのか。<br />
何色も色を使ったり、ウネウネとしたフォルムだったり、柄が入っていたりすると、「デザインされたもの」なのか。<br />
では、<a href="http://goo.gl/WA2d" class="outLink">ソフトバンクのロゴ</a>はデザインされていないのか。</p>
<p>&nbsp;</p>
<p>だいぶ前ですが、Webサイトのタイトルロゴタイプを作って提出したときに、「え、ただの文字じゃないか、なんかこうもっとこう、デザイン性が欲しい」と言われたことがあります。<br />
最終的にOKが出たのは、サンセリフ体の細いフォントと、太いフォントを組み合わせたものでした。</p>
<p>&nbsp;</p>
<p>デザイン性ってなんなんでしょう。</p>
<p>このロゴタイプも、クライアントが世間からどういうイメージを持たれたいのか、どう表現すれば最適なのかを考えて考えた末に、フォントを選び、ちょっとだけ太らせて、最適な余白を取ってバランスを取って配置したものだったんです。</p>
<br />
<p>何がいけなかったんだろうか。ずぅーっと疑問だったんです。</p>
<p>&nbsp;</p>
<p>それで、4月に<a href="http://tmesh.ti-da.net/" class="outLink">ＴポイントMESH応援プロジェクト</a>を制作したときに、CCC様からTポイントのロゴマークの使用規定書（Tポイントのロゴは佐藤可士和さん作）をお借りしたんですが、フォントの指定だとか余白の指定、同時に使用する表現の指定なんかが細かく書かれていて、ブランドイメージにブレが無いように考慮されている事を感じました。</p>
<p>今考えると、あのときのロゴタイプはちょっと浅はかだったなぁと思うわけです。</p>
<p>文字間隔の取り方とか、もっと詰めて考えて提案していたら、一発OKが出ていたんじゃないかと思えて仕方ありません。（まぁ、ロゴデザインの料金は入っていなかったのでそこまで時間取れませんでしたが&hellip;）</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>ちなみにそのロゴタイプ、いまもWebサイトでも、TVCMで使われてます。感慨深いなぁ。。。</p>]]>
        
    </content>
</entry>

<entry>
    <title>編集会議をしませんか？</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000032.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.32</id>

    <published>2010-05-14T19:14:36Z</published>
    <updated>2010-05-14T19:57:31Z</updated>

    <summary>Web制作にもっとも大事なのはきらびやかなデザイン？美しいコード？SEOでヒットすること？いやいや、編集会議をしましょう。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="Web戦略" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ディレクション" label="ディレクション" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ホームページ制作" label="ホームページ制作" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<p>うちは残念ながら使っていないのですが、BiNDというホームページ制作用ソフトを作っているデジタルステージの平野さんという方の講演を聴いたことがあります。</p> <p>その中で印象的だったのが、「Webはどうして編集会議しないですか？」でした。</p> <p><a href="http://www.digitalstage.jp/bind/notes/column01.html" class="outLink">www.digitalstage.jp/bind/notes/column01.html</a></p> <p>&nbsp;</p> <div class="talk"><dl> <dt>ディレクター</dt><dd>「はい、では○○のホームページリニューアルについて話し合いましょう」</dd> <dt>デザイナー</dt><dd>「ファイル形式はどうしますか？Fireworksで作ればいいですか？」</dd> <dt>ディレクター</dt><dd>「コーディングをお願いするときに問題にならないですか？」</dd> <dt>コーダー</dt><dd>「大丈夫です、仕様はどうしましょうか？XHTML+CSSでやりますよね？CMSは？」</dd> <dt>プログラマ</dt><dd>「Word Pressでやるって聞いてますんで、テンプレート作るのはこっちでやります。UTF-8でやってくださいね。」</dd> <dt>ディレクター</dt><dd>「じゃあ、必要なデザインとサイトマップは今週中に用意しますね。」</dd> <dt>デザイナー</dt><dd>「原稿と要素はどうなってます？」</dd> <dt>ディレクター</dt><dd>「そのへんはお客さんに用意してもらいますよ。まぁ見栄えよく適当にお願いします。」</dd> <dt>SEOエンジニア</dt><dd>「SEO的にはテキストが○○文字くらい欲しいとこなんですけど」</dd> <dt>ディレクター</dt><dd>「そのへんはバランスよく見えるようにやっといて」</dd> <dt>デザイナー</dt><dd>「はーい」</dd> <dt>ディレクター</dt><dd>「あと、集客はSEOとツイッターとブログでやるんで、そのへんも適当に&hellip;」</dd> </dl></div> <p>&nbsp;</p> <p>こんな会議で進行している案件、けっこうありませんか？</p> <p>たしかに、デザイン、コーディングにかかる時間は膨大ですし、それぞれが専門職なので目の前にある仕事に集中するのは当たり前なんですが、何か大事なことを忘れてないですか？</p> <p>逆に、当たり前の事を忘れていませんか？</p><br />]]>
        <![CDATA[<p>&nbsp;</p> <div class="talk"><dl><dt>ディレクター</dt><dd>「このクライアントは、集客よりもブランド力の向上を求めています。」</dd><dt>デザイナー</dt><dd>「では、CIはちゃんとしないとですね。あと、カラーの指定なんかありますか？」</dd><dt>ディレクター</dt><dd>「そこはウチから提案しましょう。エンドユーザーは30代の女性が多いらしいけど」</dd><dt>デザイナー</dt><dd>「商品の魅力を引き出す意味で言えば、もっと若い世代に訴えたほうが良いかもですね。」</dd><dt>ディレクター</dt><dd>「戦略についてはクライアントと詰めてきます。」</dd><dt>デザイナー</dt><dd>「一番訴えたい事を強調したいし、それに対する説得力が欲しいと思うので、構成考えましょう。」</dd><dt>コーダー</dt><dd>「サイトマップはどうなってますか？更新頻度は？」</dd><dt>ディレクター</dt><dd>「今回、信頼性が重要なので、原稿については専門のライターを探してるとこです。あと、開発部門の方にもインタ ビュー予定です。情報量は濃くなるので整理が必要ですね。」</dd><dt>コーダー</dt><dd>「それなら、CMS入れて更新しやすくしたほうがいいですね。クライアントのリテラシーはどんなです？」</dd><dt>ディレクター</dt><dd>「Web担当は居ないのと、ワードとメールがそこそこ使える程度です。トレーニングが必要でしょうね。」</dd><dt>コーダー</dt><dd>「じゃあ、MovableTypeにWYSIWYGエディタという組み合わせでいきましょう。SEO考慮は？」</dd><dt>ディレクター</dt><dd>「販路の拡大というよりブランド力の向上なので、検索でヒットすれば良いってもんでも無いです。ただ、あとからコ ンサル入りやすいように&hellip;」</dd></dl></div> <p>&nbsp;</p> <p>こういう会議が必要なんじゃないかな。と思います。お客様にも積極的に参加してもらいたいですね。</p> <p>専門性が高い人＝コミュニケーション能力の低い人というわけでは無いはずなのに、どうしてWeb業界ではこういう会議が行われないのか？私も不思議 でならないです。</p> <p>さて、こんな会議が行われない理由の一つとして、平野さんが仰ってるには、Web制作の現場での、無理なスケジューリングが影響しているのでは無い かと指摘していました。制作にかかる時間と労力をもっと軽減すれば、戦略的なことを話しあう会議や仕切りにもっと時間が取れるんじゃないかと。</p> <p>そんな思いから、簡単ホームページ制作ソフトの作成に着手したんだそうです。</p> <p>&nbsp;</p> <p>Chopstickとしても、もっとお客様からヒヤリングをしたいし、ディスカッションもしていきたいです。綺麗にかっこよくデザインするのは難し いことでは無いですが、全部にちゃんと理由が無いといかんと思うからです。</p> <p>どうしてその色？</p> <p>誰に訴えたいの？</p> <p>どう思われたい？</p> <p>このサイトのゴールは？問い合わせ？販売？認知？</p> <p>&nbsp;</p> <p>新規制作のときは特に色々とお聞きすると思います。「いいよ、面倒だよ～適当にやってよ～」という方は、どうぞ他の業者様を選んでくださいませ。</p> <p>安いとこはいくらでもありますから。</p>]]>
    </content>
</entry>

<entry>
    <title>Chopstickのスタジオ＠中城村をご紹介します。</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000031.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.31</id>

    <published>2010-05-13T14:00:12Z</published>
    <updated>2010-05-13T15:32:40Z</updated>

    <summary>Chopstickは、沖縄県中頭郡中城村というところでホームページを作っています。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="日常と雑記" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="中城村" label="中城村" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<p>沖縄県内のお客様と初めてお会いするときに、名刺の住所を見て「えっ、中城！？」と、驚かれることがよくあります。</p><p>Web制作会社（うちは個人事務所ですが）は、やっぱり那覇や浦添というのがメインストリームなんですね。</p><p>とはいえ、ウチの場合は遠隔地からのご依頼がほとんどなので、実はそんなに都会にある必要もないんですね。<br />すばやく東京に行く必要なんてまずありませんし、東京・大阪からのご依頼だと、街中で仕事するメリットはあまり無いです。従業員が多い会社でしたら、人の出入りも多いでしょうし、ランチ難民問題なんかもあるので、街中のほうが良いはず。クリエイティブな感性を刺激するところも多いですからね。</p><p>&nbsp;</p><p>さて、前置きが長くてすいません。</p><p>Chopstickは、沖縄県中頭郡中城村というところにあります。西原町・宜野湾市・北中城村にかこまれた、東海岸の村です。人口約1万3千人ののどかなトコロです。高台から国道329号線に下る坂の途中にあります。ので、海が一望できます。</p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-1-12.html" onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/05/20100513-1-12.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img width="580" height="385" src="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-1-thumb-580x385-12.jpg" alt="20100513-1.jpg" class="mt-image-center" style="text-align: center; display: block; margin: 0pt auto 20px;" /></a></span><p>シゴトバからの眺めはこんな感じで、津堅島と久高島が見えます。</p>]]>
        <![CDATA[<span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/05/20100513-2-15.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-2-15.html"><img width="580" height="385" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" alt="20100513-2.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-2-thumb-580x385-15.jpg" /></a></span><p>東向きの窓があるので、朝焼けが綺麗です。</p><p>徹夜仕事をしていると、もれなくこの景色を見ることができますが、あんまり見たくありません。</p><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/05/20100513-3-18.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-3-18.html"><img width="580" height="385" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" alt="20100513-3.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-3-thumb-580x385-18.jpg" /></a></span><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/05/20100513-4-21.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-4-21.html"><img width="580" height="385" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" alt="20100513-4.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-4-thumb-580x385-21.jpg" /></a></span><p>元々、米軍の方に貸していた家だそうで、リビングがやたらと広いので、その一角の10畳ほどのスペースを作業場にしています。4歳のムスメが琉神マブヤーのDVDを見ている音を聞きながら、堅いメールを打っていたりします。</p><p>ディスプレイは24インチのワイドを、2台DellのPrecision T7700というワークステーションに接続。<br />21インチのIPSパネル液晶を、MacとDellのコンパクトなPCに切り替えで接続しています。</p><p>比較的コーディング作業をする比率が多いので、複数のバージョン違いのブラウザを同時に開いて確認したり、動画のエンコード待ちながらデザインをしたりと、同時に色々できるのでとっても楽です。</p><p>オモチャと書籍だらけなのは突っ込まないでください。</p><p>このワークステーション、そうとうデカいです。重さ30キロくらいあります。</p><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/05/20100513-6-27.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-6-27.html"><img width="580" height="385" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" alt="20100513-6.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-6-thumb-580x385-27.jpg" /></a></span><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/05/20100513-5-24.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-5-24.html"><img width="580" height="385" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" alt="20100513-5.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/05/20100513-5-thumb-580x385-24.jpg" /></a></span><p>さきほども書きましたが、ウチは山の中腹にありまして、目の前が谷なんですね。なので、北側はこんな感じで隣家が遠いです。時々ヤギの声が聞こえます。</p><p>&nbsp;</p><p>とまぁ、ものすごく田舎だという印象しか与えられなかったと思いますが、那覇まで昼間なら30分くらい（朝は1時間半）という立地なので、打ち合わせ等はさほど苦にならないです。</p><p>毎週水曜日は朝9時半から、IDA高等過程で授業も持っているので、那覇に行くわけですから、そんなに僻地だったらやってられません。</p><p>&nbsp;</p><p>お打ち合わせは、基本的に伺うことにしていますが、お近くをお通りの際はお気軽にお寄りください。</p><p>美味しいコーヒー入れてお迎えいたします。</p><p>&nbsp;</p>]]>
    </content>
</entry>

<entry>
    <title>グラデーションとドロップシャドウ</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000030.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.30</id>

    <published>2010-05-13T13:05:56Z</published>
    <updated>2010-05-13T13:28:14Z</updated>

    <summary>初心者こそ、派手なグラデーションとドロップシャドウを使いがちですね。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="Webデザイン" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="photoshop" label="Photoshop" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="デザイン" label="デザイン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ドロップシャドウ" label="ドロップシャドウ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<p>このブログ経由だと思うんですが、Chopstickのお問い合わせフォームから、Webデザイナー志望の方から応募があります。</p><p>おかげさまで、たくさんのお仕事をさせていただいて忙しい身ですから、猫の手も借りたいくらいで、実際にたまに妹（学生）の手を借りたりもします。とはいえ、うちはまだ個人事務所で、社会保険も雇用保険も労災もありませんから、就職するには不適だと思います。誰かを本気で雇って養うほどの規模ではありませんので。</p><p>ですが、Webデザイナー志望の方々は応援したいと思っているので、ポートフォリオなどを見せていただいたら、ものすごい辛口な批評をしたりしてます。むしろ、やる気を削いでいないか心配になります。</p><p>&nbsp;</p><p>それでちょっと感じたんですが、Webデザイン初心者の方って、グラデーションとドロップシャドウがどうも派手なんですね。</p><p>全体的なレイアウトなんかはセオリー通りやっていて、色の選び方もまともというか素敵だったりするんですが、そのあたりは書籍だとか、スクールだとかで教えてもらえるんだと思います。</p><p>たとえば、サイトの上部にあるメニューなんか、こういう感じが多いです。</p><p>&nbsp;</p><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><img width="550" height="40" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" src="http://www.chopstick-brunch.com/data/gNavi01.jpg" alt="gNavi01.jpg" /></span><p>&nbsp;</p><p>&nbsp;</p><p>ちなみにPhotoshopで作りました。</p><p>&nbsp;</p><p>これちょっとまぶしくないですか？何を表現しているのかも不明確ですし、平面に対する文字のZ軸がよくわかりません。手前に浮いてて、光は左上から差してるんでしょうか。それもかなり強い光が。</p><p>という風に見えてしまいます。</p><p>カッコイイとかダサイとか、そういう次元ではなくて、どうも不自然なんですね。</p><p>&nbsp;</p><p>実際にデザインするときは、もっとちゃんと凝りますけど、同じ色を使って普通に作るとこんな感じ。</p><span style="display: inline;" class="mt-enclosure mt-enclosure-image"><img width="550" height="40" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" src="http://www.chopstick-brunch.com/data/gNavi02.jpg" alt="gNavi02.jpg" /></span><p>文字の位置も、フォントも一緒です。文字を読みやすくするために、ちょっとだけシャドウつけています。質感を出す意味で、すこーしだけ斜めのパターンも入ってます。<br />我ながら地味で普通ですけど、こういうデザインが普通のサイトでは求められるのかと思います。堅い系の職種のサイトですね。</p><p>Webデザイン初心者の方は、もうちょっと全体に地味にしてみましょう。一度グラデーションとシャドウを一切使わないデザインとかやってみるといいかもしれないです。</p><p>&nbsp;</p><p>というわけで求職中の方、ポートフォリオをお見せいただけたら、指導まではいかないかもしれませんが、ツッコミはいっぱい入れますので、試しに送ってみてくださいませ。</p><p>お仕事に結びつくかはわかりませんが、趣味の範囲でお答えします。</p>]]>
        
    </content>
</entry>

<entry>
    <title>クリエイターのための3行レシピシリーズ</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000029.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.29</id>

    <published>2010-05-13T12:35:15Z</published>
    <updated>2010-05-13T12:50:31Z</updated>

    <summary>クリエーターのための3行レシピシリーズは、初心者向けとはいえ、デザインのインスピレーションを得るためには良い本だと思います。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="book" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="3行レシピ" label="3行レシピ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="書籍" label="書籍" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<div style="display: inline; margin: 0pt 0pt 10px 10px; float: right;"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_281ee545-6ec1-4125-99df-238ccfed0222"  WIDTH="250px" HEIGHT="250px"> <PARAM NAME="movie" VALUE="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&MarketPlace=JP&ID=V20070822%2FJP%2Fchopstick-22%2F8003%2F281ee545-6ec1-4125-99df-238ccfed0222&Operation=GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&MarketPlace=JP&ID=V20070822%2FJP%2Fchopstick-22%2F8003%2F281ee545-6ec1-4125-99df-238ccfed0222&Operation=GetDisplayTemplate" id="Player_281ee545-6ec1-4125-99df-238ccfed0222" quality="high" bgcolor="#ffffff" name="Player_281ee545-6ec1-4125-99df-238ccfed0222" allowscriptaccess="always"  type="application/x-shockwave-flash" align="middle" height="250px" width="250px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&MarketPlace=JP&ID=V20070822%2FJP%2Fchopstick-22%2F8003%2F281ee545-6ec1-4125-99df-238ccfed0222&Operation=NoScript">Amazon.co.jp ウィジェット</A></NOSCRIPT></div>
<p>デザイン関連の本は、スタッフに読んでもらったり、自分でも勉強するために結構色々買ってます。</p>
<p>洋書の図録だったり、小難しい系の本も多いんですが、この3行レシピシリーズは手軽で面白いです。</p>
<p>それほど高度な事が書いてあるわけでは無いし、そのまま仕事に使えるかと言えばなかなか難しいものもありますが、なにか新しい感じのデザインアイデアが求められたときに、インスピレーションをもらう為にパラパラと読んだりすると良かったりします。アマゾンウィジェットでご覧ください。</p>
<p>オススメは地図の本。グラフィックデザイン向けな内容ですが、Webでもオシャレに地図をデザインすると、お店のブランド力向上になったりしますもんね。</p>
<p>&nbsp;</p>
<p>デザインに限らず、引き出しは多いほうが良いですから、普段から雑多に雑誌や書籍に目を通すようにしていますが、最近は新都心（おもろまち）のTSUTATAに併設されてるカフェに行く事が多いです。<a href="http://www.tsutaya-ns.jp/" class="outLink">www.tsutaya-ns.jp/</a></p>
<p>ここ、なにげに無線LANが使えるうえ、売り物の本を持ち込んで読むのもOKなんですね。それほど豊富というわけではありませんが、デザインやWeb関連の書籍のコーナーもあるので、Amazonで買おうかどうしようか迷って、ココにあったら一度じっくり目を通しています。</p>
<p>一度読んだら終わりの本も面白いですけど、デザイン関連の本て繰り返し使うものですから、こういう選び方ができるのは良いですね。</p>]]>
        
    </content>
</entry>

<entry>
    <title>冷蔵庫を開けたらタマゴと目が合った</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000028.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.28</id>

    <published>2010-05-12T21:01:26Z</published>
    <updated>2010-05-12T21:07:09Z</updated>

    <summary>明け方に冷蔵庫を開けたら可愛いゆで卵が置いてあったオハナシ</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="日常と雑記" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ゆるキャラ" label="ゆるキャラ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<span style="display: inline;" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/05/egg-20100513-5.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/05/egg-20100513-5.html"><img width="580" height="385" style="text-align: center; display: block; margin: 0pt auto 20px;" class="mt-image-center" alt="egg-20100513.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/05/egg-20100513-thumb-580x385-5.jpg" /></a></span><p>ワークライフバランスってなに？</p><p>という勢いで、明け方まで仕事をしていたわけですが、すっかり夕飯を食べるのを忘れていたことを思い出して、冷蔵庫を開けたら、こんなゆで卵が入ってました。</p><p>&nbsp;</p><p>だ、脱力&hellip;。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Webサイトは広告媒体では無いんです。</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000027.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.27</id>

    <published>2010-05-12T20:12:26Z</published>
    <updated>2010-05-12T21:14:41Z</updated>

    <summary>ホームページを広告媒体だと勘違いしていませんか？告知と広告は全然意味が違います。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="Web戦略" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="広告ではない" label="広告ではない" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<span style="display: inline;" class="mt-enclosure mt-enclosure-image"><img width="240" height="360" style="float: right; margin: 0pt 0pt 20px 20px;" class="mt-image-right" src="http://www.chopstick-brunch.com/data/kokokukokuchi.jpg" alt="kokokukokuchi.jpg" /></span><p>とってもよく勘違いされていることが、Webサイト（ホームページ）は広告という考え方。「ホームページを作ったからお客さんが増えるはず。」という勘違い、してませんか？</p><p>広告代理店に発注してホームページを作る場合も多いので、勘違いして当然といえば当然なんですが、Webサイトは「告知」or「情報提供」の場であって、広告では無いんです。</p><p>&nbsp;</p><p>そもそも広告というのは、不特定多数にむけて商品・サービスを知らしめるものなので、自然と目に入ってくるものを差すんです。たとえばテレビだとかラジオだとか雑誌だとか、街頭の看板（デジタルサイネージ含む）だとか。ネットユーザーがホームページを閲覧する行為は、情報を得るor楽しむor購買する事がメインであって、不特定多数のユーザーが自然と集まってくるわけで は無いんですね。</p><p>Web上での広告は、たとえばバナーや検索連動型の広告（いわゆるPPC）です。Webサイト（ホームページ）やブログそのものは広告として機能しません。</p><p>&nbsp;</p><p>ということは、他の媒体で使っているコンテンツをそのままWebサイトに流用することは、全然意味が無いという事になります。ユーザーの「知りたい」「楽しみたい」という意図を汲んで、売り上げに繋がるような情報を提供したり、告知したりすることが大事なんです。もちろん、他の媒体に出している広告とビジュアルイメージを合わせることは、ブランド力向上に繋がります。</p><p>図式としては、広告なりSEOなりでユーザーを集める&rarr;ホームページで情報を提供し告知する&rarr;クロージング&rarr;売り上げを上げる。という事になります。この2番目の「情報を提供し告知する」を怠っているサイトが結構多いんですよね。</p><p>TOPページに配置している要素が、そのあたりを顕著にあらわします。まるでCMのプロットみたいなTOPページだったりしている事がありますが、どんなに綺麗で凝ったデザインにしても、ユーザーに与えるのは印象だけであって、情報では無いですね。</p><p>告知する内容は、その商品のメリットであったり、強みであったりだけではなくて、ユーザーにとって有益な知識が必要です。不安を取り除くことも大事です。結局は、以前にポストした<a href="../../../../../../2010/05/000005.html" rel="bookmark">一番大事なのはサイトマップ、次がデザイン！</a>に繋がってしまうんですが、根本的な部分で勘違いしたままだと、良いサイトは作れません。</p><p>&nbsp;</p><p>こんな視点で自社サイトを見直してみてください。</p><p>・いきなり自社の歴史とか沿革とか語っていたりしませんか？</p><p>・イメージ写真とロマンチックなコピーがFlashでスライドしてませんか？</p><p>・最新情報が「ホームページをリニューアルしました。」で止まっていませんか？</p><p>・パンフレットやチラシのほうが情報量が多かったりしませんか？</p><p>・TOPページに外部サイトへのリンクが貼ってありませんか？</p><p>・シンプルが一番！と言って、下層ページに行かないと何の為のサイトなのか分からないことがありませんか？</p>]]>
        
    </content>
</entry>

<entry>
    <title>hetemlサーバにMTを一瞬でインストールする</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000026.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.26</id>

    <published>2010-05-10T18:48:54Z</published>
    <updated>2010-05-12T21:16:01Z</updated>

    <summary>MovableTypeのインストールを楽にするにはSSHで入ってサーバ上で解凍するのが一番</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="Webデザイン" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="MovableType" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<span style="display: inline;" class="mt-enclosure mt-enclosure-image"><img width="180" height="39" style="float: right; margin: 0pt 0pt 20px 20px;" class="mt-image-right" src="http://www.chopstick-brunch.com/data/heteml-logo.gif" alt="heteml-logo.gif" /></span><p>最近、自社運営サイトのレンタルサーバを<a class="outLink" href="http://heteml.jp/">heteml</a>に乗り換えました。</p> <p>CMSの検証とか色々やるので、データベースが沢山作れるのは良いですね。</p> <p>&nbsp;</p> <p>さて、hetemlに限らず、SSHが使えるサーバにCMSをインストールする時の簡単な方法をご紹介します。</p> <p>サーバエンジニアの方が見たら、「なにいってんの？」という感じかもしれませんが、たとえばMovableTypeなんかをインストールしようとすると、4000ファイルくらいアップロードしないといけません。</p> <p>FCKEditorとか、TinyMCEなんかのプラグインもファイル数が多いので面倒なんですね。</p> <h4>STEP１</h4> <p>まず、CMS本体をダウンロードして解凍します。</p> <p>必要なプラグインをpluginsフォルダやmt-staticフォルダに突っ込みます。</p> <p>そして、全体をZIP形式で圧縮して、mt.zipとか分かりやすくリネームしてください。短いファイル名が吉</p> <h4>STEP2</h4> <p>サーバにアップロードします。FTPでいいんじゃないかと思います。</p> <h4>STEP3</h4> <p>SSHクライアントを起動します。ワタクシは<a class="outLink" href="http://sourceforge.jp/projects/ttssh2/">Tera Term</a>が好みです。</p> <p>hetemlの場合、コントロールパネルでSSHを有効にする必要があります。</p> <p>アドレスは、ssh***.heteml.jp</p> <p>パスワードは任意のもので、ポートは2222です。</p> <h4>STEP4</h4> <p>まず、該当するファイルの場所を確認</p> <p>&nbsp;</p> <div class="code">cd web<br /> ls</div> <p>そうすると、webディレクトリ以下のディレクトリ名が一覧表示されるので、今回MTをインストールするディレクトリを確認しましょう。</p> <p>仮に「chopstick」としますね。</p> <div class="code">cd chopstick<br /> ls</div> <p>そうすると、mt.zip というファイルが出てくるんじゃないかと。</p> <h4>STEP5</h4> <p>このファイルを解凍します。このコマンドも超簡単</p> <div class="code">unzip mt.zip</div> <p>そうすると、ズラーっと解凍されたファイル名が表示されます。これがやたらと気持ちいいんですよね。</p> <p>終わったら、ログアウトします。</p> <p>コマンドは</p> <div class="code">logout</div> <p>&nbsp;</p> <h4>STEP6</h4> <p>FTPクライアントで、mtディレクトリにアクセスして、cgiという拡張子のファイルの属性を「705」に変更。</p> <p>mt-config.originalというファイルは、「700」にします。</p> <h4>&nbsp;STEP7</h4> <p>あとは、普通に/mt/ディレクトリにアクセスして、インストールウィザードに従ってください。</p> <p>&nbsp;</p> <p>とまぁ、こんな感じです。</p> <p>実は前職のとき、契約しているサーバのSSHアクセス権限はもらっていなかったんですね。</p> <p>なので、MovableTypeをインストールするときは、お昼休み前にFTPをセットして、4000近いファイルをアップする仕掛けをして離席したりしてました（笑）</p> <p>サーバエンジニアでは無いので、そんなにゴリゴリとSSHを触れる必要は無いと思いますけど、あのストレスから解放されたいという方は一度お試しあれ。</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>ところで、「サーバー」と「サーバ」ってどっちが正しいんでしたっけ？</p>]]>
        
    </content>
</entry>

<entry>
    <title>Another HTML-lintのブックマークレット</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000025.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.25</id>

    <published>2010-05-10T18:31:03Z</published>
    <updated>2010-05-10T18:47:11Z</updated>

    <summary>Webデザイナーというか、コーダー必見のAnother HTML-lint gateway用のブックマークレットをご紹介</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="Webデザイン" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="lint" label="Lint" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ブックマークレット" label="ブックマークレット" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<p>コーダーは毎日使っていると言っても過言ではない、説明不要の<a href="http://openlab.ring.gr.jp/k16/htmllint/htmllint.html" class="outLink">Another HTML-lint gateway</a>ですが、<br /> いちいちサイトを開いてURLをコピー＆ペーストするのが面倒じゃないですか？</p> <p>既出かもしれませんが、便利なブックマークレットがあります。</p> <p>コチラ&darr;</p> <div class="code">javascript:var%20f%20=%20document.createElement('form');var%20o=new%20Object;o[0]=document.createElement('input');o[0].setAttribute('type','text');o[0].setAttribute('name','Stat');o[0].setAttribute('value','on');o[1]=document.createElement('input');o[1].setAttribute('type','text');o[1].setAttribute('name','Method');o[1].setAttribute('value','URL');o[2]=document.createElement('input');o[2].setAttribute('type','text');o[2].setAttribute('name','URL');o[2].setAttribute('value',location.href);o[3]=document.createElement('input');o[3].setAttribute('type','text');o[3].setAttribute('name','ViewSource');o[3].setAttribute('value','on');for(var%20i%20in%20o){f.appendChild(o[i]);}document.body.appendChild(f);f.action%20=%20'http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi';f.method%20=%20'POST';f.submit();</div> <p>こちらをドラッグしてブックマークしてもOK&rarr;<a href="javascript:var%20f%20=%20document.createElement('form');var%20o=new%20Object;o[0]=document.createElement('input');o[0].setAttribute('type','text');o[0].setAttribute('name','Stat');o[0].setAttribute('value','on');o[1]=document.createElement('input');o[1].setAttribute('type','text');o[1].setAttribute('name','Method');o[1].setAttribute('value','URL');o[2]=document.createElement('input');o[2].setAttribute('type','text');o[2].setAttribute('name','URL');o[2].setAttribute('value',location.href);o[3]=document.createElement('input');o[3].setAttribute('type','text');o[3].setAttribute('name','ViewSource');o[3].setAttribute('value','on');for(var%20i%20in%20o){f.appendChild(o[i]);}document.body.appendChild(f);f.action%20=%20'http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi';f.method%20=%20'POST';f.submit();">LINT</a></p><p>もう、手放せませぬ。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>あ、クリックすると、このページをチェックすることになりますけど、点数は気にしないでください。（笑）</p><p>Chopstickは、基本的に95点以上でサイトを作ってますが、ブログは空白行とか「甘え」が出ちゃいますからね。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>]]>
        
    </content>
</entry>

<entry>
    <title>アイデアの本２冊</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000024.html" />
    <id>tag:www.chopstick-brunch.com,2010://1.24</id>

    <published>2010-05-10T17:57:31Z</published>
    <updated>2010-05-10T18:23:25Z</updated>

    <summary>「アイデア」に関するおすすめの本をご紹介します。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="book" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="アイデア" label="アイデア" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="インスピレーション" label="インスピレーション" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="良本" label="良本" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<span style="display: inline;" class="mt-enclosure mt-enclosure-image">
    <p><a onclick="window.open('http://www.chopstick-brunch.com/assets_c/2010/05/books-20100511-2.html','popup','width=800,height=532,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.chopstick-brunch.com/assets_c/2010/05/books-20100511-2.html"><img width="240" height="159" style="float: right; margin: 0pt 0pt 20px 20px;" class="mt-image-right" alt="books-20100511.jpg" src="http://www.chopstick-brunch.com/assets_c/2010/05/books-20100511-thumb-240x159-2.jpg" /></a>面白法人カヤックの柳澤大輔さんの「アイデアは考えるな。」と、ジャックフォスターの「アイデアのヒント」を両方読んでみました。</p>
    <p>&nbsp;</p>
    <p>って、これ中身はほとんど同じです。</p>
    <p>&nbsp;</p>
    <p>カヤックの柳澤さんは、以前に働いていた会社とお付き合いがあって、一度会議室で色々とお話しをしていただいた事がありました。</p>
    <p>ああ、本当に面白い会社なんだなぁと思いつつ、この方はけっこう理論派なんだという印象を受けました。</p>
    <blockquote>
    <p>「すごい企画を1個出すよりすごくない企画を100個出せ！」</p>
    <p>「アイデアとは、既存の要素の新しい組み合わせ以外の何ものでもない。」</p>
    </blockquote>
    <p>と、この両方の本で言われている内容です。</p>
    <p>&nbsp;</p>
    <p>うーん、どっちがオススメって言えば、ジャックフォスターのほうか。</p>
    <p>柳澤さんの文体は身近な人の語り口なので、読みやすいのは「考えるな。」のほうか。</p>
    <p>&nbsp;</p>
    <p>いずれにせよ、アイデアで食っている業界の方には読んで欲しい１冊です。</p>
</span>
<p>&nbsp;</p>]]>
        
    </content>
</entry>

<entry>
    <title>パットメセニーのOrchestrionというアルバム</title>
    <link rel="alternate" type="text/html" href="http://www.chopstick-brunch.com/2010/05/000023.html" />
    <id>tag:chopstickbrunch.drs-pro.com,2010://1.23</id>

    <published>2010-05-09T18:10:39Z</published>
    <updated>2010-05-09T18:14:40Z</updated>

    <summary>Webデザインとは関係ありません。感性を揺さぶられるサウンドというか仕掛けです。</summary>
    <author>
        <name>羽山 毅</name>
        <uri>http://www.cdef.tv/</uri>
    </author>
    
        <category term="日常と雑記" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.chopstick-brunch.com/">
        <![CDATA[<p><object width="580" height="360"><param value="http://www.youtube-nocookie.com/v/9VymAn8QJNQ&amp;hl=ja_JP&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&amp;color2=0x999999&amp;border=1" name="movie" /><param value="true" name="allowFullScreen" /><param value="always" name="allowscriptaccess" /><embed width="580" height="360" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://www.youtube-nocookie.com/v/9VymAn8QJNQ&amp;hl=ja_JP&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&amp;color2=0x999999&amp;border=1"></embed></object></p><p>パットメセニーって歳取らないよなぁ。</p><p>という独り言は置いておいて、ジャズギター界の大御所かつ、独自の路線を突き進んでいる感のある彼が、今年の1月に出したアルバム「Orchestrion 」</p><p>自動演奏っていうと、打ち込み的なものをしていたんですが、ピタゴラスイッチ的な恐ろしくアナログな演奏装置でした。</p>]]>
        
    </content>
</entry>

</feed>
