<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Goodpic</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/" />
    <link rel="self" type="application/atom+xml" href="http://www.goodpic.com/mt/atom.xml" />
    <id>tag:www.goodpic.com,2011-09-09:/mt//1</id>
    <updated>2012-01-31T13:33:08Z</updated>
    <subtitle>湘南　茅ヶ崎の海、サーフィンの写真やレストラン紹介。ブログやWEBサービスAPI、アフィリエイトなどのネット技術。自然エネルギーなどがテーマです。</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 5.12</generator>

<entry>
    <title>ソーシャルグラフ最適化の先にある、ユーザー体験とデータ解析の結合</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2012/01/seo_smo_sgo.html" />
    <id>tag:www.goodpic.com,2012:/mt//1.1701</id>

    <published>2012-01-31T13:31:34Z</published>
    <updated>2012-01-31T13:33:08Z</updated>

    <summary> ソーシャルとWeb、あるいは検索エンジンとの関係について、SEO(検索エンジン...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="技術" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[
<p><a href="http://www.goodpic.com/mt/archives2/2011/12/web_or_app_internet.html">ソーシャルとWeb</a>、あるいは<a href="http://www.goodpic.com/mt/archives2/2012/01/search-vs-social.html">検索エンジンとの関係</a>について、SEO(検索エンジン最適化)、SMO(ソーシャルメディア最適化)をへて、SGO(ソーシャルグラフ最適化)から先につながる流れが、頭の中が整理できたので、新幹線の移動時間を利用してまとめてみた。</p>

<div class="section" id="seo">
  <h3>SEO (検索エンジン最適化)</h3>

  <p>Webは検索エンジンと共に発展してきた。検索で上位に表示されるページが、よいコンテンツと見なされ、検索ロボットが見つけやすいように、ページを最適化するSEO (Search Engine Optimization) が重視された。ブログやCMSによって、構造的なHTMLとWebサイト設計が普及し、インターネットであらゆる情報が見つかるという夢が広がった。</p>
  
  <a href="http://www.goodpic.com/mt/capture/seo.png"><img alt="seo.png" src="http://www.goodpic.com/mt/assets_c/2012/01/seo-thumb-550x322-405.png" width="550" height="322" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
  
</div> <!-- seo -->

<div class="section" id="smo">
  <h3>SMO (ソーシャルメディア最適化)</h3>

  <p>Twitterの１４０文字制約という発言のしやすさと、新鮮な情報を早く知りたいというニーズが組み合わさり、リアルタイムストリームが普及した。検索エンジンのパーソナライズではなく、情報の流れを可視化する、という発想の転換。</p>

  <a href="http://www.goodpic.com/mt/capture/smo.png"><img alt="smo.png" src="http://www.goodpic.com/mt/assets_c/2012/01/smo-thumb-550x322-407.png" width="550" height="322" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

  <p>一人のユーザーがリアルタイムで見られる情報量は限られるので、フォローやハッシュタグ(Twitter)、実名の関係性とLike (Facebook)、サークル(Google+)など、新しいフィルタリング手法が開発された。また、情報をシェアしてもらうために、ユーザービリティやレスポンス向上に膨大な開発リソースが投入され、ソーシャルメディア上での関係性の構築 (Social Media Optimization) が重要になった。</p>

</div> <!-- smo -->

<div class="section" id="everyday-media">
  <h3>スマートフォンによる日常生活のメディア化</h3>

  <p>スマートフォンとApp Internetの普及により、日常の空間が直接インターネットにつながった。<a href="http://www.goodpic.com/mt/archives2/2011/12/post_254.html">位置情報やカメラ、マイク、センサーなどで集めた情報をスマートフォンが解析し</a>、伝えたい人と共有したり、新たな情報や出会いの機会を提案するようになった。日常生活のあらゆる行動が、メディアとなる可能性を持ち始めた。</p>

  <a href="http://www.goodpic.com/mt/capture/everyday-media.jpg"><img alt="everyday-media.jpg" src="http://www.goodpic.com/mt/assets_c/2012/01/everyday-media-thumb-550x335-415.jpg" width="550" height="335" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
</div> <!-- everyday-media -->


<div class="section" id="sgo">
  <h3>SGO (ソーシャルグラフ最適化)</h3>

  <p>Facebookは、Open Graph Protocolによって、Web上のコンテンツやユーザーの行動を、リアルタイムにAPIから利用できるようにした。その動きをさらに進め、日常生活の様々な行動をデータとして活用できるように、<a href="https://developers.facebook.com/docs/opengraph/">タイムラインとOpen Graph アプリの連携</a>をリリースした。</p>

  <a href="http://www.goodpic.com/mt/capture/facebook-og-app.jpg"><img alt="facebook-og-app.jpg" src="http://www.goodpic.com/mt/assets_c/2012/01/facebook-og-app-thumb-550x408-411.jpg" width="550" height="408" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

  <p>すでに数多くのWebサイトやスマートフォンアプリに、ソーシャルプラグインという形で、Facebookがユーザーを追跡可能なビーコンが埋め込まれている。Open Graph APIによって、「料理した」「買った」「訪れた」「泊まった」「学んだ」など、より具体的な行動をリアルタイムに把握できるようになる。ユーザーが行動することでデータが集まり、共有されて、自立的にソーシャルグラフが拡大する。</p>

  <a href="http://www.goodpic.com/mt/capture/sgo.png"><img alt="sgo.png" src="http://www.goodpic.com/mt/assets_c/2012/01/sgo-thumb-550x322-409.png" width="550" height="322" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
</div> <!-- sgo -->


<div class="section" id="graph-data">
  <h3>ユーザー体験とデータ解析の結合</h3>

  <p>ソーシャルグラフの活用で先行するFacebookに、GoogleとAppleも、AndroidやiOSというプラットフォームを駆使して追従するだろう。ユーザーの関心(Interest Graph)と関係性(Social Graph)に基づいて、いつでも、どこでも(Mobile Graph)、リアルタイムにつながることで、素晴らしいユーザー体験が提供される。</p>
  
  <a href="http://www.goodpic.com/mt/capture/graphs.png"><img alt="graphs.png" src="http://www.goodpic.com/mt/assets_c/2012/01/graphs-thumb-550x390-413.png" width="550" height="390" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

  <p>ただし、その逆もまたしかり。あなたが彼らを見つけるように、彼らもあなたを見つけることができる。ユーザー体験とデータ解析は、分ちがたく結びつき、利便性とプライバシーの間で、アイデンティティが試されることになる。法律(コード)が日常生活に大きな影響を与えることが再認識され、群衆と政治の綱引きが繰り返される。</p>

</div> <!-- graph-data -->


]]>
        
    </content>
</entry>

<entry>
    <title>emacs の js2-mode のインデント修正版やjade-mode など</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2012/01/emacs_js2-mode_jade-mode.html" />
    <id>tag:www.goodpic.com,2012:/mt//1.1700</id>

    <published>2012-01-30T13:33:59Z</published>
    <updated>2012-01-30T14:42:33Z</updated>

    <summary>emacsのJavaScript用のメジャーモード、js2-modeをオリジナル...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="プログラミング" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[<p>emacsのJavaScript用のメジャーモード、js2-modeを<a href="http://code.google.com/p/js2-mode/">オリジナルのjs2-mode</a>からフォークした、<a href="https://github.com/mooz/js2-mode/wiki/Changes-from-the-original-mode">インデントや色々と不便な点を修正</a>したバージョンに変更してみた。</p>
<p>オリジナルだと、こんな感じに間延びしたインデントが、</p>

<a href="http://www.goodpic.com/mt/capture/%05emacs-js2-before.png"><img alt="emacs JS2 mode before" src="http://www.goodpic.com/mt/assets_c/2012/01/%05emacs-js2-before-thumb-550x158-399.png" width="550" height="158" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>きっちりと詰まってくれます。</p>

<a href="http://www.goodpic.com/mt/capture/%05emacs-js2-after.png"><img alt="emacs JS2 mode after" src="http://www.goodpic.com/mt/assets_c/2012/01/%05emacs-js2-after-thumb-550x320-401.png" width="550" height="320" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<ul>
  <li><a href="https://github.com/mooz/js2-mode">mooz/js2-mode - GitHub</a></li>
</ul>

<p>Macのターミナルから、</p>

<pre class="prettyprint"><code class="language-bsh">
% git clone git://github.com/mooz/js2-mode.git
% cd js2-mode
% emacs --batch -f batch-byte-compile js2-mode.el
</code></pre>

<p>コンパイルされた、js2-mode.elc を emacsのsite-lispにコピー。emacs.el に以下を追記。</p>

<pre class="prettyprint"><code class="language-lisp">
(autoload 'js2-mode "js2-mode" nil t)
(add-to-list 'auto-mode-alist '("\\.\\(js\\|json\\)$" . js2-mode))
</code></pre>

<p>ついでに<a href="http://nodejs.org/">node.js</a>のWAF、<a href="http://expressjs.com/">Express</a>で標準採用されているテンプレートエンジン、<a href="http://jade-lang.com/">Jade</a>のモードも追加してみる。</p>

<ul>
  <li><a href="https://github.com/brianc/jade-mode">brianc/jade-mode - GitHub</a></li>
</ul>

<p>Githubからクローンして、</p>

<pre class="prettyprint"><code class="language-bsh">
% git clone https://github.com/brianc/jade-mode.git        
</code></pre>

<p>*.elをsite-lispにコピー。以下を.emacs.el に追記。</p>


<pre class="prettyprint"><code class="language-lisp">
(require 'sws-mode)
(require 'jade-mode)    
(add-to-list 'auto-mode-alist '("\\.jade$" . jade-mode))    
</code></pre>

<p>jadeファイルを開くとシンタックスハイライトしつつ、タブキーもよしなに動作してくれます。</p>

<a href="http://www.goodpic.com/mt/capture/emacs-jade.png"><img alt="emacs-jade.png" src="http://www.goodpic.com/mt/assets_c/2012/01/emacs-jade-thumb-550x264-403.png" width="550" height="264" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
]]>
        
    </content>
</entry>

<entry>
    <title>localhost環境で、Facebook のJavaScript APIでOAuth認証をする</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2012/01/localhost-facebook-javascript-api.html" />
    <id>tag:www.goodpic.com,2012:/mt//1.1699</id>

    <published>2012-01-30T13:16:45Z</published>
    <updated>2012-01-30T13:23:58Z</updated>

    <summary> FacebookのJavaScript SDKでOAuthを使ったアプリを、l...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="プログラミング" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[
<p>Facebookの<a href="https://developers.facebook.com/docs/reference/javascript/">JavaScript SDK</a>でOAuthを使ったアプリを、localhost環境で開発するための設定方法です。FacebookのJavascript SDKを利用すると、ログインしているユーザーやウォールの情報を取得できます。ただし、FB.loginを呼ぶ際に、Facebookがページのドメイン名をチェックするので、localhost/test.html のようなURLだと、「The specified URL is not owned by the application」というエラーが発生する。それを防ぐために、localhost.goodpic.com というようなサブドメインを、ローカルのホストに設定します。</p>

<p>まずは、Facebookでの設定。<a href="https://developers.facebook.com/apps/">Facebook developers</a> から、アプリを選択して、<strong>[Settings] &gt; [Basic]</strong> を選択。 <strong>App Domain</strong> にサブドメイン無しのドメイン名(example.com)を入力する。ただし、その下の <strong>Website : Site URL:</strong> にhttpあるいはhttps から始まるサイトのURL(http://www.example.com) も忘れずに入力しておかないと、App Domainが正しく保存されません。</p>

<a href="http://www.goodpic.com/mt/capture/facebook-subdomain.png"><img alt="Facebookアプリをサブドメインで利用できるように" src="http://www.goodpic.com/mt/assets_c/2012/01/facebook-subdomain-thumb-550x444-397.png" width="550" height="444" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>設定を保存したら、ローカル環境のhostsを書き換える。Macの場合はターミナルから、</p>

<pre class="prettyprint"><code class="language-bsh">% sudo emacs /private/etc/hosts    
</code></pre>

<p>以下を指定。</p>

<pre class="prettyprint"><code class="language-hosts">127.0.0.1       localhost local.goodpic.com
</code></pre>

<p>ターミナルから、hostsの情報をフラッシュする。</p>

<pre class="prettyprint"><code class="language-bsh">% sudo dscacheutil -flushcache    
</code></pre>

<p>例えば、test.htmlなどのHTMLファイルに以下を記入し、</p>

<pre class="prettyprint"><code class="language-html">&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;
&lt;script src=&quot;./facebook.js&quot;&gt;&lt;/script&gt;
&lt;div id=&quot;fb-page&quot;&gt;&lt;/div&gt;
</code></pre>

<p>facebook.js ファイルでは、Facebook JavaScript ライブラリを非同期に読みこんでログイン処理をする。MAMPなど、ローカルでHTTPサーバを立ち上げて、http://local.goodpic.com/test.html にブラウザからアクセスすると、OAuth 認証が通った authResponse が正しく返ってきます。</p>


<pre class="prettyprint"><code class="language-js">window.fbAsyncInit = function() {
  FB.init({
    appId      : 'YOUR_APP_ID',
    channelUrl : 'YOUR_CHANNEL_URL',
    oauth      : true,
    status     : true, // check login status
    cookie     : true, // enable cookies
    xfbml      : true  // parse XFBML
  });
  // Additional initialization code here

  // Fetch facebook page infromartion
  FB.api('/215071268504237', function(res) {
    var widget = ['&lt;h3&gt;Page Information&lt;/h3&gt;&lt;ul&gt;'];

    for (var key in res) {
      widget.push('&lt;li&gt;',key,' = ',res[key],'&lt;/li&gt;');
    }
    widget.push('&lt;/ul&gt;');
    $('#fb-page').append(widget.join(''));
  });

  FB.login(function(res) {
    if (res.authResponse) {
      
      FB.api('/me', function(res) {
        console.log('Good to see you, ' + res.name + '.');
      });

      FB.api('/215071268504237/feed', function(res) {
        var widget = ['&lt;h3&gt;Page messages&lt;/h3&gt;'];
        console.log(res);

        for (var i = 0, len = res.data.length; i &lt; len; i++) {
          widget.push('&lt;textarea style=&quot;width: 500px;&quot; rows=&quot;5&quot;&gt;', res['data'][i]['message'],'&lt;/textarea&gt;&lt;br /&gt;');
        }
        widget.push('');
        $('#fb-page').append(widget.join(''));
      });

    } else {
      $('#fb-page').append('&lt;p&gt;Login required to browse page messages.&lt;/p&gt;');
    }
  });
};

// Load the SDK Asynchronously
(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = &quot;//connect.facebook.net/ja_JP/all.js&quot;;
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</code></pre>
]]>
        
    </content>
</entry>

<entry>
    <title>レスポンシブWebデザインに対応したCSSフレームワーク、Twitter Bootstrap2を使ってみる</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2012/01/twitter-bootstrap2.html" />
    <id>tag:www.goodpic.com,2012:/mt//1.1698</id>

    <published>2012-01-28T14:56:02Z</published>
    <updated>2012-02-02T15:30:23Z</updated>

    <summary>1月31日にリリースが予定(Bootstrap 2 ready for test...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="プログラミング" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[<p>1月31日にリリースが予定(<a href="http://www.markdotto.com/2012/01/24/bootstrap-2-ready-for-testing-and-feedback/">Bootstrap 2 ready for testing and feedback · Deep Thoughts by Mark Otto</a>)されているTwitterのCSSフレームワーク Bootstrapの新バージョンを使ってみた。Bootstrap2で注目なのは、レスポンシブWebデザインへの対応。ナビゲーションやグリッドもレスポンシブになっていて、かなりいい感じですね。ブログの写真カテゴリのアーカイブがこんな感じに。</p>

<ul>
  <li><a href="http://www.goodpic.com/mt/wave.html">サーフィン Goodpic</a></li>
</ul>

<a href="http://www.goodpic.com/mt/wave.html"><img alt="bootstrap2-grid.png" src="http://www.goodpic.com/mt/assets_c/2012/01/bootstrap2-grid-thumb-550x488-393.png" width="550" height="488" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>Bootstrap 2の開発版はgithubで入手できます。<a href="https://github.com/twitter/bootstrap/zipball/2.0-wip">2.0のzipファイル</a>もダウンロードできますが、日々開発が進んでいるので、gitをつかってソースコードを取得。Macのターミナルから：</p>

<pre class="prettyprint"><code class="language-bsh">% git clone git://github.com/twitter/bootstrap.git
% cd bootstrap     
</code></pre>

<h4>2/3 追記 : 2.0正式版がリリースされたので以下、チェックアウト方法</h4>
<p>v2.0.0 というタグをGitレポジトリから取得します。</p>

<pre class="prettyprint"><code class="language-bsh">% git status
# On branch 2.0-wip

% git checkout master
Switched to branch 'master'

% git pull
% git tag 
v1.0.0
v1.1.0
v1.1.1
v1.2.0
v1.3.0
v1.4.0
v2.0.0

// v2.0.0 タグを v2_branch というブランチをつくってチェックアウト
% git checkout -b v2_branch v2.0.0 
Switched to a new branch 'v2_branch'

% git status
# On branch v2_branch
</code></pre>


<p>注意 : 以下は、2.0リリース前のソースコード取得方法です。Bootstrap 2のブランチ(2.0-wip)をチェックアウトする。</p>

<pre class="prettyprint"><code class="language-bsh">% git branch -r
  origin/2.0-wip
  origin/HEAD -> origin/master
  origin/gh-pages
% git checkout -b 2.0-wip origin/2.0-wip
% git branch
* 2.0-wip
  master
% git pull
Already up-to-date.    
</code></pre>

<p>bootstrap/docs のドキュメントを参考にHTMLを組んでみました。例えば、トップのナビゲーションなどはPCでは横長に表示されるけれど、</p>

<img alt="Bootstrap2 ナビゲーション" src="http://www.goodpic.com/mt/capture/%05bootstrap-nav.png" width="500" height="207" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

<p>iPhoneのサイズにブラウザの横幅を縮めると、プルダウンに変化したりします。</p>

<img alt="Bootstrap2 ナビゲーション プルダウン" src="http://www.goodpic.com/mt/capture/%05bootstrap-nav-narrow.png" width="434" height="188" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

<p>ベースとなるページのHTML構造はこんな感じかな。ただし、開発中ということで構造もガンガン変わっているので、リリース阪では異なるかもしれません。</p>

<pre class="prettyprint"><code class="language-html">
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ja&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;    
    &lt;title&gt;&lt;/title&gt;
    &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
    &lt;meta name=&quot;generator&quot; content=&quot;&quot;&gt;
    &lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;
    &lt;link rel=&quot;start&quot; href=&quot;&quot; title=&quot;Home&quot;&gt;
    &lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Recent Entries&quot; href=&quot;&quot;&gt;

    &lt;!-- Bootstrap v.2 module --&gt;      
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;!-- Le HTML5 shim, for IE6-8 support of HTML elements --&gt;
    &lt;!--[if lt IE 9]&gt;
        &lt;script src=&quot;http://html5shim.googlecode.com/svn/trunk/html5.js&quot;&gt;&lt;/script&gt;
        &lt;![endif]--&gt;

    &lt;!-- Le styles --&gt;
    &lt;link href=&quot;/bootstrap/docs/assets/css/bootstrap.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;/bootstrap/docs/assets/css/bootstrap-responsive.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;/bootstrap/docs/assets/css/docs.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;/bootstrap/docs/assets/js/google-code-prettify/prettify.css&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;/head&gt;

  &lt;body data-spy=&quot;scroll&quot; data-target=&quot;.subnav&quot; data-offset=&quot;50&quot;&gt;
    
    &lt;!-- Navbar
         ================================================== --&gt;
    &lt;div class=&quot;navbar navbar-fixed-top&quot;&gt;
      &lt;div class=&quot;navbar-inner&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
          &lt;a class=&quot;brand&quot; href=&quot;/index.html&quot;&gt;Goodpic&lt;/a&gt;
          &lt;ul class=&quot;nav&quot;&gt;
            &lt;li class=&quot;&quot;&gt;
              &lt;a href=&quot;/index.html&quot;&gt;Home&lt;/a&gt;
            &lt;/li&gt;            
            &lt;li class=&quot;active&quot;&gt;
              &lt;a href=&quot;/blog/&quot;&gt;Blog&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;&quot;&gt;
              &lt;a href=&quot;/about.html&quot;&gt;About&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;&quot;&gt;
              &lt;a href=&quot;/contact.html&quot;&gt;Contact&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;container&quot;&gt;

      &lt;!-- Masthead
           ================================================== --&gt;
      &lt;header class=&quot;&quot; id=&quot;overview&quot;&gt;

        &lt;MTSetVarBlock name=&quot;parent_cat&quot;&gt;&lt;mt:ParentCategory&gt;&lt;/mt:ParentCategory&gt;&lt;/MTSetVarBlock&gt;

        &lt;div class=&quot;page-header&quot;&gt;
          &lt;h1&gt;Page Title &lt;small&gt;Welcome to my homepage.&lt;/small&gt;&lt;/h1&gt;
        &lt;/div&gt;
        
        &lt;div class=&quot;subnav&quot;&gt;
          &lt;ul class=&quot;nav pills&quot;&gt;
            &lt;li class=&quot;&quot;&gt;&lt;a href=&quot;/mt/index.html&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;&quot;&gt;Category A&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;&quot;&gt;Category B&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;&quot; title=&quot;&quot;&gt;Category C&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/header&gt;

      &lt;!-- Main contents
           ================================================== --&gt;

      &lt;section id=&quot;main&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;span12&quot;&gt;


          &lt;/div&gt;
      &lt;/section&gt;

      &lt;!-- Footer
           ================================================== --&gt;
      &lt;footer class=&quot;footer&quot;&gt;
        &lt;p class=&quot;pull-right&quot;&gt;&lt;a href=&quot;#&quot;&gt;Back to top&lt;/a&gt;&lt;/p&gt;
        &lt;p&gt;Powered by &lt;a href=&quot;http://twitter.github.com/bootstrap/&quot;&gt;Bootstrap, from Twitter&lt;/a&gt;. &lt;/p&gt;
      &lt;/footer&gt;
      &lt;/div&gt;&lt;!-- /container --&gt;

      &lt;!-- Le javascript --&gt;
      &lt;!-- Placed at the end of the document so the pages load faster --&gt;
      &lt;!-- &lt;script src=&quot;http://code.jquery.com/jquery-1.7.min.js&quot;&gt;&lt;/script&gt; --&gt;
      &lt;script src=&quot;/bootstrap/js/tests/vendor/jquery.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/docs/assets/js/google-code-prettify/prettify.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-transition.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-alert.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-modal.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-dropdown.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-scrollspy.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-tab.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-tooltip.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-popover.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-button.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-collapse.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-carousel.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/js/bootstrap-typeahead.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/bootstrap/docs/assets/js/application.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>
]]>
        
    </content>
</entry>

<entry>
    <title>検索エンジンはすでに壊れている。問題はそれをどう直すのかだ。</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2012/01/search-vs-social.html" />
    <id>tag:www.goodpic.com,2012:/mt//1.1697</id>

    <published>2012-01-18T15:05:05Z</published>
    <updated>2012-01-18T15:05:30Z</updated>

    <summary> Googleが検索結果にGoogle+を統合すると発表したことに、Twitte...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="アイデア" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="技術" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[
<p>Googleが検索結果にGoogle+を統合すると発表したことに、<a href="https://twitter.com/#!/amac/status/156811166738427906">Twitterが激しく攻撃</a>したり、検索結果を巡る議論が白熱しています。</p>

<ul>
  <li><a href="http://battellemedia.com/archives/2012/01/what-might-a-facebook-search-engine-look-like.php">What Might A Facebook Search Engine Look Like? | John Battelle's Search Blog</a></li>
  <li><a href="http://battellemedia.com/archives/2012/01/google-responds-nothats-not-how-facebook-deal-went-down-oh-and-i-say-the-search-paradigm-is-broken.php">Google Responds: No,That's Not How Facebook Deal Went Down (Oh, And I Say: The Search Paradigm Is Broken) | John Battelle's Search Blog</a></li>
  <li><a href="http://battellemedia.com/archives/2012/01/its-not-about-search-anymore-its-about-deals.php">It's Not About Search Anymore, It's About Deals | John Battelle's Search Blog</a></li>
  <li><a href="http://battellemedia.com/archives/2011/09/google_google.php">Google = Google+ | John Battelle's Search Blog</a></li>
</ul>

<p>一連の<a href="http://battellemedia.com/">John Battelle's Search Blog</a>の記事を読んで、オープン対クローズド、Web対ソーシャル、<a href="http://www.goodpic.com/mt/archives2/2011/12/web_or_app_internet.html">Web対App Internet</a>という競争が、検索エンジンというWeb最大のマネタイズエンジンを、ついに主戦場に巻き込みつつある様子が理解できました。</p>
<p>以下、自分の解釈も含めておおざっぱにまとめてみます。</p>

<ul>
  <li>検索結果が正しい順番で表示されるというのは、すべてがフラットなHTMLだった過去のWeb1.0時代の話。</li>
  <li>その順番を操作する手段として、SEOや検索連動広告があったが、これもある程度は、フラットなWebを前提にしていた。</li>
  <li>Twitterは、リアルタイムという新しいパラメーターを追加した。<strong>今現在、重要なページと、１日後、１ヶ月後に重要なページは異なる。</strong>つまりリアルタイムのアップデートストリームが検索結果に反映されるかどうかで、順位が変動するようになった。</li>
  <li>Facebookは、ソーシャルという新しいパラメータを追加した。知り合いや、ネットワークで交流のある人など、<strong>ソーシャルグラフ上での評価が反映されると、最適な順番は人それぞれ変わってくる</strong>。</li>
  <li>Facebookなどで、一般に公開されている写真やコンテンツを検索結果に含めた場合、例えばユーザーが削除した場合に、どれぐらいリアルタイムで検索エンジンのインデックスも削除するか？できるのか？ という検索結果の整合性の問題が現れる。</li>
  <li>検索エンジンがWebをクロールするだけでは情報の鮮度は保てない。<strong>パブリックなコンテンツであっても、情報をリアルタイムに体系的、かつ網羅的にAPIで利用できなければ、価値は大きく下がってしまう</strong>(it's near impossible to "organize them and make them universally available" without Facebook's secret sauce (its social graph and related logged in data).)。そこでは、オープンかクローズドかが問題ではなく、データを利用するための契約条件がクリティカルになる。</li>
  <li>Instagram, Path, Appストアの大量のアプリが生み出すコンテンツは、どう検索結果に表示されるべきなのか？</li>
  <li>情報の流れをコントロールする検索エンジンはGoogleの最大の収益源。しかし検索エンジンではたどり着けないコンテンツが増えてきたので、とりあえずの代替戦略として、その先まで所有してしまうことを選んだ。Googlemaps, pages, Google+, 自社サービスから自社サービスへ送客することで、ひとまず領土を拡大することはできた。</li>
  <li>では『本当に望ましい検索結果』とは何か？ その答えはまだ無い。<strong>一つの答えはすべてがFacebookプラットフォーム上に集約されること。Webに埋め込まれたOpen Graph Protocol(Likeボタン)や、アプリに組み込まれたソーシャル認証機能を通じて、Facebookが集めたデータをインデックス化し、何らかの形で検索できるようにする。</strong>ただし、それが唯一の回答でも無いだろう。</li>
</ul>

<p>以上、記事を読んだ個人的な理解ですが、『Our Cherished Search Paradigm Is Broken (But We Will Fix It....Eventually)』という結論は、何か非常に合点がいくものでした。結局のところ、<strong>正しい検索のありかたは、今は誰も分からなくなっている</strong>。例えば、Pinterestは、TwitterやFacebookが火をつけたリアルタイムストリームとはまったく違うアプローチ、むしろ逆にリアルタイムじゃないがゆえに、ビジュアルで感覚的に心地よい情報の発見方法を見つけた。</p>
<p>パブリックなWebとソーシャルを比較するときに、プライベート、プライバシーという面に目がいきがちだけれど、<strong>基本的にビジネスの源泉はパブリックなコンテンツにある</strong>ことを忘れてはいけない。Webでコンテンツを保護するためにお金を払う人はいない。より多くの人に、沢山のコンテンツを見てもらいたい人が、広告としてお金を払うのがWebのビジネスモデル。プライバシー情報も、公開されたコンテンツに対するターゲティング広告に結びつかないと利益を生まない。</p>
<p>こういった様々な要素から、『新しい検索』を創れるかどうかに競争はシフトしてきているのではないだろうか。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>日用品のスマートショッピングは、データの連携が重要に</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2012/01/smart-shopping.html" />
    <id>tag:www.goodpic.com,2012:/mt//1.1696</id>

    <published>2012-01-15T14:14:37Z</published>
    <updated>2012-01-15T14:17:17Z</updated>

    <summary> 『近未来のファッション: Pinterest, Etsy, Kinect Sh...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="アイデア" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[
<p>『<a href="http://www.goodpic.com/mt/archives2/2012/01/kinect_shop_pinterest_etsy.html">近未来のファッション: Pinterest, Etsy, Kinect Shop</a>』に続いて、今度は日用品のショッピングについて。全世界の家庭で、１日に数時間を、日用品の買い物に費やしていることを考えると、スマートなショッピング方法が広まることで、時間という最も貴重な資源を増やせるのかもしれません。</p>

<div class="section" id="shop-in-the-subway">
  <h3>地下鉄のホームの壁がスーパーマーケットに</h3>

  <p>国際的なスーパーマーケットチェーン、TESCOの韓国での広告キャンペーン。地下鉄の壁に再現されたスーパーマーケットの棚から、商品をスマートフォンで購入して、自宅に帰る頃に配達してくれる。期間限定のキャンペーンですが、オンラインストアの登録ユーザ数、売り上げ共に大きく伸びたそうです。</p>
  <iframe width="550" height="403" src="http://www.youtube.com/embed/nJVoYsBym88?rel=0" frameborder="0" allowfullscreen></iframe>
  <ul>
    <li><a href="http://www.techi.com/2011/07/augmented-grocery-shopping/">Augmented Grocery Shopping: How a Korean grocer moved virtual shopping to the subway | Techi.com</a></li>
  </ul>
</div> <!-- shop-in-the-subway -->

<div class="section" id="amazon-flow">
  <h3>カメラでリアルタイムに商品を認識</h3>

  <p>Amazon A9が2011年11月に公開したiPhoneアプリをつかえば、もっと簡単にリアルとバーチャルのeコマースをつなげられます。カメラでリアルタイムに商品を識別して、アマゾンの商品データベースから検索、レビューを見たり、もちろん購入も可能。</p>
  
  <iframe width="550" height="309" src="http://www.youtube.com/embed/ThUQyi0BO_k?rel=0" frameborder="0" allowfullscreen></iframe>
  <ul>
    <li><a href="http://jp.techcrunch.com/archives/20111102amazons-flow-iphone-app-brings-augmented-reality-to-barcode-scanning/">AmazonのiPhoneアプリ「Flow」は、バーコード商品検索と拡張現実を合体</a></li>
  </ul>
</div> <!-- amazon-flow -->

<div class="section" id="Blippar">
  <h3>町中にスマートフォンで仮想広告を表示する</h3>

  <p>同様な技術で、QRコードなどを必要とせず、カメラで町中や新聞などの広告をリアルタイムに解析して、仮想広告をオーバーレイ表示するアプリ。UKの会社で、すでに数多く利用されているようです。</p>
  <iframe width="550" height="309" src="http://www.youtube.com/embed/d6irc0jwKC8?rel=0" frameborder="0" allowfullscreen></iframe>
  <ul>
    <li><a href="http://blippar.com/">Mobile Augmented Reality Advertising | blippar.com</a></li>
  </ul>
</div> <!-- Blippar -->

<div class="section" id="shopkick">
  <h3>客の来店を自動で認識するアプリ</h3>
  <p>あるいは、ユーザーが探すのではなく、店舗がユーザーを認識する方法。店に入ったユーザーのアプリが発するシグナルを自動で検知してクーポンやポイントを提供する。2010年8月のローンチから１年で、全米3250店舗で採用され200万回以上のビジターをカウントしているそうです。</p>
  <iframe width="550" height="309" src="http://www.youtube.com/embed/2uixneqbqkI?rel=0" frameborder="0" allowfullscreen></iframe>
  <ul>
    <li><a href="http://shopkick.com/">shopkick</a></li>
    <li><a href="http://jp.techcrunch.com/archives/20111121visa-teams-up-with-shopkick-to-dole-out-retailer-reward-points-at-the-point-of-sale/">店に入るだけでポイントが―VisaとShopkickが画期的ポイントカード・サービスを開始</a></li>
  </ul>
</div> <!-- shopkick -->


<div class="section" id="ziplist">
  <h3>Ziplist</h3>
  <p><a href="http://get.ziplist.com/">ZipList</a>は、PCやモバイルでショッピングリストを管理するサービスです。レシピをクリップすると、自然言語解析で材料を抽出してリストに追加、米国内150,000件のショップへの道案内をしてくれる。Martha StewartやThe Daily Mealなどのライフスタイルメディア、有名シェフ、クッキンングブロガーなど外部のレシピサイトと連携して、レシピをコレクションする機能もあります。逆にショッピング中に食材からレシピを検索することもできる。</p>

  <iframe width="550" height="309" src="http://www.youtube.com/embed/Yss2WWBhbpA?rel=0" frameborder="0" allowfullscreen></iframe>
  <ul>
    <li><a href="http://get.ziplist.com/">Welcome to ZipList - The Only Shopping List and Recipe Box You Need.</a></li>
    <li><a href="http://jp.techcrunch.com/archives/20111026ziplists-grocery-list-recipe-search-app-gets-overhauled/">レシピに基づく買い物を人工知能的に手助けしてくれるZipListがアップデート</a></li>
  </ul>
  <p>iPhoneアプリは、Siriにも対応しています。</p>

  <iframe width="560" height="410" src="http://www.youtube.com/embed/eScbAcgM758" frameborder="0" allowfullscreen></iframe>

</div> <!-- ziplist -->

<div class="section" id="supermarket-api">
  <h3>スーパーマーケットのAPI化</h3>

  <p>日用品や食品をデータベース化して、APIとして公開する取り組みもあります。食品に含まれる成分、売っている店舗の棚の位置など、様々な情報をAPI経由で取得できるようにするというもの。データ自体は、メーカーや流通業者がすでに持っているので、あとはそれをどう統合して、プログラム可能なAPIとして提供できるか？</p>

  <a href="http://www.goodpic.com/mt/capture/simpleupc_homepage.png"><img alt="simpleupc_homepage.png" src="http://www.goodpic.com/mt/assets_c/2012/01/simpleupc_homepage-thumb-550x349-391.png" width="550" height="349" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
  <ul>
    <li><a href="http://jp.techcrunch.com/archives/20111013aislefinder-launches-supermarket-api-an-open-source-api-for-groceries/">AisleFinderがSupermarket APIを公開―オープンソースの食料品雑貨情報</a></li>
    <li><a href="http://techcrunch.com/2011/08/31/pushpins-launches-simpleupc-product-information-as-a-service/">Pushpins Launches SimpleUPC: Product Information-As-A-Service | TechCrunch</a></li>
    <li><a href="http://www.pushpinsapp.com/">Pushpins App | Instant Grocery Coupons for iPhone | Lists, Nutrition, & Digital Coupons</a></li>
  </ul>

  <p>日本でもクックパッドと小売店の会員ID連携が始まっているようです。</p>
  <ul>
  <li><a href="http://www.advertimes.com/20111202/article43053/">全国462店舗の「お買い物カード」会員とクックパッド会員のIDが連携、 購買履歴を活用した販促が可能に #販促会議 | AdverTimes（アドタイ）</a></li>
</ul>
</div> <!-- supermarket-api -->

  <p>レシピ、買い物リスト、店舗情報、生産者、成分表記などのデータが連携して、いつでも、どこでも、本当に必要な買い物ができるようになると、日常生活のかなりの時間が節約できそうですね。</p>



]]>
        
    </content>
</entry>

<entry>
    <title>近未来のファッション: Pinterest, Etsy, Kinect Shop</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2012/01/kinect_shop_pinterest_etsy.html" />
    <id>tag:www.goodpic.com,2012:/mt//1.1695</id>

    <published>2012-01-14T14:40:32Z</published>
    <updated>2012-01-14T14:40:11Z</updated>

    <summary> 『知能を持ったセンサーが、日常とインターネットをつなぐアプリケーション１０選』...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[
<p>『<a href="http://www.goodpic.com/mt/archives2/2011/12/post_254.html">知能を持ったセンサーが、日常とインターネットをつなぐアプリケーション１０選』</a>に続いて、新しいインターフェースやサービスが、どのように日常を変えうるのかを考えてみたいと思います。まずはファッションとショッピングについて。</p>

<div class="section" id="kinect-shop">
  <h3>Kinectでファッションアイテムを試着</h3>

  <p>こちらは、Razorfish社が作成したコンセプトビデオで、Kinectをつかって商品を試着、購入しています。<a href="http://japanese.engadget.com/2012/01/09/pc-kinect-12-2-1-250-150/">2012年2月にはPC版が250ドルで発売</a>されたりと、いよいよ現実味を帯びて来ました。</p>
  <iframe src="http://player.vimeo.com/video/24880458?title=0&amp;byline=0&amp;portrait=0" width="550" height="309" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
  <ul>
    <li><a href="http://emergingexperiences.com/2011/06/kinectshop/">KinectShop - The Next Generation of Shopping - Razorfish + Emerging Experiences</a></li>
  </ul>
</div> <!-- kinnect-shop -->

<div class="section" id="etsy-pintarest">
  <h3>EtsyとPinterest</h3>

  <p>2011年に急成長を遂げた、ビジュアルなクリッピングサービスの<a href="http://pinterest.com/">Pinterest</a>。</p>
  <a href="http://www.goodpic.com/mt/capture/etsy-pinterest.jpg"><img alt="Pinterest" src="http://www.goodpic.com/mt/assets_c/2012/01/etsy-pinterest-thumb-550x422-386.jpg" width="550" height="422" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
  <ul>
    <li><a href="http://techcrunch.com/2011/11/22/pinterest-pageviews-etsy-grew-2000/">Pinterest Is Now Pulling In More Pageviews Than Etsy; Grew 2,000% Since June | TechCrunch</a></li>
  </ul>

  <p>他のソーシャルサイトと何が違うのか? <a href="http://www.arikhanson.com/2011/12/13/whats-behind-the-pinterest-craze-15-super-users-share-their-thoughts/">Pintarestヘビーユーザー15名のインタビュー</a>では、Visual, Inspirationというキーワードが強調されています。人をフォローするのではなく、趣味やスタイルをフォローして、ビジュアルだけを見ていると癒されるし、インスピレーションがわいてくると。ソーシャル上でのテキストのコミュニケーションより疲れない、雑誌をめくるように気楽に楽しめる。</p>
  <blockquote>
    <ul>
      <li>To me, twitter is words, Facebook is family, Linked-in is professional, Foursquare is for stalking, Google + is worthless, Instagram is photographs, and Pinterest is a magazine with no words that can appeal to every type of person because you can tailor it to be exactly what you want.</li>
      <li>it's primarily "visual snacking" in much the way that Twitter is "information snacking."</li>
      <li>Because it's not like any of the other networks out there. It's visual, it's style, it's inspiration, it's creative. You don't hurt anyone's feelings if you follow or don't follow. For me, it's like thumbing through magazines and ripping out all the pages that inspire me-x 1000! It's a great way to relax and get inspired.</li>
    </ul>
  </blockquote>
  <p><a href="http://pinterest.com/goodpic/">試しに使ってみましたが</a>、興味を引かれたボードをいくつかフォローして、リピンするだで、なんだか自分だけの雑誌を作っているような気がしてくる。満足感を得るまでの手間がすごく少ないですね。</p>
  <p><a href="http://blog.eladgil.com/2011/12/how-pinterest-will-transform-web-in.html">Elad Blog: How Pinterest Will Transform the Web in 2012: Social Content Curation As The Next Big Thing</a> では、FacebookやTumblrと比較して、PinterestやFab.comなどの流行を『2012 Will Be The Year of Curated Sets』と表現しています。EtsyをPinterest風にブラウザするマッシュアップも現れました。</p>
  
  <a href="http://www.goodpic.com/mt/capture/scrollzy.jpg"><img alt="scrollzy.jpg" src="http://www.goodpic.com/mt/assets_c/2012/01/scrollzy-thumb-550x334-388.jpg" width="550" height="334" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
  <ul>
    <li><a href="http://www.scrollsy.com/">Scrollsy.com - Scroll Etsy.com</a></li>
  </ul>
  
</div> <!-- etsy-pintarest -->

<div class="section" id="kickstarter">
  <h3>Kick Starter で制作費を集める</h3>

  <p>Pinterestでキュレーションされるアイテムは、ファッションやリビング、ウェディング、クッキングレシピなどが多いようです。ソーシャルファンディングの<a href="http://www.kickstarter.com/">Kickstarter</a>は、単に資金を集めるというよりは、モノを作る前に魅力を伝えて買ってもらう、という側面が強いのかなと思います。</p>

  <iframe frameborder="0" height="410px" src="http://www.kickstarter.com/projects/473802318/epaulettes/widget/video.html" width="480px"></iframe>
</div> <!-- kickstarter -->

 <p>実際にいくつかのプロジェクトにファンドしてみましたが、作者の人から制作の過程を伝えるメールが来たりして、完成品を買うのとは違う楽しみがあります。</p>
<p>ハンドメイドのファッションアイテムの制作資金をKick Starterで集めて、Etsyで販売する。Pinterestで雑誌風にキュレーションされて、Kinect Shopでバーチャルに試着、購入できたりしたら、なんだかすごい世界になりそうです。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Fbootstrapp を使って、ブログの新着記事をFacebookページに表示するFacebook App を作ってみた</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2012/01/fbootstrapp_facebook_app.html" />
    <id>tag:www.goodpic.com,2012:/mt//1.1694</id>

    <published>2012-01-10T15:32:05Z</published>
    <updated>2012-01-18T06:43:30Z</updated>

    <summary> CSSフレームワークのTwitter Bootstrap をベースに、Face...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="プログラミング" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[
<p>CSSフレームワークのTwitter Bootstrap をベースに、Facebookっぽいデザインを簡単に実現する<a href="http://ckrack.github.com/fbootstrapp/">Fbootstrapp by Clemens Krack</a> を使ってみた。</p>

<img alt="facebook-goodpic-1.jpg" src="http://www.goodpic.com/mt/capture/facebook-goodpic-1.jpg" width="550" height="382" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

<ul>
  <li><a href="https://www.facebook.com/pages/Goodpic/215071268504237?sk=app_208859919142384">FacebookページにAppとして表示した例</a></li>
  <li><a href="http://www.goodpic.com/mt/facebook/index.php">Movable Typeで出力したFacebook Application用のphp</a></li>
</ul>

<p>Movable Typeでfacebook App用にテンプレートを出力して、fbootstrappのCSSを読み込むだけで、それっぽいデザインになりました。Facebookのサイトは以外とHTML構造が複雑で、Facebookページに馴染むデザインにするのが結構手間なので、これは助かりますね。Twitter Bootstrapのグリッドレイアウトやナビゲーションなどもそのまま使える。とりあえずブログの新着記事の一覧に、はてブやTweet数、Facebookコメントを表示するだけの簡単なアプリですが、時間をみつけてもうちょっとテーマっぽくみせたら面白いかも?</p>
]]>
        
    </content>
</entry>

<entry>
    <title>Macbook Air のSSDをOWC 256GBに交換して、Parallels+Windows7をインストール</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2012/01/macbook_air-ssd_owc.html" />
    <id>tag:www.goodpic.com,2012:/mt//1.1693</id>

    <published>2012-01-09T15:50:50Z</published>
    <updated>2012-01-09T16:02:58Z</updated>

    <summary> Macbook Air（Late 2010）のSSDを256GBに交換した。自...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="Mac" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[
<p>Macbook Air（Late 2010）のSSDを256GBに交換した。自宅のiMacが古くなってきたこともあり、Airに集約しようと思ったのですが、Parallels + Windowsをインストールするには、標準の128GBだとちょっと容量が足りない。本体を買い替るには早いので、評判のいいOWCのSSDをUSサイトで注文してみました。Apple純正よりも68%早いとのふれこみ。</p>

<ul>
  <li><a href="http://eshop.macsales.com/item/Other%20World%20Computing/SSDAPAE240/">OWC OWCSSDAPAE240 240GB Mercury Aura Pro Express</a></li>
</ul>

<p>240GBのSSDが$399。その他にも、使わなくなるSSDを外付けUSBドライブにする<a href="http://eshop.macsales.com/item/OWC/SSDAPOTGU3/">OWC OWCSSDAPOTGU3 Mercury On-The-Go USB 3.0/2.0</a>（セット割りで$35.99）、Parallels Desktop 7 + Windows 7 Premium 64bit OEM（$164）、iPadスタンド（$15）の総額$603.99に送料が$63.21加わって、トータルは$667.2でした。オーダーしてから年末年始をはさんで２週間ぐらいで到着。関税は着払いで1500円でした。</p>

<p><a href="http://farm8.static.flickr.com/7019/6667098261_a1e3c10308_b.jpg" rel="lightbox" title="flickr6667098261"><img alt="p1020918" src="http://farm8.static.flickr.com/7019/6667098261_a1e3c10308.jpg" /></a></p>

<p>パッケージには、Macbook Airの背面ビスとSSD固定ビスを外すためのドライバが、２種類含まれています。具体的な手順を解説したビデオもあるので（<a href="http://eshop.macsales.com/installvideos/macbook_air_2010/">MacBook Installation Video at OtherWorldComputing.com</a>）、iPadで見ながら作業すれば迷う心配もありません。</p>

<p><a href="http://farm8.static.flickr.com/7001/6667103263_a4cd0f63b1_b.jpg" rel="lightbox" title="flickr6667103263"><img alt="p1020919" src="http://farm8.static.flickr.com/7001/6667103263_a4cd0f63b1.jpg" /></a><br /><a href="http://farm8.static.flickr.com/7146/6667108083_bb9b1b5f76_b.jpg" rel="lightbox" title="flickr6667108083"><img alt="p1020920" src="http://farm8.static.flickr.com/7146/6667108083_bb9b1b5f76.jpg" /></a></p>

<p>裏蓋をはずすと、SSDモジュールはネジ一本外すだけで、簡単に交換できました。</p>

<p><a href="http://farm8.static.flickr.com/7173/6667113305_8a1a35cb40_b.jpg" rel="lightbox" title="flickr6667113305"><img alt="p1020921" src="http://farm8.static.flickr.com/7173/6667113305_8a1a35cb40.jpg" /></a></p>

<p>SSDを交換したら、Macbook Airに付属の起動用USBを挿してブートする。SSDも240GBと正しく認識されているので、パーティションを作成。</p>

<p><a href="http://farm8.static.flickr.com/7141/6667117671_215fae33d5_b.jpg" rel="lightbox" title="flickr6667117671"><img alt="p1020923" src="http://farm8.static.flickr.com/7141/6667117671_215fae33d5.jpg" /></a><br /><a href="http://farm8.static.flickr.com/7156/6667131097_cff6bcddcf_b.jpg" rel="lightbox" title="flickr6667131097"><img alt="p1020926" src="http://farm8.static.flickr.com/7156/6667131097_cff6bcddcf.jpg" /></a></p>

<p>作成したパーティションに起動用USBからMac OSXをインストール。あとでTime Machineから環境を移行する場合は、新しい環境と古い環境で違うユーザー名でないとTime Machineからの復元ができないので、旧環境とは別のユーザ名でアカウントを作成しておいた方がよいです。起動USBからSnow Leopardをインストールしてアップデート、App StoreにサインインしてLionに再度アップグレードしました。</p>

<p><a href="http://farm8.static.flickr.com/7168/6667138359_c66e3ab467_b.jpg" rel="lightbox" title="flickr6667138359"><img alt="installin mac osx" src="http://farm8.static.flickr.com/7168/6667138359_c66e3ab467.jpg" /></a></p>

<p>Lionにアップグレードしたら、Time Machine のバックアップから環境を復元。AirはWifi経由なので８時間ぐらいかかったけど、ほぼ完全に環境を復元できました。ただし、Macports でインストールしたPerl環境は、改めて /usr/bin/perl から /opt/local/bin/perl にシンボリックリンクを張る必要があった。</p>

<p><a href="http://farm8.static.flickr.com/7023/6666310273_a532b3bfa6_b.jpg" rel="lightbox" title="flickr6666310273"><img alt="macbook airに、windows 7をparallels（v.7）でインストール" src="http://farm8.static.flickr.com/7023/6666310273_a532b3bfa6.jpg" /></a></p>

<p>Parallels v.7 をインストール。Windows 7のインストールにはDVDドライブが必要なので、Macbook Air SuperDriveがあったほうがよいようです。</p>

<p><a href="http://farm8.static.flickr.com/7015/6667144199_7817e9f27c_b.jpg" rel="lightbox" title="flickr6667144199"><img alt="owc on-the-go usb3 kit" src="http://farm8.static.flickr.com/7015/6667144199_7817e9f27c.jpg" /></a></p>
<p>取り外したApple標準のSSDを外付けUSBにするキット、Mercury On-The-Go Pro。</p>
<p><a href="http://farm8.static.flickr.com/7142/6667149955_4c7852f0ea_b.jpg" rel="lightbox" title="flickr6667149955"><img alt="owc on-the-go usb3 kit" src="http://farm8.static.flickr.com/7142/6667149955_4c7852f0ea.jpg" /></a></p>
<p>こんな風に取り外したSSDをボードに差し込むと、128GBのSSDが外部USBメモリとして利用できます。しばらく使って問題なければ、フォーマットしてiPhotoのデータ置き場にしようかな。</p>
<p><a href="http://farm8.static.flickr.com/7027/6667155567_d585d09b47_b.jpg" rel="lightbox" title="flickr6667155567"><img alt="owc on-the-go usb3 kit" src="http://farm8.static.flickr.com/7027/6667155567_d585d09b47.jpg" /></a></p>
<p>本体240GB+外付け128GBがあれば、かなり余裕をもって高速SSD生活を堪能できそうです。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>知能を持ったセンサーが、日常とインターネットをつなぐアプリケーション１０選</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2011/12/post_254.html" />
    <id>tag:www.goodpic.com,2011:/mt//1.1690</id>

    <published>2011-12-27T13:16:02Z</published>
    <updated>2011-12-27T13:19:19Z</updated>

    <summary> 日常とインターネットが、知能を持ったセンサーによって本格的につながり始めていま...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="技術" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[

<p>日常とインターネットが、知能を持ったセンサーによって本格的につながり始めています。個人的には、2011年はインテリジェントセンサー元年、そして2012年にカンブリア爆発をむかえると予測しています。</p>
<p>iPhoneが登場してすぐに、GPSやモーション、タッチセンサーを利用したアプリは次々とリリースされてきました。最近では、単に記録したり検索するだけでなく、センサーが集めたデータをスマートフォンのアプリでリアルタイムに解析して、ユーザーに提案する知能を持ち始めている。また、用途に特化した安価なセンサーデバイスの開発も進んでいます。</p>
<p>『<a href="http://www.goodpic.com/mt/archives2/2011/12/web_or_app_internet.html">Webは（繰り返し）死に、インターネットが進化する</a>』で、App InternetではWebとは異なるハイパーリンクが生まれている、と書きましたが、知能をもったセンサーが、日常生活の中で、人間とインターネットを緻密にリンクさせつつあるような気がしています。2011年に個人的に印象に残ったサービス、デバイスを以下に集めてみました。</p>

<div class="section" id="intonow">
  <h3>INTO_NOW</h3>

  <p>TVとネットをつなぐiPadアプリ。見ているTV番組の音声を、iPadのマイクで識別して番組の関連情報を表示したり、ソーシャルネットワークにつなぐ。放送済みの番組のサウンドプリントを検索するプラットフォームサービスも提供している。Yahoo!に買収された。</p>
  <ul>
    <li><a href="http://www.intonow.com/ci">IntoNow ― Connect with your friends around the shows you love</a></li>
  </ul>
  <iframe width="550" height="403" src="http://www.youtube.com/embed/GmEiE4qcV3k?rel=0" frameborder="0" allowfullscreen></iframe>
</div> <!-- intonow -->

<div class="section" id="jowbone">
  <h3>Jawbone Up : 生活を記録、改善するブレスレット</h3>

  <p>センサーとシグナル(振動)が組み込まれたブレスレット。身につけているだけで、一日の運動や睡眠を記録する。iPhoneと連携して、食事を写真で記録したり、友達と共有したり。Nike+と同じ<a href="http://www.motionx.com/">MotionX</a>社の技術を採用している。</p>
  <ul>
    <li><a href="http://jawbone.com/up/product">Up by Jawbone | Band + App Inspires Healthy Living</a></li>
    <li><a href="http://www.motionx.com/">MotionX</a></li>
  </ul>
  <iframe width="560" height="315" src="http://www.youtube.com/embed/GiC8QR_oHhk" frameborder="0" allowfullscreen></iframe>
</div> <!-- jowbone -->

<div class="section" id="nest">
  <h3>nest : 家庭の行動パターンを学習するサーモスタット</h3>

  <p>元のiPod開発責任者が作った家庭用のサーモスタット。ユーザーの家庭の行動パターンを学習して、部屋の温度調整を自動でおこなう。高性能画像プロセッサやZigBee通信モジュールも組み込まれている。</p>
  <ul>
    <li><a href="http://www.nest.com/">Nest | The Learning Thermostat</a></li>
    <li><a href="http://techcrunch.com/2011/10/24/ipod-godfather-tony-fadell-finally-reveals-his-new-product-a-thermostat-no-really/">iPod Godfather Tony Fadell Finally Reveals His New Product: A Thermostat. No, Really. | TechCrunch</a></li>
  </ul>
  <iframe width="560" height="315" src="http://www.youtube.com/embed/QCJ1PnVlzIE?rel=0" frameborder="0" allowfullscreen></iframe>
</div> <!-- nest -->

<div class="section" id="Twine">
  <h3>Twine : Wifi対応の手のひらサイズのセンサー</h3>

  <p>電池で動作する手のひらサイズのセンサー。温度センサー、加速度計が標準装備され、磁力スイッチ、湿度センサーなども追加可能。Wifiを内蔵して、Webブラウザから指定した条件を検知すると、SMS、Twitter、メール、HTTPなどのアクションを発動する。MITメディアラボ出身のSupermechanicalが開発。2011年12月時点で、<a href="http://www.kickstarter.com/projects/supermechanical/twine-listen-to-your-world-talk-to-the-internet">Kickstartで40万ドルを調達（2000台以上を事前販売）</a>している。</p>
  <ul>
    <li><a href="http://www.kickstarter.com/projects/supermechanical/twine-listen-to-your-world-talk-to-the-internet">Twine : Listen to your world, talk to the Internet by Supermechanical ― Kickstarter</a></li>
    <li><a href="http://jp.techcrunch.com/archives/20111125twine-foreshadows-a-future-where-all-objects-talk-to-the-internet/">ついに「物」がインターネットアカウントを持ってコミュニケーションする-Twineはその前兆</a></li>
  </ul>
  <iframe frameborder="0" height="410px" src="http://www.kickstarter.com/projects/supermechanical/twine-listen-to-your-world-talk-to-the-internet/widget/video.html" width="480px"></iframe>
</div> <!-- Twine -->


<div class="section" id="wildchords">
  <h3>WildChords : ギターのコードを識別する学習アプリ</h3>
  
  <p>実際のギターを引きながら、初心者が学習できるiPadアプリ。画面に出てくるキャラクター、例えばCコードだったらクロコダイル（Crocodile）にあわせてギターを弾くと、iPadのマイク経由でWildChordsアプリがリアルタイムに正しいか間違っているかを表示する。Best European Learning Game 2011 に選ばれた。以下のピッチ動画も楽しそうでいいです。</p>
  <ul>
    <li><a href="http://www.ovelin.com/">Ovelin | Developer of Wildchords</a></li>
  </ul>
  <iframe width="560" height="315" src="http://www.youtube.com/embed/lSivD-G0nQI" frameborder="0" allowfullscreen></iframe>
</div> <!-- wildchords -->

<div class="section" id="TableDrum">
  <h3>TableDrum : 周囲のものをドラムに変える</h3>
  <p>身の回りの物を叩くと、その音をiPhoneのマイクで検知して、リアルなドラムの音に変えてくれるアプリ『テーブル・ドラム』。机をトムトムに、コーヒーポットをスネアに、受皿をシンバルになど、自由に設定できる。(<a href="http://wired.jp/2011/08/19/%E3%81%AA%E3%82%93%E3%81%A7%E3%82%82%E3%83%89%E3%83%A9%E3%83%A0%E3%81%AB%E3%81%A7%E3%81%8D%E3%82%8Biphone%E3%82%A2%E3%83%97%E3%83%AA/">なんでもドラムにできるiPhoneアプリ « WIRED.jp</a>)</p>
  <ul>
    <li><a href="http://www.tabledrum.com/">Tabledrum</a></li>
  </ul>
  <iframe width="560" height="315" src="http://www.youtube.com/embed/67wYoefHqug" frameborder="0" allowfullscreen></iframe>
</div> <!-- TableDrum -->


<div class="section" id="soneru">
  <h3>LiveCycling : ANT+対応のサイクルコンピューター</h3>
  <p>iPhoneを、自転車に乗る人用の高性能サイクルコンピューターにするアプリ。ANT+という低消費電力無線通信用の規格に対応していて、ANT+に対応しているセンサーを自転車に設置。スピード、ケイデンス、心拍数のリアルタイム表示、GPS記録する。</p>
  <ul>
    <li><a href="http://www.soneru.com/rek-iphone-cyclecomputer-app">soneru / LiveCycling,LiveLocation</a></li>
    <li><a href="http://www.nikkei.com/tech/business/article/g=96958A9C93819499E0E0E2E1E48DE0E0E3E3E0E2E3E3E2E2E2E2E2E2;dg=1;p=9694E3EAE3E0E0E2E2EBE0E4E2E2">ｉＰｈｏｎｅアプリの先駆者２人、自転車を駆って岐阜から世界へ　　：日本経済新聞</a></li>
  </ul>
  <iframe width="560" height="315" src="http://www.youtube.com/embed/B4qcyRy8wQI?rel=0" frameborder="0" allowfullscreen></iframe>
</div> <!-- soneru -->

<div class="section" id="siri">
  <h3>Siri と iCloud</h3>

  <p>これは外す訳にはいきませんね。iPhone 4Sに搭載された音声認識エージェント。</p>

  <ul>
    <li><a href="http://www.apple.com/iphone/features/siri.html">iPhone 4S - Ask Siri to help you get things done.</a></li>
    <li><a href="http://wired.jp/2011/10/14/%E6%96%B0iphone%E3%81%AE%E3%80%8Esiri%E3%80%8F%EF%BC%9A%E8%B3%A2%E3%81%84%E7%AD%94%E3%81%88%E3%81%AE%E6%95%B0%E3%80%85/">新iPhoneの『Siri』：賢い答えの数々 « WIRED.jp</a></li>
  </ul>
  <iframe width="560" height="315" src="http://www.youtube.com/embed/rNsrl86inpo?rel=0" frameborder="0" allowfullscreen></iframe>

  <p>日本では利用できませんが、iTunes Matchも興味深いアプローチです。Macに保存してある音楽を、波形データで音楽データベースと照合し、いつでもどこでも再生できるようにクラウドからiPhone、iPadなどに配信してくれる。</p>
  <ul>
    <li><a href="http://www.apple.com/itunes/itunes-match/">Apple - iTunes - Match</a></li>
    <li><a href="http://internet.watch.impress.co.jp/docs/special/20111227_501082.html">日本未上陸、Appleのクラウド音楽サービス「iTunes Match」を試す -INTERNET Watch</a></li>
  </ul>
</div> <!-- siri -->


<div class="section" id="sphero">
  <h3>Sphero</h3>

  <p>スマートフォンのセンサーを利用して、ボールをコントロールして遊ぶ。</p>
  <ul>
    <li><a href="http://www.gosphero.com/sphero/overview">Sphero</a></li>
    <li>  <a href="http://wired.jp/2011/12/22/%E3%82%B9%E3%83%9E%E3%83%9B%E3%81%A7%E6%93%8D%E4%BD%9C%E3%81%97%E3%81%A6%E9%81%8A%E3%81%B6%E3%83%9C%E3%83%BC%E3%83%AB%E3%80%8Esphero%E3%80%8F/">スマホで操作して遊ぶボール『Sphero』 « WIRED.jp</a></li>
  </ul>

  <iframe src="http://player.vimeo.com/video/30467368?title=0&amp;byline=0&amp;portrait=0" width="550" height="309" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="http://vimeo.com/30467368">The Ball. Evolved.</a> from <a href="http://vimeo.com/gosphero">GoSphero</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
</div> <!-- sphero -->

<div class="section" id="summly">
  <h3>Summly : 世界中のコンテンツをアルゴリズムで要約</h3>
  
  <p>アルゴリズムで文章を要約し、Webのブラウジングを効率化する。アルゴリズムは言語に依存しないので、現在はラテン系の１２カ国語に対応、アジア言語にも対応可能。ロンドン在住の16歳のアプリ開発者がiPhone Appとして開発。</p>
  
  <iframe width="560" height="315" src="http://www.youtube.com/embed/GgTcwn05etI" frameborder="0" allowfullscreen></iframe>
  <ul>
    <li><a href="http://www.summly.com/en/introduction.html">Summly.com</a></li>
    <li><a href="http://wired.jp/2011/12/15/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%82%92%E8%A6%81%E7%B4%84%E3%81%99%E3%82%8B%E7%94%BB%E6%9C%9F%E7%9A%84%E3%81%AAios%E3%82%A2%E3%83%97%E3%83%AA%E3%80%8116%E6%AD%B3%E3%81%8C%E9%96%8B/">コンテンツを要約する画期的なiOSアプリ、16歳が開発 « WIRED.jp</a></li>
  </ul>
</div> <!-- summly -->


<div class="section" id="kinect-projector">
  <h3>現実に仮想空間を投影するプロジェクタ</h3>

  <p>kinectで識別した部屋の空間に、リアルタイムで仮想オブジェクトを投影する。言葉だと表現しず来ので、以下の動画を見るのが速いです。</p>
  <ul>
    <li><a href="http://jp.techcrunch.com/archives/20111101more-mind-blowing-real-world-kinect-interaction-from-microsoft-research/">Kinectで拡張現実するとこんなにすごい-Microsoft Researchとイギリスの大学の共作</a></li>
  </ul>
  <iframe width="480" height="360" src="http://www.youtube.com/embed/frGEzlrhve0?rel=0" frameborder="0" allowfullscreen></iframe>
</div> <!-- kinect-projector -->

<div class="section" id="ibm-predict">
  <h3>IBMが予想する5年先の技術</h3>

  <p>IBMが毎年発表する5年先の未来予想『<a href="http://asmarterplanet.com/blog/2011/12/the-next-5-in-5-our-forecast-of-five-innovations-that-will-alter-the-landscape-within-five-years.html">The IBM 5 in 5</a>』。2011年版から二つピックアップ。</p>

  <p>生体認証が普及して、パスワードが一切いらなくなる。</p>
  <ul>
    <li><a href="http://asmarterplanet.com/blog/2011/12/the-next-5-in-5-you-will-never-need-a-password-again.html">The IBM 5 in 5: You will never need a password again</a></li>
  </ul>

  <iframe width="560" height="315" src="http://www.youtube.com/embed/px2Nq-0X_oY?rel=0" frameborder="0" allowfullscreen></iframe>

  <p>日常生活における、人間の活動から、電力を発電するようになる。</p>
  <ul>
    <li><a href="http://asmarterplanet.com/blog/2011/12/ibm-5-in-5-people-power-will-come-to-life.html">IBM 5 in 5: People power will come to life</a></li>
  </ul>
  <iframe width="560" height="315" src="http://www.youtube.com/embed/KBAGAgFVjO4" frameborder="0" allowfullscreen></iframe>
</div> <!-- ibm-predict -->

<p>こうして見ると、文章では伝わらない、ビデオを見て始めて理解できるアプリケーションばかりですね。2011年は、iPhone、iPad、Android端末などの汎用的な端末ばかりが目立って、ガジェットは死滅したような印象を受けていました。しかし、スマートフォンのアプリとして知能をもち、近距離無線で自立的にネットワークを形成するインテリジェントセンサーは、まさに離陸寸前ではないかと思います。</p>
<p>最後に、Nike+やJawboneで使われているMotionX社のミッションステートメントが刺激的だったので引用させていただきます。</p>

<p>『<a href="http://www.motionx.com/home/the-art-of-motion/">MotionX | Accelerometrics - The art of motion sensing. Because motion is life.</a>』より。</p>
<ul>
  <li>We look around, everything is in motion. When motion slows, life pauses. Motion shapes our lives and gravity defines motion. We want to use gestures to control mobile devices: ShakeShake® to roll virtual dice in the iPhone™, TapTap™ to adjust the volume on the headset, Tilt 'n Roll™ to navigate Google maps. We use motion to control our favorite devices and interpret motion to improve our sports performance and our health.</li>
  <li>Gravity keeps us grounded. It's our blessing and our curse. Gravity is the key force that shaped evolution. Accelerometers sense gravity, giving us the signals to understand motion.</li>
  <li>We still don't understand the nature of that force. But we know that gravity is everywhere, keeping the universe in balance.</li>
  <li>Walking is so natural to humans that we forget the millions of years of evolution that allowed us to defy gravity by standing up and running on our hind legs consistently. Something that most children learn to do before they are two years old essentially defines us as a species. Our head, brain, intellect above all. </li>
  <li>Thanks to Newton and Galileo, we know that we can understand motion by measuring acceleration. Kinematics, the science that studies motion, uses high-school calculus to relate acceleration, speed and position. In a mobile device, when we do this in real time we don't really integrate acceleration to get speed and speed to get position. We interpret the signals of the sensors and recognize motion patterns. </li>
  <li>On mobiles, in the palm of our hands, it's a different experience. TapTap, ShakeShake, Tilt 'n Roll are naturals. Motion now controls a whole virtual mobile world. The motion-aware mobile platform is the new media. It is going to be by far the most popular platform in the world as it is just a matter of time before everyone of our billions of motion-enabled co-humans wants one. Because life is motion.</li>
</ul>


]]>
        
    </content>
</entry>

<entry>
    <title>Webの情報流通を加速するAppインターネット</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2011/12/webapp.html" />
    <id>tag:www.goodpic.com,2011:/mt//1.1689</id>

    <published>2011-12-23T15:00:01Z</published>
    <updated>2011-12-23T15:02:54Z</updated>

    <summary>『Webは（繰り返し）死に、インターネットが進化する』でAppインターネットの広...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[<p>『<a href="http://www.goodpic.com/mt/archives2/2011/12/web_or_app_internet.html">Webは（繰り返し）死に、インターネットが進化する</a>』でAppインターネットの広がりを認識しましたが、特に『あとで読む』系のサービスとKindle、iPhone、iPadのアプリを組み合わせることで、ウォッチできるWebコンテンツの量が飛躍的に増えているのを実感します。個人的には、『あとで読もう』と思いつつ、読んでいなかった英語の記事を、実際に読むようになってきた。利用するサービスは、宮川さんの解説『<a href="http://weblog.bulknews.net/post/13811211811">快適に「あとで読む」ための環境 - Tatsuhiko Miyagawa's blog</a>』の通りですが、流れをざっと図に書き出してみた。</p>

<a href="http://www.goodpic.com/mt/images/xmlrpc/read-anytime.007.jpg"><img alt="" src="http://www.goodpic.com/mt/assets_c/2011/12/read-anytime.007-thumb-550x412-376.jpg" width="550" height="412" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>やたらと複雑に見える(笑)。ただ、実際にやってみると、とても快適なのです。サービスやアプリの役割を色分けしてみると、こんな流れでしょうか。</p>

<a href="http://www.goodpic.com/mt/images/xmlrpc/read-anytime-read.png"><img alt="" src="http://www.goodpic.com/mt/assets_c/2011/12/read-anytime-read-thumb-400x275-381.png" width="400" height="275" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>情報源としては、長年蓄積してきた数百サイトのRSSフィードに加えて、最近、よく読むようになったのが<a href="http://news.ycombinator.com/">Hacker News</a>。リーンスタートアップの大手、<a href="http://ycombinator.com/">Y Combinator</a>が運営しているDiggみたいなサイトです。</p>

<table width="500px" cellspacing="0" cellpadding="5px" border="0">
  <tr>
    <td width="70px">
      <img src="http://www.goodpic.com/mt/capture/graph-20111221-235034.png" alt="Hacker news" />
    </td>
    <td><a href="http://news.ycombinator.com/">Hacker News</a></td>
  </tr>
  <tr>
    <td width="70px">
      <img src="http://www.goodpic.com/mt/capture/graph-20111221-232634.png" alt="google reader" />      </td>
    <td>
      <a href="http://www.google.co.jp/reader/">Google リーダー</a>
    </td>
  </tr>    
</table>

<p>Hacker News のiPhoneアプリはいくつかありますが、コメントとかはしないリードオンリーなので、フィードをそのままGoogle Readerに登録しています。ただ、１日に２００件ぐらい記事が配信されてくるので、普通のRSSの感覚で読もうとすると確実に破綻する。そこで、スクリーニング作業に役立つのが、iPhoneのReederアプリと、Instapaperの連携。</p>

<table width="500px" cellspacing="0" cellpadding="5px" border="0">
  <tr>
    <td width="70px"><img src="http://www.goodpic.com/mt/capture/graph-20111221-235300.png" alt="reeder" /></td>
    <td><a href="http://reederapp.com/">Reeder</a></td>
  </tr>    
  <tr>
    <td width="70px"><img src="http://www.goodpic.com/mt/capture/graph-20111221-235516.png" alt="Instapaper" /></td>
    <td><a href="http://www.instapaper.com/">Instapaper</a></td>
  </tr>
</table>

<p>通勤電車の中でiPhoneのReederアプリを開き、未読記事のタイトル一覧を新着順にザーと流して見て、面白そうな予感がする記事を、片っ端からInstapaperに転送します。慣れてくると、Instapaperの転送待ち時間をいれても、１０分で１００件ぐらい処理できる。</p>
<p>Google Readerに記事がたまっていない時には、最近リリースされた<a href="http://flipboard.com/">Flipboard</a>のiPhoneアプリで、TwitterとFacebookのストリームを眺めつつ、Cover StoriesやDesign, Technology などのおすすめ記事をチェックすると、普段巡回しないサイトの情報に出会えます。Flipboardは、アプリで記事本文の抽出をしてくれるので、だいたいその場で読んで、保存したい記事だけSafari経由でInstapaperに送ります。</p>

<table width="500px" cellspacing="0" cellpadding="5px" border="0">
  <tr>
    <td width="70px"><img src="http://www.goodpic.com/mt/capture/graph-20111221-235204.png" alt="flipboard" /></td>
    <td><a href="http://flipboard.com/">Flipboard</a></td>
  </tr>      
  <tr>
    <td width="70px"><img src="http://www.goodpic.com/mt/capture/graph-20111221-235348.png" alt="Readability" /></td>
    <td><a href="http://www.readability.com/">Reading List -- Readability</a></td>
  </tr>
</table>

<p>英語の記事は、今までは『結局あとで読まない』ことが多かったけれど、InstapaperのKindle転送機能で、定期的送られてくると、かなり読むようになりました。これは電子インクというデバイスの効果がかなり大きい。iPadだと、他のことをやってしまって、あまり読まない気がする。実は、持っているKindleが第二世代で、日本語が読めないせいかもしれませんが、、、早くKindle Touch 日本に来い!</p>
<p>最後は、Instapaperの機能を使って、Likeした記事を、自動でEvernoteに転送して保存。Evernonteの強力な検索機能で、過去に気になった記事を一瞬で探せます。情報をまとめてブログ記事を書き、フィードで配信されて、他の誰かが読んでくれれば、コンテンツ流通のサイクルが一周して今ココ、って感じでしょうか?</p>
<p>次は、Webではなく、Appならではの情報の流れについて考えてみる予定。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Webは（繰り返し）死に、インターネットが進化する</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2011/12/web_or_app_internet.html" />
    <id>tag:www.goodpic.com,2011:/mt//1.1688</id>

    <published>2011-12-14T13:45:00Z</published>
    <updated>2011-12-14T13:45:51Z</updated>

    <summary>LeWeb 2011の講演『Three Social Thunderstorms...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="技術" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[<p>LeWeb 2011の講演『<a href="http://www.youtube.com/watch?v=BiYNs5uPPEE&feature=youtu.be&a">Three Social Thunderstorms</a>』で、Forrester Research のCEO、George Colony氏が、「Webは死に、App Internet の時代が来る」と宣言しました。これに反論する記事が何本も<a href="http://news.ycombinator.com/">Hacker News</a>でフューチャーされたり、面白い展開になっています。個人的にも、Colony氏の主張はロジックがシンプルで刺激されたので、考えをまとめてみる。</p>

<ul>
  <li><a href="http://www.youtube.com/watch?v=BiYNs5uPPEE&feature=youtu.be&a">LeWeb 2011 George Colony, Forrester Research &quot;Three Social Thunderstorms&quot; - YouTube</a></li>
  <li><a href="http://blogs.marketwatch.com/thetell/2011/12/08/the-web-is-on-life-support-forrester-research/">Web is on life support: Forrester Research&apos;s CEO George Colony - The Tell - MarketWatch</a></li>
</ul>

<div class="section" id="colony">
  <h3>ストレージとプロセッサがインターネットの進化を加速する</h3>

  <p>Colony氏の根拠は、以下のシンプルなグラフ。「ストレージ（S）とプロセッシングパワー（P）の進歩の速度は、常にネットワーク（N）のそれを上回り、その差はさらに拡大する。」したがって、イノベーションの主軸は「faster, simpler and better Internet experience（速く、シンプルで、よりよいインターネット体験）」をもたらすApp Internetに移行するだろう、というもの。</p>

  <a href="http://www.goodpic.com/mt/capture/Google%20ChromeScreenSnapz001.png"><img alt="Google ChromeScreenSnapz001.png" src="http://www.goodpic.com/mt/assets_c/2011/12/Google%20ChromeScreenSnapz001-thumb-550x303-364.png" width="550" height="303" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

  <p>今年の始めに、『<a href="http://www.goodpic.com/mt/archives2/2011/02/web_is_not_the_one.html">Webは、もはやひとつではない</a>』という思いつきを書いていますが、その断片的な思いつきが、Colony氏のロジックで相互にリンクしたような気がしました。</p>
</div> <!-- colony -->

<div class="section" id="how-big-is-app-internet">
  <h3>App Internet の規模</h3>

  <p>Colony氏の講演を聞いて、『<a href="http://www.goodpic.com/mt/archives2/2011/09/numbers-in-a-second-ja.html">ソーシャルとモバイルの世界で、現在、１秒間に何が起きているのか</a>』で調べたデータを踏まえ、改めて数字を集めてみました。2012年の伸びも想定しつつ、いくつかは推測の数字も入っているけれど、こう見ると確かに近い将来、App Internet がWebを逆転する日も来るのかもしれない。</p>

  <a href="http://www.goodpic.com/mt/capture/app-internet.png"><img alt="app-internet.png" src="http://www.goodpic.com/mt/assets_c/2011/12/app-internet-thumb-550x412-368.png" width="550" height="412" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

  
  <p>世界人口７０億人に対して、Facebookは２０１０年に１０億ユーザーに到達するという予測は、最初に聞いた時は驚いたけれども、こう並べてみると、Facebookだけでなく、１０億クラブに向けた競争は、すでに間違いなく始まっている。<a href="http://trendy.nikkeibp.co.jp/article/pickup/20110915/1037820/">GREEの田中さんは、今年夏の東京ゲームショウから１０億ユーザーという目標を強調している</a>けれども、これは実は経営者としては、かなり現実的なビジョンなのかもしれない。</p>

</div> <!-- how-big-is-app-internet -->


<div class="section" id="web-is-not-dead">
  <h3>Webは死なない、という反論</h3>

  <p>もちろん、Colony氏の宣言に対しては、様々な反論がでている。</p>
  
  <a href="http://www.goodpic.com/mt/capture/url-is-the-web.png"><img alt="url-is-the-web.png" src="http://www.goodpic.com/mt/assets_c/2011/12/url-is-the-web-thumb-550x412-370.png" width="550" height="412" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
  <p>代表的な反論としては、URLで自由にリンクされたオープンなネットワークであるWebの方が強い、という Dave Winer氏の意見。</p>

  <ul>
    <li><a href="http://battellemedia.com/archives/2011/12/on-this-whole-web-is-dead-meme.php">On This Whole "Web Is Dead" Meme | John Battelle&apos;s Search Blog</a></li>
    <li><a href="http://scripting.com/stories/2011/12/13/whyAppsAreNotTheFuture.html">Scripting News: Why apps are not the future</a></li>
    <li><a href="http://inessential.com/2011/12/13/apps_and_web_apps_and_the_future">inessential.com: Apps and web apps and the future</a></li>
    <li><a href="http://www.hanselman.com/blog/AppsAreTooMuchLike1990sCDROMsAndNotEnoughLikeTheWeb.aspx?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+ScottHanselman+%28Scott+Hanselman+-+ComputerZen.com%29">Apps are too much like 1990&apos;s CD-ROMs and not enough like the Web - Scott Hanselman</a></li>  
  </ul>

  <p>１０月に電子出版されたLUKE WROBLEWSKI氏の<a href="http://www.abookapart.com/products/mobile-first">A Book Apart, Mobile First</a>でも、「Webとアプリは相互補完するし、できるなら両方やるべき」と述べています。また、Geolocation API（位置情報）など、ブラウザからネイティブの機能を利用するWeb標準APIが整備されたり、HTML5+CSS3でアプリ的なユーザーインターフェースを実現することもできる。</p>

  <a href="http://www.goodpic.com/mt/capture/KeynoteScreenSnapz001.png"><img alt="Geolocation API" src="http://www.goodpic.com/mt/assets_c/2011/12/KeynoteScreenSnapz001-thumb-550x327-374.png" width="550" height="327" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
  
  <p>ただ、こういった指摘は、議論としては少しレイヤーがずれているような気がします。また、App Internetの欠点とされている相互リンクについては、Webを上回る新しいリンク方法が生まれていると思うので、この点は、次の記事でまとめる予定。</p>
</div> <!-- web-is-not-dead -->


<div class="section" id="only-need-internet">
  <h3>インフラとしてのインターネットを、iOSとAndroidが拡張する</h3>

  <p>同じくLeWebの <a href="http://www.youtube.com/watch?v=t02iJn5Ypio&feature=youtu.be">Eric Schmidt氏（GoogleのCEO）と Loic Le Meur氏の対談</a>で、Loic氏の「政府に希望することはあるか？」という質問にEric Schmidt氏が「ブロードバンドを整備し、インターネットを無用な規制で壊さないでほしい」と答えています。「あとは全部自分たちでやるから」という強気な発言でもあるのですが、実はモバイルインターネットに関しては、いつの間にか、このような状態になっているのに気づきます。</p>

  <a href="http://www.goodpic.com/mt/capture/mobile-internet.png"><img alt="mobile-internet.png" src="http://www.goodpic.com/mt/assets_c/2011/12/mobile-internet-thumb-550x412-372.png" width="550" height="412" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

  <p>モバイル通信キャリアは、iPhoneが快適に使えるネットワークを整備しなければ、顧客を獲得できない。端末供給の条件としてOSの改変を許さない（iOS）、あるいは、リファレンス機をつくるメーカーを優遇する（Android）ことで、アプリケーションが必要なハードウェア環境を整備する。</p>
  <p>つまり、モバイルインターネットは、すでにApp Internetのインフラとして再構築されつつあるのではないでしょうか。個人的には、その最終形態はグローバルで完全なsimフリー環境が整備されることだと思っていて、Kindleがすでにそうであるように、simカードがApple、Google、Amazon、Facebookから提供される日が来るのでは無いかと思っています。（続く．．．）</p>
</div> <!-- only-need-internet -->


<div class="section" id="references">
  <h3>参考データ</h3>

  <ul>
    <li><a href="http://www.quora.com/What-is-the-total-number-of-domains-in-the-world-gTLDs-+-ccTLDs-+-IDNs">What is the total number of domains in the world (gTLDs + ccTLDs + IDNs)? - Quora</a></li>  
    <li><a href="http://en.wikipedia.org/wiki/Comparison_of_web_browsers">Comparison of web browsers - Wikipedia, the free encyclopedia</a></li>
    <li><a href="http://www.pcmag.com/article2/0,2817,2393978,00.asp">Is Chrome Poised to Pass Firefox in 2011? | News &amp; Opinion | PCMag.com</a></li>
    <li><a href="http://royal.pingdom.com/2011/04/05/how-big-is-google-really/">How big is Google, really? | Royal Pingdom</a></li>
    <li><a href="http://www.jeffbullas.com/2011/05/16/50-amazing-facts-and-figures-about-google/">50 Amazing Facts and Figures About Google | Jeffbullas&apos;s Blog</a></li>
  </ul>
</div> <!-- references -->
]]>
        
    </content>
</entry>

<entry>
    <title>記事を『あとで読む』のはPC、iPad、iPhoneでは何時が最も多いのか？</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2011/11/pciphoneipad.html" />
    <id>tag:www.goodpic.com,2011:/mt//1.1685</id>

    <published>2011-11-27T14:50:02Z</published>
    <updated>2011-11-28T01:22:21Z</updated>

    <summary> 気になるWebの記事は、『あとでKindleで読む』ブームが密かにおこりつつあ...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="技術" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[
<p>気になるWebの記事は、『<strong>あとでKindleで読む</strong>』ブームが密かにおこりつつある昨今?</p>

<ul>
  <li><a href="http://bulknews.typepad.com/blog/2011/11/read-later-apps-on-kindle.html">Read Later apps on Kindle - bulknews.typepad.com</a></li>
  <li><a href="http://d.hatena.ne.jp/naoya/20111111">HBFav というはてなブックマーク iPhone アプリを作りました</a></li>
</ul>

<p><a href="http://www.instapaper.com/u">Instapaper</a>と並んで人気のある『あとで読む』系のサービス、<a href="http://readitlaterlist.com/">Read It Later</a>のちょっと前（2011年1月）のブログに面白いデータが公開されていました。</p>

<ul>
  <li><a href="http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read/">Is Mobile Affecting When We Read? « Read It Later Blog</a></li>
</ul>

<p>あとで読むためにクリップしたWebの記事を、実際にいつ読んでいるのか、PC、iPhone、iPadのそれぞれを時間毎に集計したデータです。これを見ると、スマートフォンやタブレットが、いかにユーザーの視聴閲覧スタイルを変えるかがよく分かります。以下、グラフを上記サイトよりお借りしつつ、注釈を追加しています。</p>

<a href="http://www.goodpic.com/mt/capture/read-it-later.005.jpg"><img alt="read-it-later.005.jpg" src="http://www.goodpic.com/mt/assets_c/2011/11/read-it-later.005-thumb-550x412-354.jpg" width="550" height="412" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>まずは、Webサイトやブログ記事などが、いつクリップされているか。これは一日の中で大きな変化は無い。</p>

<a href="http://www.goodpic.com/mt/capture/read-it-later.006.jpg"><img alt="read-it-later.006.jpg" src="http://www.goodpic.com/mt/assets_c/2011/11/read-it-later.006-thumb-550x412-356.jpg" width="550" height="412" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>次に、クリップした記事をPCで読んでいる時間帯。職場と自宅で読んでいるけれど、大きな起伏は無い。</p>

<a href="http://www.goodpic.com/mt/capture/read-it-later.007.jpg"><img alt="read-it-later.007.jpg" src="http://www.goodpic.com/mt/assets_c/2011/11/read-it-later.007-thumb-550x412-358.jpg" width="550" height="412" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>iPhoneユーザーの場合。朝一番、通勤時間、帰宅後などの隙間時間に利用されている。</p>

<a href="http://www.goodpic.com/mt/capture/read-it-later.008.jpg"><img alt="read-it-later.008.jpg" src="http://www.goodpic.com/mt/assets_c/2011/11/read-it-later.008-thumb-550x412-360.jpg" width="550" height="412" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>iPadユーザーは、帰宅後の自由時間、リビングルームで利用されることがほとんど。</p>

<a href="http://www.goodpic.com/mt/capture/read-it-later.009.jpg"><img alt="read-it-later.009.jpg" src="http://www.goodpic.com/mt/assets_c/2011/11/read-it-later.009-thumb-550x412-362.jpg" width="550" height="412" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>さらに興味深いのは、iPadを持っている人は、自宅でPCから記事を読まなくなるという事実。この時間帯のネットの閲覧は、ほぼiPadに置き換えられている。以上、上記記事からの引用でした。</p>
<p>残念ながら、Kindleのデータは無いのですが、目に優しい電子インク、軽量、１週間持つバッテリーなど、iPadとは異なる特性のデバイスなので、また違った傾向がありそうです。スマートフォンとiPadの中間ぐらいかも?</p>
<p>いずれにしても、コンテンツを見るスタイル、時間帯は、新しいデバイスに大きな影響を受けていて、人の身体が心地よいと思う形態に、どんどんシフトしているのは間違いない事実ですね。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>OSX 10.7 Lion にアップグレード後に壊れたPerl / cpanm 環境を復旧する</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2011/10/osx_107_lion_perl_cpanm.html" />
    <id>tag:www.goodpic.com,2011:/mt//1.1683</id>

    <published>2011-10-22T13:39:13Z</published>
    <updated>2011-10-22T13:41:24Z</updated>

    <summary> 遅まきながら、Macbook AirをOSX1.7x Lionにアップデート。...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="Mac" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[
<p>遅まきながら、Macbook AirをOSX1.7x Lionにアップデート。そして恒例のPerl環境の復旧作業ログです。まずはPerlを、標準のものから以前に自前でインストールしたものに置き換え。</p>

<pre><code class="source">% cd /usr/bin
% mv ./perl perl.lion
% sudo ln -s /opt/local/bin/perl perl</code></pre>

<p>次に、cpanm を使おうとすると『Couldn't find your C compiler 』というエラーがでる。</p>

<pre><code class="source">% perl -V:cc
cc='/usr/bin/gcc-4.2';    </code></pre>

<p>usr/binを見てみると、perlで使っているgcc-4.2が無くなっていた。検索すると(<a href="http://d.hatena.ne.jp/replication/20110726/1311687382">Mac OS X Lionにしたらgccがなくてnode.jsがコンパイルできなくなった件 - 大人になったら肺呼吸</a>)、LionにしたらxCodeをインストールしなおす必要があるらしい。ただし、Lionからはllvm-gcc-4.2 は含まれるものの、gcc-4.2は含まれていない模様(<a href="http://www.awaresoft.jp/ios-dev/item/110-xcode42-compiler-and-architecture.html">Xcode 4.2で変わったビルド設定（アーキテクチャとコンパイラ）と問題点などについて - Awaresoft</a>)。さらに検索すると、gccだけなら、以下で OSX Lion用のインストールバイナリが配布されていた。</p>

<ul>
  <li><a href="https://github.com/kennethreitz/osx-gcc-installer">kennethreitz/osx-gcc-installer - GitHub</a></li>
</ul>

<p>上記サイトから『GCC-10.7.pkg』をダウンロードしてインストールすると、cpanm も問題なく動くようになった。とりあえず、こんなものでよいのか?</p>

]]>
        
    </content>
</entry>

<entry>
    <title>ソーシャルとモバイルの世界で、現在、１秒間に何が起きているのか</title>
    <link rel="alternate" type="text/html" href="http://www.goodpic.com/mt/archives2/2011/09/numbers-in-a-second-ja.html" />
    <id>tag:www.goodpic.com,2011:/mt//1.1682</id>

    <published>2011-09-07T15:10:00Z</published>
    <updated>2011-09-07T15:19:53Z</updated>

    <summary> ソーシャル、モバイルの進化は、Webをリアルタイムに加速する。そのスピード感を...</summary>
    <author>
        <name>Jun Kaneko</name>
        <uri>http://www.goodpic.com/mt/</uri>
    </author>
    
        <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.goodpic.com/mt/">
        <![CDATA[

<p>ソーシャル、モバイルの進化は、Webをリアルタイムに加速する。そのスピード感を、『１秒間』をキーワードに具体的なデータとして調べてみました。１秒間に、Facebook, Twitter, Foursquare, Instagram などのサービスで、どれだけのコンテンツがシェアされているのか? iPhone, iPad, eBookリーダーは、１秒間に何台売れているのか? そのマーケットシェアは? 以下のプレゼン資料にまとめています。</p>

<div style="width:510px" id="__ss_9159605"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/goodpic/ss-9159605" title="一秒間にソーシャルとモバイルで何が起きているか" target="_blank">一秒間にソーシャルとモバイルで何が起きているか</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/9159605" width="510" height="426" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/goodpic" target="_blank">Jun Kaneko</a> </div> </div>

<p>以下、各ページのデータのソースとあわせて詳しくご紹介。</p>

<h3>ソーシャルネットワークの１秒</h3>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.002-255.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.002-255.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.002-thumb-500x375-255.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>Facebookは、<a href="https://www.facebook.com/press/info.php?statistics">公式ページ(Facebook Statistics)</a>で、ユーザー数を始めとする様々な統計データを公開しています。<a href="http://www.insidefacebook.com/2011/06/12/facebook-sees-big-traffic-drops-in-us-and-canada-as-it-nears-700-million-users-worldwide/">Inside Facebookの2011年6月の調査</a>によると、5月には1180万人が新しくユーザー登録。ただし、この数値は過去１２ヶ月での平均、2000万人/月と比べると低い値となっている。米国など、普及の進んだマーケットでの成長が鈍化、減少したことが原因。それでも世界では平均で、１秒に換算すると５人〜８人が新しくユーザーとなっている。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.003-256.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.003-256.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.003-thumb-500x375-256.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.socialbakers.com/blog/182-the-ultimate-answer-when-will-facebook-hit-1-billion-users/">Socialbakersの予測</a>によれば、2012年の6月か7月には10億ユーザーに到達するだろう。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.004-257.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.004-257.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.004-thumb-500x375-257.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="https://www.facebook.com/press/info.php?statistics">公式ページ(Facebook Statistics)</a>によれば、毎月、300億のコンテンツ(リンク,ニュース, ブログ記事, ノート, 写真,  アルバム, など)がシェアされている。これを一秒あたりに換算すると11600コンテンツ。公式ブログ『<a href="https://blog.facebook.com/blog.php?post=10150262684247131">Bigger, Faster Photos (1)</a>』によると、8月には毎日2億5千万枚の写真がアップロードされた。1秒に換算すると2900枚。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.005-258.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.005-258.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.005-thumb-500x375-258.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>190カ国以上の開発者が開発したFacebookアプリケーションが、毎日2000万件以上インストールされている。2億5千万人以上が、外部WebサイトでFacebookと接触し、2010年4月のソーシャルプラグインの公開以降、毎日1万以上のWebサイトでFacebook機能が導入されている。類計では250万Webサイトにのぼる。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.006-259.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.006-259.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.006-thumb-500x375-259.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="https://www.facebook.com/insights/">Facebook Insights</a>は、ソーシャルプラグインのアクセス解析をリアルタイムで提供する。公式ブログ『<a href="https://www.facebook.com/note.php?note_id=10150103900258920">Building Realtime Insights (1)</a>』によると、Likeボタンのクリックなどのイベントを、1秒あたり20万イベント処理し、30秒後にはInsightsに反映することが可能。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.008-261.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.008-261.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.008-thumb-500x375-261.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://gigaom.com/cloud/zynga-s-1-highlights-cloud-big-data-as-competitive-advantages/">GigaOM Cloud Computing News</a>によれば、ソーシャルゲーム大手のzyngaは、自社の<a href="http://www.sec.gov/Archives/edgar/data/1439404/000119312511180285/ds1.htm">S-1 statment</a>のなかで、ソーシャルゲームへの急激なアクセス増加に対処するために、24時間以内に1000台のサーバを追加することが可能だと述べている。<a href="http://highscalability.com/blog/2011/5/19/zyngas-z-cloud-scale-fast-or-fail-fast-by-merging-private-an.html">Zynga は Z Cloud と呼ばれる、自社データセンターとAmazonクラウドのハイブリッド型のクラウド環境を構築</a>している。ソーシャルゲームにおいては、データの<a href="http://code.zynga.com/2011/07/building-a-scalable-game-server/">ReadとWriteの比率が１対１にもなる</a>。モットーは、Scale Fast or Fail Fast。</p> 

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.007-260.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.007-260.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.007-thumb-500x375-260.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>世界各地に最も少ないレイテンシでコンテンツを配信するためのContents Delivery Network。Akamaiは、自社サイト上でリアルタイムのネットワーク統計『<a href="http://www.akamai.com/html/technology/visualizing_akamai.html">Visualizing Global Web Performance with Akamai</a>』を公開している。<a href="http://highscalability.com/blog/2011/8/18/paper-the-akamai-network-61000-servers-1000-networks-70-coun.html">High Scalabilityの記事</a>に対する、<a href="http://www.quora.com/How-many-servers-does-Akamai-have/answer/Ramakanth-Dorai?__snids__=24359589#comment509067">QuoraでのAkamai担当者の回答</a>によると、2011年8月時点では95000台以上のサーバが世界中に配置されている。</p>


<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.009-262.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.009-262.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.009-thumb-500x375-262.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>2011年8月時点の、１秒間の最大Tweet数は、MTVでビヨンセが妊娠を報告した際の8868tweets(秒)。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.010-263.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.010-263.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.010-thumb-500x375-263.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>それ以前は、なでしこJapanがワールドカップで優勝したときの7196tweets(秒)。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.011-264.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.011-264.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.011-thumb-500x375-264.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.youtube.com/t/press_statistics">Youtubeが公開している統計</a>によると、１分間に４８時間分のビデオがアップロードされている。１秒に換算すると４８分。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.012-265.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.012-265.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.012-thumb-500x375-265.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://blip.tv/mongodb/bit-ly-user-history-auto-sharded-3723147">bit.lyでは、ピーク時には１秒間に1000件の短縮URLが発行</a>される。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.013-266.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.013-266.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.013-thumb-500x375-266.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.10gen.com/presentation/mongosf2011/foursquare">foursquareのMongoSFでの公開資料</a>によると、毎日３００万件のチェックインがある。１秒に換算すると３５チェックイン。</p>


<a href="http://www.goodpic.com/mt/capture/numbers-in-a-second_ja-14.014.png"><img alt="numbers-in-a-second_ja-14.014.png" src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja-14.014-thumb-500x375-350.png" width="500" height="375" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>2010年10月にローンチしたInstagramは、<a href="http://signalnews.com/instagram-milestone-150-million-photos-648">2011年8月時点で、毎秒１５枚の写真がアップロードされ、一日あたりに１３０万枚</a>になる。</p>

<h3>スマートフォンの１秒</h3>

<p><a href="http://www.apple.com/pr/library/2011/07/07Apples-App-Store-Downloads-Top-15-Billion.html">2011年7月のAppleプレスリリース</a>によると、全世界で2億人のiPhone, iPad, iPod touchユーザーが、150億回アプリをダウンロードした。<a href="http://googleblog.blogspot.com/2011/05/android-momentum-mobile-and-more-at.html">2011年5月のGoogle I/Oでの発表</a>によると、全世界で1億台のアクティブなAndroid端末が存在し、45億アプリがAndroidマーケットからインストールされた。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.015-268.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.015-268.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.015-thumb-500x375-268.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://mediatel.co.uk/newsline/2011/08/09/iphone-tops-smart-phone-sales/">IDCの予測</a>によると、2011年2QのiPhoneの出荷台数は2000万台に達した。1秒間に換算すると2.5台が販売されている。iPhone5が出荷されれば、2011年の総出荷台数は9500万台を超えるとの<a href="http://www.digitimes.com/NewRegister/join.asp?view=Article&DATEPUBLISH=2011/08/14&PAGES=PD&SEQ=200">予想</a>も。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.016-269.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.016-269.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.016-thumb-500x375-269.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.comscore.com/Press_Events/Press_Releases/2011/8/comScore_Reports_July_2011_U.S._Mobile_Subscriber_Market_Share">comScore のレポート</a>によれば、米国7月のスマートフォンのプラットフォーム毎の加入者シェアでは、Googleが41.8%(4月は36.4%)、Appleが27%(4月は26%)。その他のプラットフォームはGoogleが伸びた分だけシェアを落としている。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.017-270.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.017-270.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.017-thumb-500x375-270.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.wired.com/gadgetlab/2011/06/android-iphone-growth/">nielsenの調査</a>によれば、米国では2011年初頭に、携帯電話の新規契約におけるスマートフォンの割合が50%を超えた。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.018-271.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.018-271.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.018-thumb-500x375-271.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>日本市場では、<a href="http://www.m2ri.jp/newsreleases/main.php?id=010120110707500">MM総研の予想</a>では、2011年後半〜2012年にスマートフォンがフィーチャーフォンを出荷台数で逆転。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.019-272.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.019-272.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.019-thumb-500x375-272.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>AppleのApp Storeには、90カ国から425000以上のアプリが公開され、累計で150億ダウンロードを記録。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.020-273.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.020-273.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.020-thumb-500x375-273.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>Android マーケットでは、131カ国から20万以上のアプリが公開され、累計で45億インストール。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.021-274.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.021-274.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.021-thumb-500x375-274.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.distimo.com/publications">DISTIMOの2月のレポート</a>によれば、各プラットフォームでの有料・無料アプリの割合は下記の通り。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.022-275.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.022-275.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.022-thumb-500x375-275.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://blog.flurry.com/bid/63907/Mobile-Apps-Put-the-Web-in-Their-Rear-view-Mirror">FLURRYの調査</a>によれば、スマートフォンにおける、Webとアプリの一日あたりの利用時間は両方とも伸びているが、2011年6月にはじめてアプリがWebを逆転した。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.023-276.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.023-276.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.023-thumb-500x375-276.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>アプリの利用時間のほとんどを、ゲームとSNSが占める。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.024-277.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.024-277.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.024-thumb-500x375-277.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<h3>タブレットの１秒</h3>

<p><a href="http://www.greenfieldscommunications.com/rel_2011/IMS_110329eReader.pdf">IMS Researchが2011年5月の予測</a>によれば、2010年の4Qにタブレットは940万台、eBookリーダーは510万台が出荷された。これは前四半期に比べて倍以上の急激な伸び。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.025-278.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.025-278.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.025-thumb-500x375-278.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.businessinsider.com/apple-ipad-sales-2011-6">2011年6月のWWD KeynoteでのApple発表</a>によると、2011年Q2にはiPadの出荷が800万台に達する見込み。これは1秒あたり1台のiPadが売れている計算。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.026-279.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.026-279.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.026-thumb-500x375-279.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.forbes.com/sites/elizabethwoyke/2011/06/06/forecasting-2011s-tablet-market-leaders-and-losers/2/">BMO Capital Markets の2011年6月予測</a>によると、2011年度でiPadが3200万台売れるのに対し、その他のタブレットは合計で2000万台にとどまる。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.027-280.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.027-280.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.027-thumb-500x375-280.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>その後、他社タブレットの不調やHPの市場撤退を受けて、<a href="http://www.isuppli.com/Display-Materials-and-Systems/News/Pages/Media-Tablet-Forecast-Increased-as-Apple%E2%80%99s-Dominance-Grows.aspx">IHS iSuppli が8月に公表した予測</a>では、iPadの2011年出荷は4420万台に達し、市場シェアの74%を占めるとの予想も。ただし、その後はiPadのシェアは徐々に低下し、2015年には50%を切ると予測。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.028-281.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.028-281.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.028-thumb-500x375-281.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>日本市場においては、<a href="http://ebook.itmedia.co.jp/ebook/articles/1108/03/news072.html">ICT総研の2011年8月予測</a>では、2011年のタブレット出荷は200万台、iPadのシェアは85%と予想。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.029-282.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.029-282.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.029-thumb-500x375-282.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.mediapost.com/publications/?fa=Articles.showArticle&art_aid=147627"> IMS Research の2011年6月発表</a>では、2010年4QのeBookリーダーのメーカー別世界シェアではAmazon Kindleが59%を占める。BARNES&NOBLE nookが11%、Sony、BenQ、Havon、がそれぞれ4〜5%。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.030-283.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.030-283.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.030-thumb-500x375-283.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p><a href="http://www.publishers.org/press/30/">The Association of American Publishers</a>の発表によると、米国では2011年2月に9030万ドルの電子書籍が販売された。１秒に換算すると$37。これは2010年に比較すると、169.4%の大幅な増加。</p>

<a href="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.031-284.html" onclick="window.open('http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.031-284.html','popup','width=1024,height=768,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.031-thumb-500x375-284.png" width="500" height="375" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

<p>以上が現在、ソーシャルネットワークとモバイルで１秒間に起きていることでした。</p>

<a href="http://www.goodpic.com/mt/capture/numbers-in-a-second_ja.032.png"><img alt="numbers-in-a-second_ja.032.png" src="http://www.goodpic.com/mt/assets_c/2011/09/numbers-in-a-second_ja.032-thumb-500x375-352.png" width="500" height="375" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>
]]>
        
    </content>
</entry>

</feed>

