2年ほど前のTwitter。昨年のFacebookに続き、誰もが「次のサービス」を探している昨今。ネットで見つけたお気に入り画像を集めて共有する「Pinterest」がやたらと騒がれています。Mashableでも「ステルスマーケティングか？」と思えるほどPinterestの記事を掲載しています。

アメリカからのトラフィックが67%という、この「Pinterest」。まだまだ日本でブレイクするかは分かりかねますが、ざっと使ってみたところ、単純に「あ、面白いかも！？」と思えたので、可能性はなきにしもあらずだと感じています。

では、いったいどんなサービスで、どんな可能性があって、企業ではどんな使い道があるのでしょうか？勉強ついでにまとめてみたいと思います。

長くなりそうなので、以下を2回に分けてまとめて行きます。

1. Pinterestとは？
2. Pinterestの基本データ
3. 使い方の基本と使い道
4. 企業Pinterestの例
5. 企業はPinterestをどう使えるのか？

まずは「Pinterestとは？」と「Pinterestの基本データ」から。自分なりの見解とネットで集めたデータをまとめてみます。

Pinterestとは？

単純に言うと「ネットで見つけたお気に入り画像を集めて、カテゴリ分けして共有するサイト」でしょうか？サイト名の「Pin」+「Interest」にあるとおり、興味のあるもの（Interest）を画鋲でコルクボードにピンする（Pin）ことがベースにあるサービスです。

Pinterestに登録すると、すでにSNSで繋がっている友人や同じ興味を持っている人をフォローすると同時に、まず「Pin Board（コルクボードと言ったほうが分かりやすい？）」というカテゴリを作ります。たとえば、スクラップブックに例えてみると、「ファッション」「建築」「車」「製品」など、スクラップする内容を一冊ごとに分けるイメージでしょうか。そして、それら作った「Pin Board」に自分のお気に入りの画像をはり付けていきます。

一見、それってFacebookやTwitterでも出来るじゃん？と、思ってしまいますが、以下のようなちょっとした違いが、ユーザの体験に大きな差を生んでいるのだと思います。

違い その1：「他の人」が中心のコミュニケーション

FacebookやTwitterでは自分で画像をアップして共有できるのに対し、Pinterestではすでにネット上にある画像とビデオしか共有できません（Pinterestでは「ピンする」という）。FacebookやTwitterでは、自分が「中心」になって情報を発信・共有できるのに対し、Pinterestでは「中心」を「他の人」に置いて情報を共有するんですね。自分はあくまで情報のキュレーターなんですね。この辺は、最近よく見るようになったNaverの「まとめ」に近い感じでしょうか？

もちろん、自分のウェブサイトの画像をピンすることも可能ですが、それがこのサービスのキモではないと思います。企業では、そういう使い方がメインになりそうですが。。。

違い その2：「人」ではなく「興味」が主役のソーシャル・アクティビティ

たとえばFacebookでは、まず友達との繋がりあって、その友達と情報を共有して楽しみます。ところが、Pinterestでは「ピンボード（Pin Board）」という「興味」が先にあって、その興味を通して友達や「同じ興味を持つ知らない人」と、ゆるいコミュニケーションを楽しむのだと思います。「ゆるく繋がる」という意味では、「ソーシャル」の部分はFacebookよりもTwitterに近い感覚でしょうか？ただ、Twitterでは「Interest（興味）」のキモである「Pin Board」のようなものを中心に据えていません。

また、Pinterestでは、「人」ではなく「Pin Board」という人の「興味」をフォローします。これも、「人」をフォローするTwitterやFacebookとの大きな違いではないでしょうか？

Pinterestの基本データ

Alexa.comでPinterest.comの統計を見ると、ここ半年のトラフィックの急上昇ぶりには目を見張るものがあります。PinterestのFacebookページのファン数は、現在893,920人 (2012/2/5 10:00)。doubleclick ad plannerでは、以下のような推測データも出しています：

(データ： doubleclick ad planner 2011年12月のデータ)

Alexaでは67%がアメリカからのトラフィックだと推測していることを考えると、現状のメイン・ユーザ層はクラフト、ファッション、ショッピング好きのアメリカ人女性といったところでしょうか？この層をターゲットにしている企業は、今すぐにでもPinterestでの施策を始めたほうが良いかもしれませんね。

さて、今回はこの辺にして。。。次回はPinterestの基本的な使い方と企業での使い道をリサーチしてまとめてみたいと思います。

いままで「Puffin」、「Opera Mini」など、いくつかのiPhoneのブラウザを試してきましたが、「Dolphin Browser」は、サクサク動くし機能が豊富で、使い心地も良い感じです。Android版も評価が高いようですし、スマートフォンのシェアNo.1ブラウザになる日も近いのでは？

iPhone版「Dolphin Browser」で気に入ったポイント

• UIが使いやすく、動作が安定していてサクサク動く
• TwitterとFacebookへの共有が簡単にできる
• アドレスバーのサジェスト機能と検索機能
• ブックマークの操作感
• 豊富な機能

UIが使いやすく、動作が安定していてサクサク動く

ブラウザに第一に求めることは「使いやすさ」と「安定していること」だと思うんですが、Dolphinは、その2つをしっかりクリアしています。

ざっといくつかのサイトを見てみた感じ、Opera Miniなどよりも表示も安定しているしページの表示速度も快適に感じます。タブ・ブラウジングも、デスクトップ版のブラウザと操作感が同じで、Safariよりも素早く楽にタブ間の移動も可能になっています。

（Android版ではAndroidブラウザのエンジンをベースとした独自のエンジンを使用しているようですが、iOS版はどうなのか分かりません。）

TwitterとFacebookへの共有が簡単にできる

iOS5になってSafariからTwitter投稿も簡単にできるようになりましたが、Dolphinでは、より簡単に、しかもFacebookとTwitterの両方に簡単に投稿ができます。アドレスバーの横のTwitterアイコンをクリックすると、下の画面が出てきて、FacebookかTwitter（または両方）を選んで投稿できます。

アドレスバーのサジェスト機能と検索機能

アドレスバーに入力を始めると、ブックマークや閲覧履歴から近いものを表示してくれるサジェスト機能、また、アドレスバーに単語を直接入力してググることができる検索機能がついています。デスクトップ版ChromeのOmniboxで慣れてしまっているので、Safariではこれがないので結構不便でした。

以下のように「dolphin」と入力すると、ブックマーク、履歴、Googleで検索といったオプションが表示されます：

ちなみに、これはDolphinでは「Smart Address Bar」と呼ばれるそうです。

ブックマークの操作感

Dolphin Browserでは、ブックマークや設定画面へのアクセスは、以下の画像のように、Facebookアプリなどでも使用されているサイドペイン（サイドバー）で表示されます。

左側にブックマーク・ペインが表示される

右側には設定ペインが表示される

また、ブックマークへのアクセス方法も、下のブックマーク・アイコンをタップする方法と、画面左はしをスワイプする方法と2種類あります。Safariでは、ブックマークが表示される際に、下から表示されるので、ほんのわずかですが時間がかかって煩わしいときがありますが、サイドペインの場合は移動距離が少ない分、サクッと動いている感じがして、操作が快適に感じます。マニアックかもしれませんが、こういったところがUX（ユーザ体験）の差を生むんですよね。

豊富な機能

このブラウザ、上にあげた機能のほかにも、豊富な機能を持つ優れものです。

• ブックマークの同期機能（Dolphin Accountの作成が必要）
• デスクトップ版を強制表示させる「Desktop Mode」
• 新規タブによく使うサイトを表示させる「Speed Dial」機能
• その他にもこんなに機能が…

Android版では「アドオン（拡張機能）」もサポートしているようですし、iPhone版もこれからが楽しみです。Evernote、Readitlater、1Passwordなど、いろいろなウェブアプリとの連携がしやすくなったら、すごく便利ですよね。

「Settings」画面はこんな感じ

Androidでも人気を誇り、iPad版もあるこの「Dolphin Browser」。Safariが進化を遂げない限り、スマートフォン・ブラウザのシェア1位を獲得する日は、そう遠くないと本気で思う今日この頃です。時間があるときに、iPad版も試してみたいと思います。

余談

さて、1月も終わりになってしまいましたが、ようやく2012年の初投稿ができました！
今年も、ぜひともRriverをよろしくお願いいたします。

そんなクリエイティブなお問い合わせフォームが「40+ Creative Contact Forms That Will Inspire You」という記事で紹介されていたので、僕が特に気に入ったものを2つほどご紹介。

www.davidhellmann.com

丁寧にデザインされた封筒のバックグランドがなんともいい感じです。「手紙を書く」という行為を思い起こさせる、シンプルですが効果的なデザインだと思います。
→ お問い合わせフォームはこちらから

SVN2FTP

テキストを入力した際に使われるフォントがいい感じだったり、ボタンのデザインがキーになっていたり。このサイトの他の部分もすごく丁寧に作られていて、好感が持てます。
→ お問い合わせフォームはこちらから

もとの記事では、これら2つのサイトもあわせて40件ほど紹介されています：
「40+ Creative Contact Forms That Will Inspire You」

誰でも簡単にウェブサイトを持てるようになった昨今、細部にまで目の行き届いた、丁寧に作られたサイトが、より多くのユーザに指示されていくのではないでしょうか？「心に響くウェブサイトづくり」をしたいと強く思う2011年もあと数日の今日この頃でした。

先日（12月15日）、Microsoftが古いバージョンのInternet Explorerをオートアップデートで更新することをThe Windows Blogで発表しました。この自動アップデートで、古いバージョンのInternet Explorerは

• Windows XPではIE8
• Windows 7ではIE9

に自動でアップデートされるそうです。

このニュースを見て、「ついにこの日が来たか！」と興奮した方も多いと思います。が、僕は喜ぶにはまだ早いと思っています。それは、このオートアップデートが機能するには以下を満たしている必要があるからです：

• Windows Updateがオンになっている
• 自動アップデートのブロッカーがインストールされていない

今でもあえてIE6を使っているユーザのほとんどは、なんらかの避けられない理由があってIE6を使っている。そう考えてほぼ間違いはないと思います。そして、そんなユーザのほとんどが、企業でやむを得ずIE6を使っている。そして、いまでもIE6を社員に使わせている企業は、自動アップデートのブロッカーをインストールしていると思います。今回の自動アップデートもブロックできるようなので、ブロックされる確率はかなり高いと推測します。

僕自身、IE6/7には悩まされ続けていて、IE6/7が消えてくれたら開発が楽になってどんなに嬉しいことか。。。と、頻繁に嘆いています。が、現実はそんなに甘くはない。そう思えてならないのです。

この自動アップデートは、まずオーストラリアとブラジルで2012年1月に実施されるそうです。この自動アップデートが日本で実施されるとき、僕の推測が間違っていることを心から願います。。。

以前「これくらいは知っておきたい。テキスト画像の文字詰めの基本」という記事でカーニングについて書いた「カーニング」。英語だけですが、その「カーニング」をゲーム感覚で学べるウェブサイト「KERNTYPE」がとても良くできていて素晴らしいのでご紹介。

上の画像のように課題となる単語が出てきて、それをカーニングするとお手本と比較して点数をつけてくれます。やっていると結構真剣になってしまって、100点とれると嬉しかったりします。笑

残念ながら、日本語は出てきませんが、英語でも日本語でも基本的な考え方は同じだと思うので、カーニングが初めてという方には、このサイトでカーニングの感覚を覚えるのもありだと思います。ぜひ、一度お試しください。楽しいです。

カーニングをゲーム感覚で学べるウェブサイト「KERNTYPE」でした。

• LinkStation HD-HG250LANの分解
• IDE/USB変換アダプターの購入
• Mac OS X Lionの準備
• HDDのジャンパー設定

LinkStation HD-HG250LANの分解

分解はプラスドライバーがあれば簡単にできました。こちらのブログで丁寧に紹介されていので、分からなかったらご参照ください。中にはWestern DigitalのWD2500BBという3.5インチのIDEドライブが入っていました。

IDE/USB変換アダプターの購入

新宿のソフマップで玄続（クロツグ）のKRHC-IDEという変換アダプターが500円で購入（たぶん特価）。「3.5型IDEドライブをUSB2.0接続へ変換 + 電源付き」というやつで、ACアダプタが付属していてスイッチ&LEDランプが着いているのが嬉しい商品です。しかも安い。。。

はじめはAmazon.co.jpでUSB2.0 to S-ATA/IDE変換ケーブル RC-SPCGA3-A (1,680円) というアダプターを購入したんですが、運悪く初期不良品が届いてしまい電源が入りませんでした。返品が面倒です。。。涙

Mac OS X Lionの準備

LinuxのExt3でフォーマットされたパーティションをマウントできるようにするために、Lionに以下をインストールしました。

FUSE for OS X
開発が終了してしまったMacFUSEを継承してMac OS X Lionに対応したもので、MacFUSE向けに書かれたサードパーティのファイルシステムを動かすことができます。インストールする際に「MacFUSE compatibility layer」を選択必要があります。

fuse-ext2
Fuse向けに書かれたext2 / ext3用のファイルシステム。これをLion上で走らせるには上のFUSE for OS Xが必要です。

※Snow LeopardではMacFUSEが動くので、FUSE for OS Xの代わりにMacFUSEでもOKです。

HDDのジャンパー設定

ハードドライブを接続する際に、ドライブのジャンパー設定をCSにしたらドライブが認識されました。なぜかMASTERまたはSLAVEでは認識されませんでした。このCSというのは「Cable Select」の略とのことで、@ITで以下のように説明されていました：

これは「ケーブル・セレクト」という機能で、IDEケーブル上のどのコネクタにハードディスクを接続するかでマスタとスレーブを選択する方法だ。ケーブル・セレクトでは、ジャンパ・ピンの設定をいちいち変更する必要がない。しかし、専用のIDEケーブルが必要なことや、ケーブル・セレクトの機能が正しく機能しない場合もあるので、やはりジャンパ・ピンでマスタとスレーブを手動で設定することをお勧めする。

玄人志向のIDEアダプターケーブルがCS対応ということなんでしょうか。この辺は恥ずかしながら素人なのでちょっと分からないです。。。

Western DigitalのWD2500BBの場合、以下のような設定でした：

まとめ

ということで、これで無事にハードドライブがLionの入ったうちのMacBook Airでも認識されるようになりました。これから一生懸命データの救出作業です。やっぱりバックアップも重複させないとダメですね〜。ドライブも何年かしたら死んでしまうので、数年ごとに新しいものに移行していくのが理想かもしれません。あと比較的小さめのデータに関してはクラウドを利用するとか。

昔の写真とか、無くなってしまったら悲しいですからね。バックアップの良いスキームを考えないと…

以前「iPhone 3GでBluetoothを簡単にオン・オフできたら。。。」という記事を書いた時は良い方法が見つからなかったのですが、Cult of Macに良い方法が掲載されていたのでご紹介。もちろん、Jailbreakなしの設定です！

これでiPhoneのデスクトップから一発でBluetooth設定にアクセスできます。手順は以下の通り。

iPhoneのデスクトップにBluetoothボタンを設定する方法

1. Mobile Safariからhttp://brdrck.me/settings/bluetoothにアクセスする

好きなほうのアイコンを選択して「Install Bluetooh Shrotcut」をタップ

2. 以下の画面が出てくるので、「インストール」をタップ

3. Bluetoothのアイコンが出来ます！

※11月22日午後11時現在、サイトがかなり重くなっているようです。しばらくするとページが出てきますが、ちょっと辛抱が必要です。

このアイコンをクリックすると…

一度Safariが開いてからBluetoothの設定画面に行きます。ちょっと裏技的な感じでスマートな感じではないですが「設定」 → 「一般」 → 「Bluetooth」と行くよりは全然ラクだと思います。ちなみに、これは「プロファイル」を追加設定することで行われているので、特にセキュリティなどには問題なさそうですが、設置する際は自己責任で。

仕事で運営しているサイトで共有ボタンを設置するので、ユーザはなぜ「いいね！」をクリックしたり、Twitterで情報を共有しようとするのかをもう一度考え直してまとめてみた。とりあえず仮説でしかありませんが、検証の際に役に立てたいと思っています。

まずはユーザがソーシャルメディアで情報（ウェブサイト）を共有する主な理由について。
僕は以下の2つが主な理由だと考えています：

1. 自分のためのブックマーク
2. 知人に教えてあげたい情報

では、共有ボタンはどんなタイミングでページのどこでユーザに提供するべきなのでしょうか？

共有ボタン設置の注意点

ユーザの行動を考えたうえで以下のようなことに注意して共有ボタンを設置するべきではないでしょうか？

1. 「いい！」と思った瞬間に共有ボタンがクリックできる場所にある
2. 「いい！」と思った瞬間に、共有ボタンのある位置を一度認識できている
3. 共有ボタンをクリックすることで、なにが共有されるかが明確になっている

そう考えると、共有ボタンの位置はページの上部とコンテンツの終わりの両方に設置するのが良さそうです。

たとえば、「自分のためのブックマーク」をする場合、以下のような状況が考えられる：

1. ページを最後まで読んでいなくても、あとで読むためにブックマークする
2. ページを最後まで読んで、リソースとしてブックマークする

そのため「このページは役に立ちそうだ」と思った瞬間、つまり、#1の場合はページの上部に、#2の場合は、ページの下部に共有ボタンが欲しい。

また、「知人に教えてあげたい情報」の場合、内容を最後まで読んで（もしくは内容の全体を把握して）から共有することが多いと思われるため、共有ボタンはページの最後（コンテンツの最後）にあるのが良いでしょう。ただ、ページの上部で「共有」ができるということを認識してもらうために、ボタンを設置しておくのも良いと思います。

実際に設置してみて、データを検証してみないと分かりませんが、だいたいこんな感じでしょうか？

設置の際の技術的な注意点メモ

時間があったらより細かくまとめたいと思いますが、共有ボタンの設置の際は、以下のようなことにも注意する必要がありそうです。

• ウィジェットやJavaScriptのSSL対応
  SSLを使用したページがある場合、Chromeなどではアドレスバーの「https://」が赤くクロスアウトされ「安全でない他のコンテンツが含まれています」などと表示されてしまいます。SSLでの対応を確認して、対応していたらスクリプトには相対パス（たとえば「//platform.twitter.com」など）を指定するのが理想です。
• パフォーマンス
  共有ボタンを設置することによって、ページの表示速度が遅くなってしまったら本末転倒。ボタン以外の部分の表示に影響がないように、スクリプトは極力HTMLコードの最下部に設置するなど、細心の注意をはらいたいですね。
• レスポンシブ・ウェブでのレイアウト確認
  デスクトップでは普通に表示されるボタンも、スマホで見るととんだ場所に表示されていたり、または、隠れてしまっていたり可能性もあります。ブラウザ・チェックやボタンの動作確認なども含め、リリースする前にしっかりテストをしたいですね。
• 効果測定について
  せっかく設置したんですから、どれだけクリックされているかなどの効果測定もしたいですね。FacebookではInsightsでLikeの数やLikeボタンがクリックされたページなどの細かい情報が見られます。Insightsの設置の方法はこちらのブログ記事などを参照すると良いかと。

「Steve Jobs」を読み終えて、やっぱり、彼にひとこと「Thank you」と、心から言いたい。

英語版をiPadで読んだんですが、涙けるところあり、笑えるところあり。そして、なにより、571ページという本にまとめられた「Steve Jobs」の人生を読んで、ものすごく勉強になりました。これからも何度も読み返して勉強させてもらおうと思っています。いつでもペラペラめくって読めるようにハードカバー版もオーダーしちゃいました…笑

さて、この本を読み終えて、なぜそんなにAppleの製品が好きなのか、どうして彼の死にこんなにもショックを受けたのか、少しずつですが自分の中で明らかになってきたのでまとめておきたいと思います。

なににそんなに共鳴したのか、そして、尊敬の念を抱いたのか。
それは、結局のところ、以下の3つに対してなんだと思います：

1. もの作りに対する真剣な姿勢とこだわり
   「完璧」ではないところもあるとは思いますが、彼らの製品は、あらゆることが考え尽くされていて、ユーザとしては、常に先回りをされている感じがあります。「こうだったらいいのにな。。。」と思うことが、自然とそうなっている。そして、そうじゃないものも次第に解決されていく。これは真剣な姿勢やこだわりから来るものだと思うんですが、たとえそれが完璧ではなくても、そこまで考え尽くされた選択肢だと、ユーザとして納得の行かない部分でも受け入れられる。作り手の情熱に負けちゃうんですね。
2. 生み出したものへの愛
   そして、そこまでこだわって作ったものだからこそ、それら製品に対する愛がすごい。Steve Jobsが製品発表の際によく言っていた「Isn’t this great?」は、本当にそれを愛している人じゃないと言えないものでした。こだわりにこだわって本当にいいものを作った人だけが言える「これ、いいだろう？」。大企業であんな風に自社の製品を褒め称えられる人って、どれだけいるでしょうか？
3. シンプルさへのこだわり
   複雑なものをシンプルに仕上げるには、それを根本から理解して、考え抜いて、噛み砕いて、直感的に分かりやすく、ひとつひとつ丁寧に組み立て直す必要がある。これって実は気の遠くなる作業なんですよね。それを貫いたSteve Jobsには感服します。

これらを誰にも負けない情熱で、自分に偽りなく取り組んだSteve Jobs。そして、それをAppleという企業全体で実践した生き様に心底憧れます。
10月5日、Steve Jobsが亡くなったニュースを聞いて、彼やAppleという会社やその製品が自分に与えていた影響の大きさに改めて気がつきました。それは「こんなことが出来たらいいのに」、「こんなやり方が出来たら楽しいだろうに」という、憧れだったんですね。

自分も、その「憧れ」を憧れだけで終わらせず、実践できる人生を歩んでいけるように、修行を続けていきたいと思います。

最後にもう一度、
Thank you, Steve.
Please rest in peace. I still can hear you say, “Isn’t this great.”

現在うちのMacにはOS X Snow LeopardとLionが入っているんですが、デフォルトだとスクロールの向きが逆になってしまって頭が混乱してしまいます。そこで、Snow Leopardでもスクロールを逆にする方法を探してみました。

Mac OS X Lionではデフォルトのスクロールの方向が逆になっていて、iPhoneやiPadのようなタッチスクリーンの操作と同じように、トラックパッドで：

• 上にスクロールすると画面が上に移動
• 下にスクロールすると画面が下に移動

します。

最初は慣れなくて頭が混乱しましたが、次第に慣れてきて、こっちのスクロールが「ナチュラル」に思えてきました。が、Snow Leopardに戻ってスクロールをすると逆になってしまう。そこで、Snow LeopardでもLionの逆スクロールを実装できないかと思って調べたら、もちろんありました。

以下のアプリをインストールするだけで、逆スクロールが実装できます。

• Scroll Reverser for Mac OS X

「Scroll Reverser」の設定：

• トラックパッド、マウス、タブレットでのスクロール方向が個別に設定
• 縦スクロール、横スクロールの方向を個別に設定
• ログイン時に自動で起動する設定

といったことができます。

もちろん、この「逆スクロール」がどうしてもダメな方は、Lionのシステム環境設定から変更することも可能ですよ。
メニューから「システム環境設定」 → 「トラックパッド」 → 「スクロールとズーム」：