「facebook」のロゴは使用禁止

ロゴデータのダウンロード先を探していると、まさかの規定が。

ブランドリソースセンター | Facebook

Facebookの公式ガイドラインによれば、

Facebookロゴの使用は概して認められません。特定の用途について特別に許可を取得したい場合は、Facebook担当者にお問い合わせください。

…とのこと。
これまで見たことのあるデザインは幻だったのか、「facebook」の文字が入ったロゴは使用が認められていないらしいです。
当然、ダウンロード用リンクはありませんでした。これは思わぬ盲点。。

結局、Facebookが正式に配信しているデータは、『「f」ロゴ』と呼ばれるアイコンのみ。データはepsやpngなどでブランドリソースセンターからダウンロード可能です。

ロゴのフォント

ロゴが使えないとはいえ、バナー全体の雰囲気はFacebookを踏襲したい。
そこで、使用フォントを調べてみると「Klavika」をベースにしていることが判明しました。

▼参考
Fonts Used In Logos of Popular Websites | Build Internet
あのサイトのロゴに使われているフォントいろいろ – かちびと. net

しかし、「Klavika」って有料じゃん。。ということで早々に断念。
そこにお金をかけられないのが正直なところなので、比較的似ているフォント「Tahoma」「Verdana」あたりを使うことに。これらは、WindowsやMacでも標準的に見ることができるフォントです。（私は「Tahoma」を使いました）

まとめ

と、いうことで『「f」ロゴ』と「Tahoma」のフォント。
色はFacebook Blueとも呼ばれる「#3B5998」を抜き出して使用。
Facebookに合わせたシンプルなデザインにして完成…という感じです。

参考程度にどうぞー。

• スキャナーを買う余裕がない
• 家で頻繁にスキャンしない
• クオリティはできる限り保ちたい

という、わがままな方？には特におすすめなサービスという印象でした。

場所

JR山手線「五反田駅」東口から徒歩すぐ。
改札を出て左へ行き、横断歩道の先にあるビルの3階です。

「ケンタッキーの上」と覚えておけば、すぐに見つけられます。

基本料金

200円/15分（1ブース）

時間単位の換算になります。
本の裁断サービスまであり、1冊あたり50円から70円と非常にリーズナブル。
しかも、レンタルスペースを利用する場合は裁断無料！

感想・レポート

iPadを代表とするタブレット端末の盛り上がりで、電子書籍の“自炊”という概念がすっかり定着してきた中、今回の個人的な目的は「スコアのPDF化」。つまり、楽譜の“自炊”でした。

楽譜のPDF化はあまり例がないようで、お店の方も少し戸惑っていた様子。。
しかし、手法は同じなのでとても親切に対応して頂きました。

↑スキャナーは、有名な「Scansnap S1500」両面読み取りもできて便利。

スキャンデータの保存にはUSBメモリを使用。
ネット環境は整備されていますが、時間がかかるためお店の方も控えめ。USBの方が時間的に“得”という情報をさらっと教えてくれるあたりも良心的でした。

1時間で1,000円もかからず、500枚以上PDF化できたので個人的には大満足。

ちなみに、「すきゃん堂」の近くにはBOOKOFFがあり、「中古本を買ってすぐにスキャン…」なんて使い方もできそう。
工夫次第ではかなり重宝するのではないでしょうか。興味のある方はぜひ。

⇒すきゃん堂

プラグインは、以前の記事で軽く紹介した『WP Social Bookmarking Light』。

こちらに変更した最も大きな理由は、Facabookの伸び…ですかね。
⇒Facebook、最新アクティブ会員数、300万人を突破：In the looop
⇒mixi, Twitter, Facebook 2011年2月最新ニールセン調査 Facebookが一気に飛躍、国内訪問者600万人超え：In the looop

利用者の増加はもちろん、相次ぐ企業の参入、Facebookそのものの伝播力。もはやとても無視できる存在ではありません。
そこで「いいね！」ボタンも扱いやすい『WP Social Bookmarking Light』に目を向けた、という流れです。

使用プラグイン

⇒WP Social Bookmarking Light

主な機能・特長

国内外のソーシャルネットワーク、ソーシャルブックマークのリンクを記事の先頭か末尾に表示できます。
Twitter、はてなブックマーク、Facebookなど、代表的なサービスはほぼ網羅しており、ブックマーク数も表示可能。管理画面もシンプルでわかりやすいです。

管理画面の使い方

位置

Top … 記事本文の上にボタン表示
Bottom … 記事本文の下にボタン表示
None … ボタン非表示

個別記事のみ

Enabled … 個別記事のみでボタン表示（つまりトップでは非表示）
Disabled … トップ、個別記事全てにボタン表示

ページ

Enabled … ページでボタン表示
Disabled … ページでボタン非表示

活用方法

個人的には、「Twitter」「はてなブックマーク（はてブ）」「Facebook」だけで十分かと。
人によって「mixiチェック」「Evernote」「GREE」あたりを追加という印象ですが、あまり出しすぎると表示が重くなるので注意が必要です。（プラグインというより外部のAPIを複数読み込む影響だと思いますが…）

Evernoteの利用者は多いものの、ブラウザにアドオン（エクステンション）を入れている方が多そうなので思い切ってカットしました。

ちょっとしたことですが、気を遣い過ぎた結果の“行き過ぎたユーザビリティ”は逆に不便なので、様子を見ながら運用していこうと思います。

さて、しばらくブログの更新を控えておりましたが、“自粛ムード”に思うところもあり、また復活していこうと思います。

震災後、いろいろな情報や考え、支援の形がTwitter・ブログに溢れていて、勉強になったこと、少し疑問を感じたこと、理解できなかったこと…本当に様々でした。
被害からの一日でも早い回復はもちろんですが、今回の件で自分なりに消化したり感じたことは（うまく整理がつけられれば）アウトプットして形に残していきたいなと思っております。

ということで、まずは自分と縁の深い「音楽」。特に、「吹奏楽業界（？）」での動きを中心に、4つの軸に分けてご紹介します。普段音楽に関わりのない方々にも伝わることがあれば幸いです。

「こんなときに」と「こんなときだからこそ」

不謹慎？配慮？

何かアクションを起こす度、必ずといっていいほど議論になるのが“不謹慎”や“自粛”の問題。
音楽は娯楽志向が強いためか、随所でその色が濃く見えました。一般の方でも話題になった典型的な例が、春の選抜高校野球での演奏（鳴り物）禁止。

これは絶対おかしい。音楽は不謹慎なのか？ 吹奏楽連盟は抗議すべき。 選抜高校野球、ブラバンなど禁止http://htn.to/7hTyn6

2011/03/20 via EchofonReplyRetweetFavorite

@TuKuRu

TuKuRu

多方面への配慮、阪神・淡路大震災後の前例など様々な要因があると思いますが、高野連の線引き・判断に大きな疑問を残す結果となりました。

音楽の持つ力

「こんなときに…」という気持ちは、当然、演奏者自身も悩ませます。
オーボエ奏者の最上峰行氏は震災後の3/14に、

音楽家として演奏したいです。でも演奏できない事情もわかって欲しいです。この状態で演奏したから凄いとか偉いとかじゃないと思います。それぞれの苦渋の決断があるんです。いずれ僕も必ず何かやります！生まれ故郷の南相馬、実家がある仙台、両方被災地です。未だに友人何十人も連絡がとれないです。

2011/03/14 via Twitter for iPhoneReplyRetweetFavorite

@mogami_oboe

最上峰行

と、心境を語っています。そして4日後、

今は演奏家としてこれくらいしか出来ませんでした。。。 — ふるさと〜FURUSATO〜 Oboe Solo http://t.co/V7WlKQY via @youtube

2011/03/18 via Tweet ButtonReplyRetweetFavorite

@mogami_oboe

最上峰行

プロ失格かもしれませんが、震災から今日まで楽器を吹けなかった。今日久々に楽器を手にして、まず両親に俺の演奏を届けたいと思い、すぐに故郷を録音した。演奏しながら、もっともっと上手くなりたいと思った。もっと練習して、心に届く、心に響く音楽をしたいと。それが今、俺が出来る事なんだと。

2011/03/18 via webReplyRetweetFavorite

@mogami_oboe

最上峰行

一つの形を示されました。音楽家らしい答えだと思います。

ちょうどこの間、とても印象的な言葉を目にしました。

こういうとき、本や音楽は、「一番先に必要なもの」ではありません。しかし、もう少したったら、必ず、二番目か三番目に必要なときがきます。そのときのために、私たちは、今のうち、心の準備だけは、しておきましょう。

2011/03/16 via ついっぷる/twippleReplyRetweetFavorite

@warkure

ルートヴィヒ源九郎

『二番目か三番目に必要なとき』。
家が建つわけでも、空腹が満たされるわけでもない。それでも「必要」なんだ、と。

作曲家として

陽はまた昇る

日本との交流も深く、吹奏楽の作曲家として有名なP.スパーク氏は、「ザ・バンドワゴン」西田裕氏の提案からいち早く行動を起こしています。
元々金管バンド用であった「カンティレーナ」という曲を、復興支援のため吹奏楽用に書き直し出版。「日出づる国」に敬意を表し、題名を“THE SUN WILL RISE AGAIN”(陽はまた昇る)としました。
この楽曲の出版印税含め、販売収益のすべてを日本赤十字社の緊急救援基金へ寄付されるとのことです。
⇒The Sun Will Rise Again / 陽はまた昇る

東北から力を受けた作品

日本の作曲家、櫛田てつ之扶氏は、3月に小編成用として改訂出版された1981年全日本吹奏楽コンクール課題曲「東北地方の民謡によるコラージュ」の印税を東北吹奏楽連盟へ全額寄付されると発表しました。“東北地方の皆さんの応援歌になって欲しい”との願いが込められています。
⇒櫛田てつ之扶オフィシャルブログ「ブラバン音曲草紙」

出版社として

上を向いて歩こう

吹奏楽譜の出版社として有名なミュージックエイトでは、3/28（月）から4/20（水）の間、「上を向いて歩こう」の楽譜を無料進呈。
日本全国でこの曲が演奏され、一人でも多くの演奏者・聴衆に、勇気や希望が湧いてくるのを願って。という出版社らしい支援を行っています。
⇒がんばろう日本♪ 今、ミュージックエイトにできること

余談ですが、サントリーも「上を向いて歩こう」と「見上げてごらん夜の星を」のCMを流し始めましたね。
世代や業界、手段も違う人達が同じ楽曲に思いを込めていけるなんて、とても素敵なことだと思います。

演奏家・団体として

今、できること

演奏会の中止や自粛が相次ぐ中、一度は中止にした演奏会をチャリティーコンサートとして復活させた団体もあります。
首都圏の音大生で組織している吹奏楽団「WISH Wind Orchestra」の記事が紹介されていました。
⇒音楽の力を借りて心交わそうと、音大生の吹奏楽団が震災チャリティー公演：カナロコ(神奈川新聞社)
⇒カイちゃんの音楽室♪

様々な支援の形

宮城県吹奏楽連盟は、震災によって楽器を破損・滅失した団体への救済処置として「宮城県楽器BANK」を開設しました。全国の「今使っていない楽器」を募集し、被災した団体へ寄贈するという試みです。
義援金や生活用品だけでない音楽家ならではの支援方法。ここで集まった楽器を使って、現地に新たな安らぎや笑顔が生まれるといいですね。
⇒宮城県楽器BANK（PDF）

金銀銅を超えた演奏

最後に、今回特に考えさせられた話です。
3/19（土）、仙台市立八軒中学校の合唱部・吹奏楽部の生徒が避難所で演奏会を行いました。
⇒当日の様子

この話を知ったきっかけは以下のツイート。

僕もこれを呟きたくてPC立ち上げました。胸が熱くなります。(ご) RT @warkure: 仙台市立八軒中学の合唱部と吹奏楽部が避難所で慰問演奏している光景をNHKニュースで流れていましが、彼らは、声楽アンコンも（吹奏楽）アンコンも、全国大会を辞退しての慰問演奏でした。

2011/03/20 via HootSuiteReplyRetweetFavorite

@vivabrass

吹奏楽着うたBRASSBAND CLUB

生徒達は本来、同日同時刻に東北代表として鹿児島で開催される全国大会に出場する予定でした。しかし、震災の影響で出場は辞退に。

そして開催された演奏会。「こんなときに」という批判や反対意見もあるかと思いますが、聴衆には心から伝わるものがあったようです。演奏は聴きたい方々だけに披露されたようですし。
こちらの話は緒方まゆみ氏のブログでも詳しく紹介されています。

中高生にとっては限られた3年間。この日にかける思いも相当なものであったはず。
しかし、「こんなときだからこそ」生徒達は演奏し、人々の心に音楽を届けました。

この生徒達の想い、“自粛”を謳う様々な人に何か伝わっていくといいなぁ。

機能が良くても全く売れない商品

以前、無印良品で販売していた「たためるジャケット」という商品。
ナイロン素材で、たたんでもシワにならず、かさばらず、持ち運びやすい。
一見、使い勝手の良さそうな商品だったのですが、2008年発売当時はほとんど売れなかったとのこと。

そこで、改めて商品の見直しを行ったそうです。

“たためる”とはどういうことか

無印良品は、商品の改良ではなく売り方に目を向け、見直しを図りました。

• たためることのメリットは？
• その機能を求めている人は？

商品が持つ最大の特長を掘り下げ、導き出されたテーマが「旅・旅行」。

荷物が多くなりやすい旅行者にターゲットを絞り、空港内の店舗とWebサイトのみで商品を販売。
商品名も「旅に便利なジャケット」と、目的がわかりやすい名称へ変更しました。

商品のポジションを明確にしてターゲットをピンポイントに絞った、ということですね。
結果、このジャケットは旅行者を中心に人気を集めて見事にヒット！
機能はそのままで、人気商品へと生まれ変わることができたのです。

ポイントは、商品から伝わる「ストーリー」

消費者目線に立った結果が良い方向に進んだのはもちろんですが、ここで面白いのは、商品名にどう利用していくべきかという明確なストーリーが設定されたことだと思います。

消費者は、商品名と販売場所で容易に利用方法を想像できますし、『たしかに旅行で便利かも』と商品の必要性に気付くことができます。

販売者が、「この機能はスゴイよ！」「便利だよ！」とアピールしても、消費者にはなかなか届かなかったりします。
それよりは、『この場面で使おうかな』『こういったタイミングで便利そうだな』と消費者自身が想像できる環境を整えることで、消費者の中に商品の利用を前提としたストーリーが構築され、購入する必然性みたいなものが生まれてくるのだと思います。

そういった消費者心理をうまく利用したのが今回の事例だったのではないかなと思います。

事例から考えること

この話を聞いたとき、真っ先に思い浮かんだのは、世の中に溢れているWebサービスたち。

よくWeb屋や企業担当者からの提案で『Facebook使いましょう』『Twitter使いましょう』『CMS導入しましょう』なんて言いますが、これらは単なる手段に過ぎません。
本当に大事なのは、それがどんなストーリーを生み出すかという明確なビジョンと、それを伝えていく手段だと思うのです。

Webだと特に陥りがちなのですが、新しいサービスやツールが出たときこそ忘れてはいけない大事な視点だなと考えた事例でした。

個人的にはTwitterの見た目さえ維持できればどんな方法でもよかったのですが、プラグインの導入により驚くほど簡単に解決できたのでご紹介します。

使用プラグイン

⇒Twitter Blackbird Pie 0.3.7
※ver.0.4が同タイミングでリリースされましたが、個人的に思うように動かなかったので1つ下のバージョンを使用しています。

使用方法

使い方は非常にシンプル。
プラグインを有効化したら、引用したいツイートのURLをそのまま記事にコピペするだけ。特別なタグは何も必要ありません。なんて簡単！！

ツイート個別のURLは赤枠部分（日付）から取得できます。
ためしに引用してみました。↓

WordPress 3.1がリリースされとる。

2011/02/24 via webReplyRetweetFavorite

@togasoh

togasoh

ちなみに、Twitterの新デザインにある「#!」が入ったURL（http://twitter.com/#!/xxxx）でも問題なく表示されます。

応用編

「使わないかもしれないけどあったほうがわかりやすいかも。」ということで、当ブログでは、少しだけプラグインをカスタマイズしています。
本当にちょっとしたことなのですが、ツイートへのテキストリンクをエリアの下に追加しました。

<div class='bbpBox' id='bbpBox_$id'>
<p class='bbpTweet'>$tweetText
<span class='timestamp'><a title='tweeted on $friendlyDate' href='$tweetURL' target='_blank'>$timeAgo</a> via $source</span>
<span class='metadata'><span class='author'><a href='http://twitter.com/$screenName' target='_blank'><img src='$profilePic' /></a>
<strong><a href='http://twitter.com/$screenName' target='_blank'>$screenName</a></strong>$realNameHTML</span></span>
</p>
</div>
<p>⇒<a href='$tweetURL' target='_blank'>つぶやきを見る</a></p>

プラグインの真下に下記コードを追加した形ですね。

<p>⇒<a href='$tweetURL' target='_blank'>つぶやきを見る</a></p>

元々ツイートへのリンクは設定されているのですが、こちらの方がUI的にはわかりやすくて明確かなと思います。

ちなみに、「target=’_blank’」も設定していますが、通常使われる「”_blank”」ではエラーになるため「’_blank’」にする必要があります。（そもそも「target=”_blank”」非推奨とかの話は抜きにして）

参考程度にご確認ください。

方法は全部で3つ。
どれも特別な手続きや登録なしで利用できます。

その1 ： アドレスに「.」（ピリオド）を追加する

Gmailには、「@」以前の英数字に「.」（ピリオド）が入っていても無視されるという仕様があります。
これを応用することで、基本アドレスのバリエーションを増やすことができます。

具体的には、
「example@gmail.com」というアドレスを持っていた場合、
「exam.ple@gmail.com」でも、
「example…..@gmail.com」でも、
「e.x.a.m.p.l.e.@gmail.com」でも、
全て「example@gmail.com」宛てにメールが届くということです。

その2 ： アドレスに「+」（プラス）を追加する

「.」よりもさらに便利なのがこの方法。
実はGmailには、「@」以前の英数字の後ろに「+」（プラス）を付けると、「+」から「@」の手前までが無視されるという仕様があります。
「▲▲+●●@gmail」というアドレスの場合、「+●●」が無視されるということですね。

具体的には、
「example@gmail.com」というアドレスの場合、
「example+blog@gmail.com」でも、
「example+twitter@gmail.com」でも、
全て「example@gmail.com」宛てにメールが届きます。

つまり、好きな英数字をいつでも自由に追加できるということです。
そして、Twitterでは「+」を付けたアドレスは別アドレスとして認識されるため、簡単に複数アカウントを作れるわけですね。
「+」以降をTwitterのアカウント名にすれば、bot作成などの際もわざわざ新しいアドレスを作成する必要がなくなります。

その3 ： ドメインを「@googlemail.com」にする

これはそのままですが。。

「example@gmail.com」というアドレスの場合、
「example@googlemail.com」というアドレスにしてもちゃんと届きます。

一番シンプル且つ、わかりやすい方法ですね。

以上が、1つのGmailアドレスを複数アドレスのように使う方法です。結構前からヘビーユーザーには有名な話だったようですが…。
これらの応用編としては、迷惑メールが届いたときにどこから漏れたアドレスなのかも判明できそうです。

注意としては、サービスによって「+」が使えなかったり、「.」が推奨されていない場合があるようなので、そのあたりは実際利用する際に試したほうが早いかもしれませんね。

参考記事

Twitterヘビーユーザ必見！同じGmailアカウントで複数のユーザ登録をする方法 : ライフハッカー［日本版］

この3、4ヶ月、UIや配色、レイアウトを考慮しながら国内外問わずWordpressのテーマを漁りまくり、実験しては調整の繰り返し。
カスタマイズも落ち着き、やっとイメージに近づいてきたのでそろそろリニューアル宣言しても良いかな…と。

以前のグリッドレイアウトも好きだったのですが、プラグインやコードの拡張性が低かったり、内部的に使いにくい箇所があったので諦めました。

リニューアル伴い、過去に紹介したプラグインも使わなくなったり乗り換えたりしていますが、そのあたりはまた追って紹介できればと思っております。
今度はウィジェットを中心にもう少しカスタマイズしていく予定ですが、今後ともよろしくお願いいたします。

せっかくなので、どんなサイトが公開されたかまとめてみました。

Google

⇒Google ストリートビュー
ブラジル、アイルランド、南極大陸が追加。

⇒Googleモバイル検索
PCページ先頭に現れる「全体を見る」をクリックすると、ページ全体が見られるように。

ユニクロ

⇒UNIQLO +J

commmons

⇒オフィシャルサイト
坂本龍一を中心としたアーティストとエイベックスグループが設立したプロジェクト。

大林組

⇒つながる生きもの – 知ろう、学ぼう、みんなの生物多様性

SANKYO

⇒オフィシャルサイト

ディズニー

⇒ディズニー動画

トヨタ自動車

⇒トヨタメタポリス

川崎重工業

⇒オフィシャルサイト

ニッスイ

⇒商品情報サイト
⇒企業情報サイト

大和小田急建設

⇒DO Project

鬼怒川パークホテルズ

⇒オフィシャルサイト

日本商工会議所

⇒feel NIPPON　新しい食・旅、そして技

ニコン

⇒Capture more. Feel more.
「COOLPIX」シリーズのブランドサイト。

コム・デ・ギャルソン

⇒オフィシャルサイト

ジャケ・ドロー

⇒オフィシャルサイト
スイスの高級時計ブランド。

SONY

⇒ソニーストア
ソニースタイルからソニーストアへ名称変更。

やはり、ここ最近はソーシャル系の対応が増えている印象ですね。

名前でピンとこなくてもこのCMは知っている方も多いはず。

新垣結衣でおなじみの東京メトロのCMです。
この曲で使われているのが、高橋優の『福笑い』

2010年7月21日にメジャーデビューしたばかりで、『福笑い』はまだCDにもなっていない曲。

“きっとこの世界の共通言語は 英語じゃなくて笑顔だと思う”

素直に笑って過ごしたい。
そう思える楽曲でした。

※2011/1/4 追記
2010年12月29日、『福笑い』のCD発売が発表されました！！
高橋優さん現場マネージャーのTwitterアカウントから正式発表です！