不動産業のソーシャルメディア戦略の本質を
解くカギが！やっと見つかりました
不動産業におけるFacebook活用10事例をセミナーで公開
http://www.youtube.com/watch?v=Cl1c70yO_gs
http://fudou3.jugem.cc/manage/?mode=write&eid=11016
http://fudou3.jugem....
Web 2.0 ラボラトリWeb 2.0 に関連するキーワードの解説やトピックを集積。 |
|
TOP>2012年02年
2012年02月29日
不動産業のソーシャルメディア戦略の本質を解くカギが！
2012年02月18日
スマートフォンにおけるＨＴＭＬ５実装の最先端
昨日、デブサミで、表題の件の話を聴いてきたので、
ここに、メモメモ。
今回
・スマートフォンに限る
・現在できることについて
ＨＴＭＬ５とは
・ＨＴＭＬ＋Javascript
・今までに比べ手豊富なＡＰＵ
・ドット単位の描画が可能なＣａｎｖａｓ
・ベクターグラフィックスＳＶＧ
・ＣＳＳ３
・localStorage
・などなど
２つ大きな特徴
１．描画能力の向上
・曲線のある図形を描画することができるようになった
・アニメーション能力も強くなっている
２．Webアプリ機能の拡充
・ApplicationCache機能
一度アクセスすれば、二度目からはキャッシュを利用することが可能
・localStorage
アプリ固有のデータ保蔵
しかし、アプリにかなわない
アプリに比べ劣っている点
３Ｄ
音楽
速度
３Ｄ
・ＯｐｅｎＧＬが使えない
ＷｅｂＧＬはＦｉｒｅＦｏｘ for mobileのみサポート
・音楽に制限が多い
・音のタイミング調整が非常にシビア
・iPhoneは、画面がタッチされたタイミングのみ音楽再生
・WindowsＰｈｏｎｅとiPhoneは同時に２つの音楽鳴らせない
・速度はおそい
・描画が遅い
・Javascriptの実行が遅い
描画手段
・ＨＴＭＬ５の描画手段
Ｃａｎｖａｓ：ラスターグラフィック
ＳＶＧ：ベクターグラデーション
ＣＳＳ３：変形やアニメーション
ＳＶＧはＡｎｄｒｒｏｉｄ２系統でサポート顔
Ｃａｎｖａｓで
Ｃａｎｖａｓ
・Ａｎｄｒｏｉｄ ＞ iPhone
ios4
・DrawImageが遅い。いかに回数を減らすか
キャッシュにきれいに載せたら勝ち
・ＤＯＭ構造でＣａｎｖａｓの上にものを載せない
ios5
ＧＰＵサポート
別のところが重くなる
キャッシュにきれいに載せたら勝ち
ＣＳＳ３：悪女 とっつきやすいがいきなり裏切る
・基本的にＧＰＵサポート
・同時に動く物体数が増えると急激に重くなる
・Ａｎｄｒｏｉｄでブラウザバージョン管、
端末間の互換性がないことが多い
変形に関しては、ある程度互換性
Ｃａｎｖａｓ互換性いい
Ｃａｎｖａｓが効力
・シチュエーションに応じて変わるアニメ
・同時に動くものが多い
ＣＳＳ３が効力
・１枚モノのアニメーション
・同時に動くものが少ないとき
Javascriptが重い理由
・アルゴリズムが重い
・ＪＩＴが重い
・ＧＣ（ガベージコレクション）が重い
ＪＩＴが重い＝eval クロージャの生成を疑う
ガベージコレクション
・AndroidにおいてFullGCが走ることがある
走るとしゃれにならないほどとまる
・Ｖ８は世代別ＧＣを利用している
なるべく新世代にいるうちに参照する
・iosはメモリが足らなくなると落ちる
メモリとの戦い：王道編
・何度も使うメモリをあらかじめ確保しておく
参照をはずさない
・上限の決まっているオブジェクトは、初期化時
に上限まで確保
オブジェクト生成回数を減らす
メモリとの戦い：邪道編
・なんとか実機上でのメモリ使用量を知りたい
iPhoneSimulatorは信用できない
UIWebViewも信用できない
・jail BreakでＴＯＰコマンド（自己責任）
・１００Ｍ超えたら注意
実機でのプロファイル
・ＥｘＧａｍｅなどでは、独自プロファイルをしよう
関数単位でcount,total,selfを取得する
どの関数のプロファイルをとるかを指定
CanvasなどのビルドインＡＰＩも指定可能
プロファイルのタイミングを設定可能
結果をサーバに送信
ＪｓＣｏｎｓｏｌｅ
http://jsconsole.com
nmi.jpでも紹介している
console.log
iphoneでも設定を操作すれば参照可能
デバッグログを出力
console.error hack
ngCore on HTML5
HTML5の将来
・インストールソフトの時代は終わる
・歴史は繰り返す
ここに、メモメモ。
今回
・スマートフォンに限る
・現在できることについて
ＨＴＭＬ５とは
・ＨＴＭＬ＋Javascript
・今までに比べ手豊富なＡＰＵ
・ドット単位の描画が可能なＣａｎｖａｓ
・ベクターグラフィックスＳＶＧ
・ＣＳＳ３
・localStorage
・などなど
２つ大きな特徴
１．描画能力の向上
・曲線のある図形を描画することができるようになった
・アニメーション能力も強くなっている
２．Webアプリ機能の拡充
・ApplicationCache機能
一度アクセスすれば、二度目からはキャッシュを利用することが可能
・localStorage
アプリ固有のデータ保蔵
しかし、アプリにかなわない
アプリに比べ劣っている点
３Ｄ
音楽
速度
３Ｄ
・ＯｐｅｎＧＬが使えない
ＷｅｂＧＬはＦｉｒｅＦｏｘ for mobileのみサポート
・音楽に制限が多い
・音のタイミング調整が非常にシビア
・iPhoneは、画面がタッチされたタイミングのみ音楽再生
・WindowsＰｈｏｎｅとiPhoneは同時に２つの音楽鳴らせない
・速度はおそい
・描画が遅い
・Javascriptの実行が遅い
描画手段
・ＨＴＭＬ５の描画手段
Ｃａｎｖａｓ：ラスターグラフィック
ＳＶＧ：ベクターグラデーション
ＣＳＳ３：変形やアニメーション
ＳＶＧはＡｎｄｒｒｏｉｄ２系統でサポート顔
Ｃａｎｖａｓで
Ｃａｎｖａｓ
・Ａｎｄｒｏｉｄ ＞ iPhone
ios4
・DrawImageが遅い。いかに回数を減らすか
キャッシュにきれいに載せたら勝ち
・ＤＯＭ構造でＣａｎｖａｓの上にものを載せない
ios5
ＧＰＵサポート
別のところが重くなる
キャッシュにきれいに載せたら勝ち
ＣＳＳ３：悪女 とっつきやすいがいきなり裏切る
・基本的にＧＰＵサポート
・同時に動く物体数が増えると急激に重くなる
・Ａｎｄｒｏｉｄでブラウザバージョン管、
端末間の互換性がないことが多い
変形に関しては、ある程度互換性
Ｃａｎｖａｓ互換性いい
Ｃａｎｖａｓが効力
・シチュエーションに応じて変わるアニメ
・同時に動くものが多い
ＣＳＳ３が効力
・１枚モノのアニメーション
・同時に動くものが少ないとき
Javascriptが重い理由
・アルゴリズムが重い
・ＪＩＴが重い
・ＧＣ（ガベージコレクション）が重い
ＪＩＴが重い＝eval クロージャの生成を疑う
ガベージコレクション
・AndroidにおいてFullGCが走ることがある
走るとしゃれにならないほどとまる
・Ｖ８は世代別ＧＣを利用している
なるべく新世代にいるうちに参照する
・iosはメモリが足らなくなると落ちる
メモリとの戦い：王道編
・何度も使うメモリをあらかじめ確保しておく
参照をはずさない
・上限の決まっているオブジェクトは、初期化時
に上限まで確保
オブジェクト生成回数を減らす
メモリとの戦い：邪道編
・なんとか実機上でのメモリ使用量を知りたい
iPhoneSimulatorは信用できない
UIWebViewも信用できない
・jail BreakでＴＯＰコマンド（自己責任）
・１００Ｍ超えたら注意
実機でのプロファイル
・ＥｘＧａｍｅなどでは、独自プロファイルをしよう
関数単位でcount,total,selfを取得する
どの関数のプロファイルをとるかを指定
CanvasなどのビルドインＡＰＩも指定可能
プロファイルのタイミングを設定可能
結果をサーバに送信
ＪｓＣｏｎｓｏｌｅ
http://jsconsole.com
nmi.jpでも紹介している
console.log
iphoneでも設定を操作すれば参照可能
デバッグログを出力
console.error hack
ngCore on HTML5
HTML5の将来
・インストールソフトの時代は終わる
・歴史は繰り返す
2012年02月15日
JQuery+AJAXの利用で、トラフィックが増える場合がある
先ほど書いた、
クラウドで設計は簡単になるの？−スケーラビリティとレスポンス
http://blog.goo.ne.jp/xmldtp/e/7a327ed572095c26fa268cbc59248b4c
で、
クラウドだと、レスポンスがよくわからないので、
要望が満たせないとなると・・いろいろ大変かも・・
と書いた。どういうケースでレスポンスが遅くなり、
要望が満たせなくなるか・・・だけど、
サーバー側との通信が多くなり、通信遅延が起こると
レスポンスが満たせなくなる可能性がある。
JQuery+AJAXを使って開発する場合、ＡＪＡＸは非同期なので、画面の一部分を表示するために通信を行うということもありえる。
たとえば、画面が
と構成されていたとする。この画面をいっぺんに書き換える場合、
昔だとサーバーに１回アクセスして、全部書き換え、ないしは
必要な箇所、を書き換えていた。
ところが、ＡＪＡＸを採用した場合、
Ａ，Ｂ，Ｃ，Ｄそれぞれの部分でサーバーにアクセスして、
自分の部分だけを書き換えるということもできる。
さてこのとき、
ＢとＣの合計値を使ってＤを書き込み、
そのＤの結果を受けてＡを書き込む
としたら、どうなるだろう
ＢＣは、並行にアクセスできるが、Ｄはそのあと、
さらにその後Ａということになり、
Ａが表示されるには、３往復かかる。
もちろん、こんな設計をする必要はなく、
Ｂが書き換わったらＤ，
Ｃが書き換わったらＤ,
Ｄが書き換わったらＡを再計算する
としておけば、何回も変わるけど、Ａをずっと待つ必要はなくなる。
・・・と、今、設計したよね。
つまり、JQuery+AJAXで非同期が入ってくると、いろいろと設計しないと
いけないことが多くなってくるわけで、これはサーバーがクラウドに
なっても、同じ、いやより複雑になるってことだ。
クラウドで設計は簡単になるの？−スケーラビリティとレスポンス
http://blog.goo.ne.jp/xmldtp/e/7a327ed572095c26fa268cbc59248b4c
で、
クラウドだと、レスポンスがよくわからないので、
要望が満たせないとなると・・いろいろ大変かも・・
と書いた。どういうケースでレスポンスが遅くなり、
要望が満たせなくなるか・・・だけど、
サーバー側との通信が多くなり、通信遅延が起こると
レスポンスが満たせなくなる可能性がある。
JQuery+AJAXを使って開発する場合、ＡＪＡＸは非同期なので、画面の一部分を表示するために通信を行うということもありえる。
たとえば、画面が
----------------------- ｜ Ｂ ｜ Ｃ ｜ Ａ ｜----------------｜ ｜ Ｄ ｜ -----------------------
と構成されていたとする。この画面をいっぺんに書き換える場合、
昔だとサーバーに１回アクセスして、全部書き換え、ないしは
必要な箇所、を書き換えていた。
ところが、ＡＪＡＸを採用した場合、
Ａ，Ｂ，Ｃ，Ｄそれぞれの部分でサーバーにアクセスして、
自分の部分だけを書き換えるということもできる。
さてこのとき、
ＢとＣの合計値を使ってＤを書き込み、
そのＤの結果を受けてＡを書き込む
としたら、どうなるだろう
ＢＣは、並行にアクセスできるが、Ｄはそのあと、
さらにその後Ａということになり、
Ａが表示されるには、３往復かかる。
もちろん、こんな設計をする必要はなく、
Ｂが書き換わったらＤ，
Ｃが書き換わったらＤ,
Ｄが書き換わったらＡを再計算する
としておけば、何回も変わるけど、Ａをずっと待つ必要はなくなる。
・・・と、今、設計したよね。
つまり、JQuery+AJAXで非同期が入ってくると、いろいろと設計しないと
いけないことが多くなってくるわけで、これはサーバーがクラウドに
なっても、同じ、いやより複雑になるってことだ。
2012年02月09日
ツイッター、ブラジル政府に提訴される
交通取り締まり情報を流しているアカウントを閉鎖するよう求める訴えを起こされているようです。
たしかに、オービスの情報とかをツイートされると、困るかもしれん。
ブラジル政府、交通取締情報の提供めぐりツイッターを提訴
http://headlines.yahoo.co.jp/hl?a=20120208-00000014-cnn-int
ほかにもブラジルのＳＮＳ話は・・
その発想はなかった!? ブラジル人のSNS活用術
http://blogs.itmedia.co.jp/brazil/2012/01/sns-d5c4.html
たしかに、オービスの情報とかをツイートされると、困るかもしれん。
ブラジル政府、交通取締情報の提供めぐりツイッターを提訴
http://headlines.yahoo.co.jp/hl?a=20120208-00000014-cnn-int
ほかにもブラジルのＳＮＳ話は・・
その発想はなかった!? ブラジル人のSNS活用術
http://blogs.itmedia.co.jp/brazil/2012/01/sns-d5c4.html
2012年02月08日
Google「Chrome for Android」発表
Androidアプリをつくらなくても、ＨＴＭＬ５で書いて、Chromeで動作確認すればＯＫ、
ＰＣもスマホも動くという時代に・・・なってないか、iPhoneがいるね（＾＾；）
まあ、Safariもたしかエンジンはwebkitだから、同じように、動くだろうけど・・・
Google「Chrome for Android」発表、モバイル版ついに登場!
http://headlines.yahoo.co.jp/hl?a=20120208-00000001-mycomj-mobi
ＰＣもスマホも動くという時代に・・・なってないか、iPhoneがいるね（＾＾；）
まあ、Safariもたしかエンジンはwebkitだから、同じように、動くだろうけど・・・
Google「Chrome for Android」発表、モバイル版ついに登場!
http://headlines.yahoo.co.jp/hl?a=20120208-00000001-mycomj-mobi
2012年02月07日
Data Mining API−JavaのデータマイニングAPI標準(JSR-73)
目の前のショートカットを整理したいので、ここにメモとして残しておく。
ＪａｖａのデータマイニングのためのＡＰＩとして、
JSR 73: Data Mining API
http://www.jcp.org/en/jsr/detail?id=73
がある
これのOracle実装が
7 データ・マイニングJava API
http://otndnld.oracle.co.jp/document/products/oracle11g/111/doc_dvd/datamine.111/E05706-02/java_api.htm
である。
このあと、
JSR 247: Data Mining 2.0
http://www.jcp.org/en/jsr/detail?id=247
が提案されたが、Withdrawnになった。
くわしくは、
Java Data Mining
http://en.wikipedia.org/wiki/Java_Data_Mining
おお、これで、目の前のショートカットが消せる（＾＾；）
ＪａｖａのデータマイニングのためのＡＰＩとして、
JSR 73: Data Mining API
http://www.jcp.org/en/jsr/detail?id=73
がある
これのOracle実装が
7 データ・マイニングJava API
http://otndnld.oracle.co.jp/document/products/oracle11g/111/doc_dvd/datamine.111/E05706-02/java_api.htm
である。
このあと、
JSR 247: Data Mining 2.0
http://www.jcp.org/en/jsr/detail?id=247
が提案されたが、Withdrawnになった。
くわしくは、
Java Data Mining
http://en.wikipedia.org/wiki/Java_Data_Mining
おお、これで、目の前のショートカットが消せる（＾＾；）
2012年02月07日
「最高で250万円」という芸能人ブログ“広告”も ステマに業界危機感
このままいくと、そのうちデータマイニングを使った、ステマチェックなんかも、行われるようになるんでしょうね。
「この商品名は、最近、いろいろなブログで急に出てきたけど・・」
「出始めの発端が芸能人・・・」。
「それも、同時多発的となると・・・」
怪しい？ステマ？
みたいな分析をやるソフトがでてくるかもしれない。
ただ、ステマでなく、本当に偶然に出てくる可能性もあるから難しい。
「最高で250万円」という芸能人ブログ“広告”も ステマに業界危機感、健全化へ動く
http://headlines.yahoo.co.jp/hl?a=20120206-00000049-zdn_n-inet
「この商品名は、最近、いろいろなブログで急に出てきたけど・・」
「出始めの発端が芸能人・・・」。
「それも、同時多発的となると・・・」
怪しい？ステマ？
みたいな分析をやるソフトがでてくるかもしれない。
ただ、ステマでなく、本当に偶然に出てくる可能性もあるから難しい。
「最高で250万円」という芸能人ブログ“広告”も ステマに業界危機感、健全化へ動く
http://headlines.yahoo.co.jp/hl?a=20120206-00000049-zdn_n-inet
2012年02月05日
2012年FDJ社〔ファンドWatch〕／2月3日（金曜日）版
Since 2007／10／5（Friday）
2月5日アップ
2012年2月3日（金曜日）版
Presented by
『毎日更新 ★不動産・住宅産業★今日のできごと』
http://fdj2today.exblog.jp/
////////////////////////////////////////////////////////////// ...
2012年02月01日
memcachedをnode.jsで
順番的に行くと、memcachedをnode.jsで・・ということになる。
これは、すでに、判りやすいブログが書かれている。
node.js から memcached を利用する + おまけ情報
http://hiroki.jp/2011/11/12/2368/
今回は、それをそのままやっただけのを、載せる。
つまり、
１．node.jsをインストールしたところにいき、npmでelbart / node-memcacheをインストール。つまり、
npm install memcache
ってコマンドラインから打つ
２．サンプルプログラムをうつ
上記サイトにある、「memcache.js」をそのまま打てばよい。
ちなみに、今回は、キーのところをちょっとだけ変えて、
以下の内容で
sample1.jsとして保存した
３．memcachedが動いていることを確認
前に書いた、
memcachedをWindowsXPにいれて、Javaで操作する
http://blog.goo.ne.jp/xmldtp/e/9d0f3f127829ed2d617d3f52668177f3
の「■起動」で、「サービスの状態」が「開始」になっていることを確認する。
４．node.js起動
node.jsのフォルダに行き
node sample1.js
とうつと、以下のようにvalueと出てくる。
これは、すでに、判りやすいブログが書かれている。
node.js から memcached を利用する + おまけ情報
http://hiroki.jp/2011/11/12/2368/
今回は、それをそのままやっただけのを、載せる。
つまり、
１．node.jsをインストールしたところにいき、npmでelbart / node-memcacheをインストール。つまり、
npm install memcache
ってコマンドラインから打つ
２．サンプルプログラムをうつ
上記サイトにある、「memcache.js」をそのまま打てばよい。
ちなみに、今回は、キーのところをちょっとだけ変えて、
以下の内容で
var memcache = require('memcache');
var client = new memcache.Client();
client.connect();
client.set('newKey', 'value', function(error, result){
}, 3600);
client.get('newKey', function(error, result){
console.log(result);
});
client.close();
|
sample1.jsとして保存した
３．memcachedが動いていることを確認
前に書いた、
memcachedをWindowsXPにいれて、Javaで操作する
http://blog.goo.ne.jp/xmldtp/e/9d0f3f127829ed2d617d3f52668177f3
の「■起動」で、「サービスの状態」が「開始」になっていることを確認する。
４．node.js起動
node.jsのフォルダに行き
node sample1.js
とうつと、以下のようにvalueと出てくる。
