<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>CIOを目指しつつの8makiのアレ &#187; エンジニア</title>
	<atom:link href="http://blog.8maki.jp/category/proposal/it/engineer/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.8maki.jp</link>
	<description>俺と周りの変態リタラシーを埋める</description>
	<lastBuildDate>Sat, 28 Jan 2012 04:05:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/category/proposal/it/engineer/feed" />
		<item>
		<title>Quick Zsh Tip: ディレクトリのブックマーク</title>
		<link>http://blog.8maki.jp/2011/02/quick-zsh-tip.html</link>
		<comments>http://blog.8maki.jp/2011/02/quick-zsh-tip.html#comments</comments>
		<pubDate>Sun, 20 Feb 2011 06:17:44 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[エンジニア]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=818</guid>
		<description><![CDATA[
			
				
			
		
Y CombinatorのHacker Newsを見てたら、Bashにおけるディレクトリのブックマーク方法について書かれてました。
これでcdの手間がすごい省ける！
&#187; Quick Bash Tip : Directory Bookmarks
そのzsh版もコメント欄に書かれていたのですが、コピペするだけじゃ動かなかったので、修正版をUP。

# ZSH Directory Bookmarks
alias m1='alias g1=&#34;cd `pwd`&#34;'
alias m2='alias g2=&#34;cd `pwd`&#34;'
alias m3='alias g3=&#34;cd `pwd`&#34;'
alias m4='alias g4=&#34;cd `pwd`&#34;'
alias m5='alias g5=&#34;cd `pwd`&#34;'
alias m6='alias g6=&#34;cd `pwd`&#34;'
alias m7='alias g7=&#34;cd `pwd`&#34;'
alias m8='alias g8=&#34;cd `pwd`&#34;'
alias m9='alias g9=&#34;cd `pwd`&#34;'
alias mdump='alias &#124; grep -e &#34;g[0-9]=&#34; &#124; grep -v &#34;m[0-9]&#34; &#124; sed &#34;s/^g/alias g/g&#34; &#62; ~/.bookmarks'
alias lma='alias [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2011%2F02%2Fquick-zsh-tip.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2011%2F02%2Fquick-zsh-tip.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Y Combinatorの<a href="http://news.ycombinator.com/" target="_blank">Hacker News</a>を見てたら、Bashにおけるディレクトリのブックマーク方法について書かれてました。<br />
これでcdの手間がすごい省ける！<br />
&raquo; <a href="http://www.huyng.com/archives/quick-bash-tip-directory-bookmarks/492/" target="_blank">Quick Bash Tip : Directory Bookmarks</a></p>
<p>そのzsh版もコメント欄に書かれていたのですが、コピペするだけじゃ動かなかったので、修正版をUP。</p>
<pre class="brush: bash;">
# ZSH Directory Bookmarks
alias m1='alias g1=&quot;cd `pwd`&quot;'
alias m2='alias g2=&quot;cd `pwd`&quot;'
alias m3='alias g3=&quot;cd `pwd`&quot;'
alias m4='alias g4=&quot;cd `pwd`&quot;'
alias m5='alias g5=&quot;cd `pwd`&quot;'
alias m6='alias g6=&quot;cd `pwd`&quot;'
alias m7='alias g7=&quot;cd `pwd`&quot;'
alias m8='alias g8=&quot;cd `pwd`&quot;'
alias m9='alias g9=&quot;cd `pwd`&quot;'
alias mdump='alias | grep -e &quot;g[0-9]=&quot; | grep -v &quot;m[0-9]&quot; | sed &quot;s/^g/alias g/g&quot; &gt; ~/.bookmarks'
alias lma='alias | grep -e &quot;g[0-9]=&quot; | grep -v &quot;m[0-9]&quot; | sed &quot;s/^g/alias g/g&quot;'
touch ~/.bookmarks
source ~/.bookmarks
</pre>
<p>こうするとブックマークされて↓</p>
<pre class="brush: bash;">
# This will create a bookmark for the /var/www directory
/var/www% m1
</pre>
<p>こうするとブックマークしたディレクトリに移動できます↓</p>
<pre class="brush: bash;">
# This will cd into /var/www
/var/www% g1
</pre>
<p>`lma`コマンドで今のブックマーク状況をチェックできます。</p>
<pre class="brush: bash;">
/var/www% lma
alias g1='cd /var/www/'
alias g2='cd /etc/httpd/conf.d'
</pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2011/02/quick-zsh-tip.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2011/02/quick-zsh-tip.html" />
	</item>
		<item>
		<title>マニアックな金融系サイトをnode.jsとMongoDBで実装してみた（実装編）</title>
		<link>http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_development.html</link>
		<comments>http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_development.html#comments</comments>
		<pubDate>Tue, 18 Jan 2011 23:52:40 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[サービス]]></category>
		<category><![CDATA[express.js]]></category>
		<category><![CDATA[mongoDB]]></category>
		<category><![CDATA[node.js]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=778</guid>
		<description><![CDATA[
			
				
			
		
さて、前回の記事「マニアックな金融系サイトをnode.jsとMongoDBで実装してみた（概要編）」に続き、実装の詳細を書こうと思うのですが、こちらはどうせ技術者しか見ないので手っ取り早く、コードとシェルを中心にします。
この記事では、開発から運営まで一連の流れを示して、node.jsとMongoDBである程度のWebサービスを提供できるようになること、を目的としています。
SakuraのVPSにMongoDBとnode.jsをインストール
以前、別のサーバーにMongoDBを入れてアクセス解析をしようとしたのですが、どうやら32bit版だと1つのDBは2GB以上入れられないらしく。
しかたなしにSakruaのVPS（CentOS64bit）に64bit版のMongoDBをソースコードから入れました。
※32bitだとyumとかapt-getとかで入ったのにー

wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-1.6.5.tgz
tar xvzf mongodb-linux-x86_64-1.6.5.tgz
sudo mv mongodb-linux-x86_64-1.6.5 /usr/local/bin # どっか適当に
sudo mv /usr/local/bin/mongodb-linux-x86_64-1.4.3 /usr/local/bin/mongodb
useradd mongodb
mkdir /var/lib/mongodb  # 中身を入れるディレクトリ
chown -R mongodb:mongodb /var/lib/mongodb
mkdir /var/log/mongod
chown -R mongodb:mongodb /var/log/mongod
sudo /sbin/chkconfig --add mongod
/sbin/chkconfig mongod on
/sbin/chkconfig --list &#124;grep mongod
sudo /etc/init.d/mongod # 起動スクリプト
sudo /etc/init.d/mongod start
sudo easy_install pymongo # ついでにpythonから使うのでライブラリインストール

ちなみに、デーモン化したかったので簡単な起動シェルをこちらから拝借してきました。
&#187; 技術メモ
（こちら、公開してなかったらゴメンナサイ。そしたら別にファイル作ります。）
試しにmongoのシェルから動いてるのを確認してみてください。

mongo
----
MongoDB shell version: 1.6.5
connecting to: test
&#62; show dbs
admin
local
test

次にnode.jsを入れます。
安定版の0.2.6をインストール。ssl使う場合はもっと大変そう。

wget http://nodejs.org/dist/node-v0.2.6.tar.gz
tar zxvf node-v0.2.6.tar.gz
cd node-v0.2.6
./configure --without-ssl
make
sudo make [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2011%2F01%2Fmarketgeek_nodejs_mongodb_development.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2011%2F01%2Fmarketgeek_nodejs_mongodb_development.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>さて、前回の記事「<a href="http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_outline.html">マニアックな金融系サイトをnode.jsとMongoDBで実装してみた（概要編）</a>」に続き、実装の詳細を書こうと思うのですが、こちらはどうせ技術者しか見ないので手っ取り早く、コードとシェルを中心にします。</p>
<p>この記事では、開発から運営まで一連の流れを示して、<strong>node.jsとMongoDBである程度のWebサービスを提供できるようになること</strong>、を目的としています。</p>
<h4>SakuraのVPSにMongoDBとnode.jsをインストール</h4>
<p>以前、別のサーバーに<a href="http://www.mongodb.org/" target="_blank">MongoDB</a>を入れてアクセス解析をしようとしたのですが、どうやら32bit版だと1つのDBは2GB以上入れられないらしく。<br />
しかたなしにSakruaのVPS（CentOS64bit）に64bit版のMongoDBを<a href="http://www.mongodb.org/downloads" target="_blank">ソースコード</a>から入れました。<br />
※32bitだとyumとかapt-getとかで入ったのにー</p>
<pre class="brush: bash;">
wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-1.6.5.tgz
tar xvzf mongodb-linux-x86_64-1.6.5.tgz
sudo mv mongodb-linux-x86_64-1.6.5 /usr/local/bin # どっか適当に
sudo mv /usr/local/bin/mongodb-linux-x86_64-1.4.3 /usr/local/bin/mongodb
useradd mongodb
mkdir /var/lib/mongodb  # 中身を入れるディレクトリ
chown -R mongodb:mongodb /var/lib/mongodb
mkdir /var/log/mongod
chown -R mongodb:mongodb /var/log/mongod
sudo /sbin/chkconfig --add mongod
/sbin/chkconfig mongod on
/sbin/chkconfig --list |grep mongod
sudo /etc/init.d/mongod # 起動スクリプト
sudo /etc/init.d/mongod start
sudo easy_install pymongo # ついでにpythonから使うのでライブラリインストール
</pre>
<p>ちなみに、デーモン化したかったので簡単な起動シェルをこちらから拝借してきました。<br />
&raquo; <a href="https://luna.easyjp.net/projects/memo/wiki/mongodb/install" target="_blank">技術メモ</a><br />
（こちら、公開してなかったらゴメンナサイ。そしたら別にファイル作ります。）</p>
<p>試しにmongoのシェルから動いてるのを確認してみてください。</p>
<pre class="brush: bash;">
mongo
----
MongoDB shell version: 1.6.5
connecting to: test
&gt; show dbs
admin
local
test
</pre>
<p>次に<a href="http://nodejs.org/" target="_blank">node.js</a>を入れます。<br />
安定版の0.2.6をインストール。ssl使う場合はもっと大変そう。</p>
<pre class="brush: bash;">
wget http://nodejs.org/dist/node-v0.2.6.tar.gz
tar zxvf node-v0.2.6.tar.gz
cd node-v0.2.6
./configure --without-ssl
make
sudo make install
</pre>
<p>また、node.jsはライブラリのパッケージ管理に<a href="https://github.com/isaacs/npm" target="_blank">npm</a>というものを使っていて、こちらもインストール。</p>
<p><b-quote>ここまできて、npmは/usrとか/usr/localにroot権限で入れるのではなく、$HOME/.npmrcを設定して一般ユーザーの権限で入れるのがベストプラクティスなのだと理解した。</b-quote><br />
&raquo; <a href="http://d.hatena.ne.jp/perezvon/20100929/1285780850" target="_blank">npmをインストールする &#8211; スコトプリゴニエフスク通信</a></p>
<p>とのことで、おとなしくそれに従う。ってか実際rootで入れると、sudo npm install xxxするときに怒られます。</p>
<pre class="brush: bash;">
wget https://download.github.com/isaacs-npm-v0.2.14-6-14-g0cec5bf.tar.gz
cat &gt;&gt;~/.npmrc &lt;&lt;NPMRC
root = $HOME/.node_libraries
binroot = $HOME/bin
manroot = $HOME/share/man
NPMRC
tar -zxvf isaacs-npm-v0.2.14-6-14-g0cec5bf.tar.gz
cd isaacs-npm-v0.2.14-6-14-g0cec5bf
make install
</pre>
<p>で、必要なライブラリをインストール。</p>
<pre class="brush: bash;">
npm install express # これは古いらしく結局ソースから読み込み・・・
npm install mongodb
npm install ejs
npm install spark # 結局使わず・・・
npm install forever
</pre>
<h4>node.jsでwebサーバーを書く</h4>
<p>これで一通り環境が整ったので、適当なフォルダにapp.jsかなんかのファイル名でごりごり書いていきます。<br />
前提として、mongoDBに既に必要なデータは入ってるものとします。<br />
詳しくはmongoDBの<a href="http://www.mongodb.org/display/DOCSJP/Home" target="_blank">日本語マニュアル</a>を参照。<a href="http://twitter.com/doryokujin" target="_blank">@doryokujin</a>君に感謝！</p>
<p>ちなみにnode.jsコミュでは一番メジャーっぽい、<a href="http://expressjs.com/" target="_blank">express.js</a>っていうフレームワークを使っています。<br />
<a href="https://github.com/visionmedia/express/tree/master/examples/" target="_blank">github</a>にサンプルコードがたくさん載っていて、特にmvcがとても参考になりました。</p>
<p>なお、フォルダ構成はこんな感じです。<br />
/service<br />
　/public・・・cssとかimgとか静的ファイル<br />
　/express・・・expressの本体<br />
　/views・・・テンプレートファイル<br />
　　body.html<br />
　　layout.html<br />
　　header.html<br />
　app.js</p>
<p>app.js</p>
<pre class="brush: jscript;">
var express = require('./express'),
	phpjs = require('./php');

var app = module.exports = express.createServer(),
	Db = require('mongodb/db').Db,
	ObjectID = require('mongodb/bson/bson').ObjectID,
	Server = require('mongodb/connection').Server,
	db = new Db('dbname', new Server('localhost', 27017, {}));

app.set('views', __dirname + '/views');
app.register('.html', require('ejs'));
# express.jsはテンプレートエンジンにjadeを使ってるがキモいのでejs
app.set('view engine', 'html');
app.use(express.staticProvider(__dirname + '/public'));
# 静的フォルダの指定
app.use(express.logger('\x1b[33m:method\x1b[0m :date :status \x1b[32m:url\x1b[0m :response-time :remote-addr :referrer'));
# loggerはnode.jsが使っているConnectのformatに対応
app.helpers({ # テンプレートから呼び出せるヘルパー関数群
  helper1: function(){ return false; },
  helper2: functoin(){ return true; }
});
# routingの部分。 / にアクセスしたらこれが実行される
app.get('/', function(req, res){
	getCollection1(function(result1){
		getCollection2(function(result2){
			res.render('body', { # layout.htmlを使ったbody.htmlを描画
				layout:'layout',
				result1: result1,
				result2: result2
			});
		});
	});
});

db.open(function(){}); # dbをオープン。これしないと接続できなかった。。。
function getCollection1(callback) {
	db.collection('collection1', function(error, stock_info) {
		if( error ) console.log(error);
		else {
			stock_info.find({}, function(error, cursor){
				if( error ) console.log(error)
				else{
					cursor.toArray(function(error, results) {
						if( error ) console.log(error)
						else callback(results);
					})
				};
			})
		}
	});
}
function getCollection2(callback) { /* 以下同文 */ }

console.log('Express app started');
app.listen(3000);
</pre>
<p>layout.html</p>
<pre class="brush: xml;">
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;body&gt;
	&lt;div id=&quot;header&quot;&gt;&lt;%- partial('header') %&gt;&lt;/div&gt;&lt;!-- こういう風にヘッダも分けれる --&gt;
	&lt;div id=&quot;body&quot;&gt;&lt;%- body %&gt;&lt;/div&gt;&lt;!-- 中身がここに書かれる --&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>開発のポイントとしては、<br />
・<strong><a href="http://phpjs.org/" target="_balnk">php.js</a>が便利すぎる！</strong><br />
　phpの関数をjavascriptでどう書くか？というスニペット集。<br />
　上記コードでは必要な関数を外部モジュール化して使ってます。<br />
・<strong>loggerのformatが不明だった</strong><br />
　node.jsが使っているConnectのサイトに<a href="http://senchalabs.github.com/connect/logger.html" target="_blank">API</a>が！<br />
・<strong>DBへのアクセス毎にcallbackが入れ子していくので、とにかくアクセスは少なく！</strong><br />
　いやはやMongoDB使ってて正解でした。<br />
　これがMySQLだったらどれだけ入れ子していったことか。<br />
　もちろん<a href="https://github.com/cho45/jsdeferred" target="_blank">jsdeferred</a>とか使って同期処理させることはできますが。</p>
<p>これでモノは揃ったので、実際に実行してみます。</p>
<pre class="brush: bash;">
cd /path/to/service
node app.js
</pre>
<p>すると&#8221;Express app started&#8221;と出るので、実際に http://localhost:3000/ から確認してください。<br />
ポートは自由に変えられます。</p>
<h4>nodeのデーモン化を行う</h4>
<p>一応以上までで実装は完了してるのですが、これをちゃんとサービスとして運営するにはあともろもろ必要ですよね。</p>
<p>一番てこずったのが、デーモン化。<br />
なんかエラー出して止まっちゃったときに、自動で再起動してくれないと困る。<br />
結論から言うと、npmでインストールできるforeverというライブラリを使っているのですが、右余曲折ありまして。</p>
<p>1. どうやらspark（configの設定、マルチコア対策）+upstart（デーモン化）+monit（監視）がテッパンらしい。<br />
&raquo; <a href="http://howtonode.org/deploying-node-with-spark" target="_blank">Deploying Node Apps with Spark &#8211; How To Node &#8211; NodeJS</a><br />
&raquo; <a href="http://howtonode.org/deploying-node-upstart-monit" target="_blank">Deploying Node.js With Upstart and Monit</a><br />
2. sparkはすんなり入った。<br />
3. upstartが動かん・・・ってrequirementがpython2.5以上で他にもCentOS5向けじゃなさそう・・・<br />
&raquo; <a href="http://upstart.ubuntu.com/faq.html#requirements-building" target="_blank">What are the requirements for building Upstart?</a><br />
4. じゃあmonitから直でspark呼ぶか、ってnpmとか諸々$HOMEに入れてるから、monitから起動できない模様・・・<br />
5. なんか他にも、<a href="https://github.com/frank06/spark2" target="_blank">spark2</a>とか<a href="https://github.com/indexzero/daemon.node" target="_blank">daemon.node</a>とか<a href="http://blog.nodejitsu.com/keep-a-nodejs-server-up-with-forever" target="_blank">forever</a>とか色々あるな～<br />
6. daemon.nodeは割と有名っぽいけど、作者が同じforeverが簡単そう！</p>
<pre class="brush: bash;">
cd /path/to/service
forever start app.js
</pre>
<p>7. 動いた！←イマココ</p>
<p>これで何とかデーモン化ができました。</p>
<h4>実際にデプロイする</h4>
<p>ちょっとポートを空けてうんぬんとか面倒くさかったので、ApacheからProxyさせました。<br />
これだとloggerの:remote-addressにIPが出ないんですけどね・・・<br />
近々改善予定。<br />
&raquo; <a href="http://mitukiii.jp/2010/12/26/ubuntu-install-node-js-and-proxy-apache/" target="_blank">mitukiii.jp | Ubuntuにnode.js入れてApacheからProxyさせてみた</a></p>
<p>ついでにMongoDBの状況をmuninでチェックできるように、<a href="https://github.com/erh/mongo-munin" target="_blank">mongo-munin</a>とやらを導入しました。</p>
<pre class="brush: bash;">
sudo ln -s /usr/share/munin/plugins/mongo_ops /etc/munin/plugins/mongo_ops
sudo /etc/init.d/munin-node restart
</pre>
<h4>まとめ</h4>
<p>いやいや、MongoDBもnode.jsも初めてだったので四苦八苦しました。<br />
しかもnode.jsに関しては、まとまった日本語ドキュメントが無いという・・・<br />
ていうか全体的にドキュメントが不足がち。<br />
しかもまだ安定運営周りの方法が確立していないようで、色々議論されてました。<br />
<a href="http://groups.google.com/group/nodejs/browse_thread/thread/757d177ac3bf3c32/1fda92d9aa9d8d8f" target="_balnk">node servers, npm scripts, spark2 and monit</a><br />
たしかにnpm start app.jsで管理できたら便利やなー</p>
<p>でもこれで、一通りnode.js周りのことが勉強できたし、足りないとこだらけなので貢献していければなーと思います。<br />
久々の長文ありがとうございました。</p>
<p>今回リリースしたサイト↓<br />
<a href="http://marketgeek.net/ja/" target="_blank">http://marketgeek.net/ja/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_development.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_development.html" />
	</item>
		<item>
		<title>マニアックな金融系サイトをnode.jsとMongoDBで実装してみた（概要編）</title>
		<link>http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_outline.html</link>
		<comments>http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_outline.html#comments</comments>
		<pubDate>Tue, 18 Jan 2011 23:52:27 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[サービス]]></category>
		<category><![CDATA[金融]]></category>
		<category><![CDATA[Marketgeek]]></category>
		<category><![CDATA[mongoDB]]></category>
		<category><![CDATA[Naspers]]></category>
		<category><![CDATA[node.js]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=777</guid>
		<description><![CDATA[
			
				
			
		

ちょっと半分趣味で、Marketgeekなるマニアックなファイナンス系のサイトを、意味もなくnode.jsとMongoDBで実装、リリースしました。
ただ、node.jsとMongoDBは結構はやりな割に、運用実績がすごく少ないようで、その技術の背景など含めてまとめてみました。
※なお、開発回りのことだけ知りたい方はこちらへどうぞ↓
» マニアックな金融系サイトをnode.jsとMongoDBで実装してみた（実装編）
node.jsとは何か？
node.jsは、サーバーサイドJavascriptのフレームワークで、簡単にWebサーバー等を実装することができます。
サーバサイドJavascriptは昔から注目されていましたが、node.jsの登場で一気にその流れが加速。
理由といえば、こういう類のモノにしては、びっくりするくらい速い！こと。
Google Chromeで採用していたV8をJavascrptエンジンに使っており、スピードUPが測れたとのこと。
いわゆる&#8221;Pythonより速い&#8221;らしいｗ
加えて、昨今HTML5も騒がれていますが、そうなるとサーバーへのリクエストが細分化されますよね？
そうすると非同期で処理するnode.jsはうってつけかも！という流れもあり（WebSocketとか）、今年はnode.jsの年！と言われるようになったのかも。
node.jsに関してはこの記事が詳しいです↓
» 2011年はサーバサイドJavaScriptの年になる － Publickey
MongoDBとは何か？
MongoDBとは、いわゆるNoSQL系のDBで、最新DBの中では一番注目されているオープンソースです。
今まで主流のDBであるRDBは、いわゆるExcelのようにまず列を決めてその属性群（スキーマと言う）をもったデータを行として入れていく、というスタイルのものでしたが、NoSQL系のDBではkey（IDのようなもの）でデータを管理し、そのデータの属性（スキーマ）は一定に決めなくてもよい、という柔軟なデータ構造を取れるため各所で使われ始めています。
スキーマレスDBとも言われています。
中でもMongoDBは、KVS（Key Value Store）だけでなく、複雑な検索を行ったり、インデックス張ったり、簡単にスケールさせられたり（サーバー増やしやすい）と、実用にかなった機能をもっているため広まってきています。
ちなみに実用実績としては、ForsquareがMongoDBを採用してるようです。
MongoDBと他のDBとの比較はこの記事が詳しいです↓
» MongoDB’s performance as compared to others
また、3月頭にMongoDBの商用サポートを行っている10genのイベントが東京であるらしいので興味ある方はどうぞ。
» Mongo Tokyo
なぜnode.js+MongoDBを使って実装したのか？
柔軟に金融情報を管理しようとするとスキーマ決めるのって難しいよねーっていう感じと、今後もっとリッチなVisualizationを作っていくためにAjaxとかWebSocketに適してるっぽいのがいいという勘で、MongoDBとnode.jsを選んでみました。
。。。正直あんま理由とかはないですけどねf^^;
ていうか、もともとこういうサイトを作る気合いはあったのですが、ただ技術的には何も新しい・難しいことはないので、だったら勉強がてらやってみよう！というノリでｗ
あと、オープンソースコミュニティにもそろそろ絡んでいきたいなーと思っていて、発展途上のnode.jsとMongoDBは最適だ思ったので。
開発して分かったのですが、まだまだ色々な問題点があるので、随時コミットしていきたい。
なぜMarketgeekを作ったのか？
日本のベンチャー界隈も「世界へ出ろ！英語化しろ！」とはやし立てられてますけど、実際世界と日本の違いをまともに話せる人、まともに比較できるリソースがあまりにも少なすぎるかなー、と。
それだと「とりあえず英語化して、海外視察して、ちょっと英語でプレゼンしてみて。」っていう感じで終わってしまう気がする。
そこで、具体的に何を目標にどうアプローチしていけばよいのか、思考のネタになるものを作ってみたかったとです。
加えて、逆に英語圏の人からアジアのベンチャーとかって、中々見えにくいのではないでしょうか？
2バイト文字ばっかだし。
もちろん中国とかシンガポールとかにたくさんVCは進出してきてある程度情報が海を越えてるかもしれませんが、英語で書かれた米メディアに比べて、アジアの英語メディアって圧倒的に少ない。
特に東南アジア。
これからはアジアの時代になると言われていますし、思った以上にニーズがありそうで、かつそれなりのポジションを築けそうだったのでホイホイ作ってみました。
まぁなにより作ってて単純に楽しかったです。
最先端の技術使って、興味のあるマニアックなもの作ってｗ
Naspersって２兆円もあるのか！フヒヒヒヒヒっｗｗｗみたいなｗ
あ、ちなみにNaspersは@anritさんが作ったこの図が凄く分かりやすい。
Zynga、Groupon、Facebookの金の供給元ってすごいですよね。

とりあえず見てみてください。随時機能拡張予定です。
http://marketgeek.net/ja/
あと、要望とかコメントとかあったらtwitterへどうぞ⇒@marketgeek_net
技術編はこちら↓
» マニアックな金融系サイトをnode.jsとmongoDBで実装してみた（実装編）
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2011%2F01%2Fmarketgeek_nodejs_mongodb_outline.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2011%2F01%2Fmarketgeek_nodejs_mongodb_outline.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://marketgeek.net/ja/"><img src="http://marketgeek.net/img/logo.gif" style="margin-top:10px;"></a></p>
<p>ちょっと半分趣味で、<a href="http://marketgeek.net/ja/" target="_blank">Marketgeek</a>なるマニアックなファイナンス系のサイトを、意味もなくnode.jsとMongoDBで実装、リリースしました。</p>
<p>ただ、node.jsとMongoDBは結構はやりな割に、運用実績がすごく少ないようで、その技術の背景など含めてまとめてみました。<br />
※なお、開発回りのことだけ知りたい方はこちらへどうぞ↓<br />
» <a href="http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_development.html">マニアックな金融系サイトをnode.jsとMongoDBで実装してみた（実装編）</a></p>
<h4>node.jsとは何か？</h4>
<p>node.jsは、サーバーサイドJavascriptのフレームワークで、簡単にWebサーバー等を実装することができます。</p>
<p>サーバサイドJavascriptは昔から注目されていましたが、<a href="http://nodejs.org/" target="_blank">node.js</a>の登場で一気にその流れが加速。<br />
理由といえば、こういう類のモノにしては、びっくりするくらい速い！こと。<br />
Google Chromeで採用していたV8をJavascrptエンジンに使っており、スピードUPが測れたとのこと。<br />
いわゆる&#8221;Pythonより速い&#8221;らしいｗ</p>
<p>加えて、昨今HTML5も騒がれていますが、そうなるとサーバーへのリクエストが細分化されますよね？<br />
そうすると非同期で処理するnode.jsはうってつけかも！という流れもあり（WebSocketとか）、今年はnode.jsの年！と言われるようになったのかも。</p>
<p>node.jsに関してはこの記事が詳しいです↓<br />
» <a href="http://www.publickey1.jp/blog/11/2011javascript.html" target="_blank">2011年はサーバサイドJavaScriptの年になる － Publickey</a></p>
<h4>MongoDBとは何か？</h4>
<p><a href="http://www.mongodb.org/" target="_blank">MongoDB</a>とは、いわゆるNoSQL系のDBで、最新DBの中では一番注目されているオープンソースです。<br />
今まで主流のDBであるRDBは、いわゆるExcelのようにまず列を決めてその属性群（スキーマと言う）をもったデータを行として入れていく、というスタイルのものでしたが、NoSQL系のDBではkey（IDのようなもの）でデータを管理し、そのデータの属性（スキーマ）は一定に決めなくてもよい、という柔軟なデータ構造を取れるため各所で使われ始めています。<br />
スキーマレスDBとも言われています。</p>
<p>中でもMongoDBは、KVS（Key Value Store）だけでなく、複雑な検索を行ったり、インデックス張ったり、簡単にスケールさせられたり（サーバー増やしやすい）と、実用にかなった機能をもっているため広まってきています。</p>
<p>ちなみに実用実績としては、ForsquareがMongoDBを採用してるようです。<br />
MongoDBと他のDBとの比較はこの記事が詳しいです↓<br />
» <a href="http://prajwal-tuladhar.net.np/2009/11/15/500/mongodbs-performance-as-compared-to-others-esp-couchdb/" target="_blank">MongoDB’s performance as compared to others</a></p>
<p>また、3月頭にMongoDBの商用サポートを行っている10genのイベントが東京であるらしいので興味ある方はどうぞ。<br />
» <a href="http://www.10gen.com/conferences/mongotokyo2011" target="_blank">Mongo Tokyo</a></p>
<h4>なぜnode.js+MongoDBを使って実装したのか？</h4>
<p>柔軟に金融情報を管理しようとするとスキーマ決めるのって難しいよねーっていう感じと、今後もっとリッチなVisualizationを作っていくためにAjaxとかWebSocketに適してるっぽいのがいいという勘で、MongoDBとnode.jsを選んでみました。</p>
<p>。。。正直あんま理由とかはないですけどねf^^;<br />
ていうか、もともとこういうサイトを作る気合いはあったのですが、ただ技術的には何も新しい・難しいことはないので、だったら勉強がてらやってみよう！というノリでｗ</p>
<p>あと、オープンソースコミュニティにもそろそろ絡んでいきたいなーと思っていて、発展途上のnode.jsとMongoDBは最適だ思ったので。<br />
開発して分かったのですが、まだまだ色々な問題点があるので、随時コミットしていきたい。</p>
<h4>なぜMarketgeekを作ったのか？</h4>
<p>日本のベンチャー界隈も「世界へ出ろ！英語化しろ！」とはやし立てられてますけど、実際世界と日本の違いをまともに話せる人、まともに比較できるリソースがあまりにも少なすぎるかなー、と。<br />
それだと「とりあえず英語化して、海外視察して、ちょっと英語でプレゼンしてみて。」っていう感じで終わってしまう気がする。<br />
そこで、具体的に何を目標にどうアプローチしていけばよいのか、思考のネタになるものを作ってみたかったとです。</p>
<p>加えて、逆に英語圏の人からアジアのベンチャーとかって、中々見えにくいのではないでしょうか？<br />
2バイト文字ばっかだし。<br />
もちろん中国とかシンガポールとかにたくさんVCは進出してきてある程度情報が海を越えてるかもしれませんが、英語で書かれた米メディアに比べて、アジアの英語メディアって圧倒的に少ない。<br />
特に東南アジア。<br />
これからはアジアの時代になると言われていますし、思った以上にニーズがありそうで、かつそれなりのポジションを築けそうだったのでホイホイ作ってみました。</p>
<p>まぁなにより作ってて単純に楽しかったです。<br />
最先端の技術使って、興味のあるマニアックなもの作ってｗ<br />
Naspersって２兆円もあるのか！フヒヒヒヒヒっｗｗｗみたいなｗ</p>
<p>あ、ちなみにNaspersは<a href="http://twitter.com/Anrit" target="_blank">@anrit</a>さんが作ったこの図が凄く分かりやすい。<br />
Zynga、Groupon、Facebookの金の供給元ってすごいですよね。<br />
<a href="http://gyazo.com/2f52ac5d79a78144e58f95f137422b2e.png" target="_blank"><img src="http://gyazo.com/2f52ac5d79a78144e58f95f137422b2e.png" alt="naspers" width="400" style="border:solid 1px #808080;" /></a></p>
<p>とりあえず見てみてください。随時機能拡張予定です。<br />
<a href="http://marketgeek.net/ja/" target="_blank">http://marketgeek.net/ja/</a></p>
<p>あと、要望とかコメントとかあったらtwitterへどうぞ⇒<a href="http://twitter.com/marketgeek_net/" target="_blank">@marketgeek_net</a></p>
<p>技術編はこちら↓<br />
» <a href="http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_development.html">マニアックな金融系サイトをnode.jsとmongoDBで実装してみた（実装編）</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_outline.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2011/01/marketgeek_nodejs_mongodb_outline.html" />
	</item>
		<item>
		<title>GAE専用のフレームワーク「Kay Framework」のチュートリアルを試す</title>
		<link>http://blog.8maki.jp/2010/09/gae-kay-framework-tutorial.html</link>
		<comments>http://blog.8maki.jp/2010/09/gae-kay-framework-tutorial.html#comments</comments>
		<pubDate>Sun, 05 Sep 2010 14:52:36 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[エンジニア]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=756</guid>
		<description><![CDATA[
			
				
			
		
ちょっと大量のデータをやりとりするようなWebアプリケーションのプロトタイプを作って、色々データ分析したくなった。
そこで、ちょちょっとTwitterの分析系アプリを作ろうと思い立って、大量のデータを安価に、簡単にスケールさせられることからGAE（Google App Engine）に手を出した。
実は結構前からGAEを色々いじくってるんだが、いつもpythonのWebフレームワークとして使っているdjango（正式にはジャンゴと読むらしい）がGAEだと結構めんどくさそう。
バージョンも0.9と古いということでうまいやり方を探していいたところ、友人にKay FrameworkなるGAE専用の日本人作フレームワークを教えてもらったので使ってみた。
結論：かなり使いやすい！
Twitter OAuthとの繋ぎこみあたりなんか、デフォルトで仕組みが組み込まれてて、5分くらいで実装できた。
そこまで行くのに、チュートリアルとかいじりつつ、4時間ぐらいか。
&#187; 1. Kay チュートリアル — Kay v0.10.0 documentation
日本人の方が作っているということで日本語ドキュメントもそれなりに整備されていて、かなり扱いやすかったのだが、manage.pyを使わず、Google App Engine Launcherを主に使って嵌った点があったのでまとめる。
1.2.4. GAE にアップロードする
デプロイしてwebを確認したら、下記のようなエラーが出た。
TemplateNotFound: myapp/index.html
どうやら、tenplateファイルをコンパイルする必要があるらしい。
実際、下記のコマンドを実行するとエラーは消えた。
python manage.py preparse_apps
1.7.2. 管理用スクリプト
データベースのマスタデータの挿入などの管理スクリプトの実行をどうするのか迷ったが、普通に下記のようにコマンドを打てば大丈夫。
python manage.py create_categories -h localhost:8080 --no-secure
これは、本番環境でも使える。
localhost:8080 -> xxx.appspot.com
OAuth
さて、実際にTwitter OAuthと連携させる段階。
どうやらKay FrameworkはOpenIDやOAuthにも既に対応しているらしい。
&#187; Kay Framework で認証に Twitter の OAuth を使う方法
この通りにやったら本当にできてしまった。
一瞬。
これから簡単なTwitterアプリを作ろうって人は、Kay Frameworkが激しくオススメ！！
&#187; kay-framework &#8211; Project Hosting on Google Code
※今までメディアブログを意識して文体は丁寧語でしたが、もっと気軽にブログを書きたいと思ったので、ゆるい感じの文体に戻そうかと。
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F09%2Fgae-kay-framework-tutorial.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F09%2Fgae-kay-framework-tutorial.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>ちょっと大量のデータをやりとりするようなWebアプリケーションのプロトタイプを作って、色々データ分析したくなった。<br />
そこで、ちょちょっとTwitterの分析系アプリを作ろうと思い立って、大量のデータを安価に、簡単にスケールさせられることから<a href="http://code.google.com/intl/ja/appengine/" target="_blank">GAE（Google App Engine）</a>に手を出した。</p>
<p>実は結構前からGAEを色々いじくってるんだが、いつもpythonのWebフレームワークとして使っている<a href="http://www.djangoproject.com/" target="_blank">django</a>（正式にはジャンゴと読むらしい）がGAEだと結構めんどくさそう。<br />
バージョンも0.9と古いということでうまいやり方を探していいたところ、友人にKay FrameworkなるGAE専用の日本人作フレームワークを教えてもらったので使ってみた。</p>
<p><strong>結論</strong>：かなり使いやすい！</p>
<p>Twitter OAuthとの繋ぎこみあたりなんか、デフォルトで仕組みが組み込まれてて、5分くらいで実装できた。<br />
そこまで行くのに、チュートリアルとかいじりつつ、4時間ぐらいか。</p>
<p>&raquo; <a href="http://kay-docs-jp.shehas.net/tutorial.html" target="_blank">1. Kay チュートリアル — Kay v0.10.0 documentation</a></p>
<p>日本人の方が作っているということで日本語ドキュメントもそれなりに整備されていて、かなり扱いやすかったのだが、manage.pyを使わず、Google App Engine Launcherを主に使って嵌った点があったのでまとめる。</p>
<h4>1.2.4. GAE にアップロードする</h4>
<p>デプロイしてwebを確認したら、下記のようなエラーが出た。<br />
<code>TemplateNotFound: myapp/index.html</code><br />
どうやら、tenplateファイルをコンパイルする必要があるらしい。<br />
実際、下記のコマンドを実行するとエラーは消えた。</p>
<pre class="brush: bash;">python manage.py preparse_apps</pre>
<h4>1.7.2. 管理用スクリプト</h4>
<p>データベースのマスタデータの挿入などの管理スクリプトの実行をどうするのか迷ったが、普通に下記のようにコマンドを打てば大丈夫。</p>
<pre class="brush: bash;">python manage.py create_categories -h localhost:8080 --no-secure</pre>
<p>これは、本番環境でも使える。<br />
localhost:8080 -> xxx.appspot.com</p>
<h4>OAuth</h4>
<p>さて、実際にTwitter OAuthと連携させる段階。<br />
どうやらKay FrameworkはOpenIDやOAuthにも既に対応しているらしい。</p>
<p>&raquo; <a href="http://d.hatena.ne.jp/griefworker/20100524/kay_framework_twitter_oauth" target="_blank">Kay Framework で認証に Twitter の OAuth を使う方法</a></p>
<p>この通りにやったら本当にできてしまった。<br />
一瞬。</p>
<p>これから簡単なTwitterアプリを作ろうって人は、Kay Frameworkが激しくオススメ！！<br />
&raquo; <a href="http://code.google.com/p/kay-framework/" target="_blank">kay-framework &#8211; Project Hosting on Google Code</a></p>
<p>※今までメディアブログを意識して文体は丁寧語でしたが、もっと気軽にブログを書きたいと思ったので、ゆるい感じの文体に戻そうかと。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2010/09/gae-kay-framework-tutorial.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2010/09/gae-kay-framework-tutorial.html" />
	</item>
		<item>
		<title>アイディアの発想法とData Visualizationは同じ構造なのではないか？</title>
		<link>http://blog.8maki.jp/2009/11/data-visualization_idea.html</link>
		<comments>http://blog.8maki.jp/2009/11/data-visualization_idea.html#comments</comments>
		<pubDate>Mon, 30 Nov 2009 14:51:32 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[松岡正剛]]></category>
		<category><![CDATA[編集学校]]></category>
		<category><![CDATA[高須賀宣]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=560</guid>
		<description><![CDATA[
			
				
			
		
(Data Visualization is the same as how to organize ideas [en])
先日、元サイボウズでアメリカでLUNARRを立ち上げられた高須賀さんにお会いしました。そこで、最近研究している Data Visualization について発想が沸いたので書き残します。各データの種類（スキーマ）から自動で適切な Visualization 方法を選択して表現する、という研究です。
高須賀さんのお話
「アイディアをひねり出すとき、いきなりすごいアイディアを考えるよりも、切り口を見つけてそこから発展させた方がいい。アイディアと切り口のバランスが取れた位置が一番エネルギーがある。」ものすごく簡単にまとめるとこういうお話でした。
つまり、ものごとを構造化してとらえ、ツールを使って着想を得た方がアイディアを出しやすい、ということ。
例： 新しいレーザーを考える。レーザーは点であり直進する。点の反対は面で、直進の反対は曲がる。これらを2次元グラフにプロットし、各象限に何が当てはまるか頭をひねる。面・曲がるという象限、つまりどこにおいても光を反射させ、面に映し出すという切り口から、スクリーンの前に置かなくてもよいプロジェクターというアイディアが生まれた。
このとき、切り口からアイディアをひねるために用いたツールが、高須賀さん曰く2&#215;2というもの。要は2軸ある2次元グラフで昔私もマトリックスとも呼んでいました。構造化してアイディアを得る・まとめる方法は以下の高須賀さんの記事が分かりやすいです。
» 事業を考える切り口 &#8211; Toru Takasuka の起業・経営ブログ
» 新しい concept のはじまり &#8211; Toru Takasuka の起業・経営ブログ
松岡正剛の編集学校で教える編集術
こういった発想の訓練、実は以前にも受けたことがありました。松岡正剛の編集学校で体験授業です。
割と戦略コンサルのケーススタディ訓練に似ているのですが、MECEに限らず、もっと自由に発想する、ということが目的で楽しかったのを覚えています。そこでいただいたパンフレットに、6個のツールが載っていました。



1. Combination (一種合成型)
2つのものを合成して新しいアイディアを生み出す。
2. Triple Jump (三間連結型)
ホップ・ステップ・ジャンプ型で発想を展開。大・中・小や過去・現在・未来などの切り口もあり。
3. Branching (二点分岐型)
一つのものを2つに展開。この例ではブランドを切り口に展開した。
4. Trinity (三位一体型)
三位一体型、3点セットで考える発想パターン。3Cなどが代表例かも。
5.1 All Around (二軸四方型1)
Branching型の枝が2つ増えて、四方へと分岐する発想法。
5.2 2&#215;2 (二軸四方型2)
2軸を決めてそれぞれのマスに何が入るか考える。マトリックス型。
※英語は勝手に私が変換したものです。

Data Visualizationとの関係
さて、本題ですが、切り口をツールにあてはめアイディアを得るという発想法と、Data Visualization は、頭の中では同じ構造で処理しているのではないか？というのが今回のパラダイム・シフトでした。

どちらも「分かりやすく考える」「分かりやすく表現する」ということで、頭の使い方が非常によく似ているような気がします。Data Visualization というと Computer Science チックですが、何か考えを図にまとめるときのことを考えると分かりやすくて、まず扱う対象があって、それを一つの側面で切ったデータ群があり、それをどう Visualize するか？というのは、高須賀さんのおっしゃる構造的な思考と同じプロセスを踏むのではないでしょうか。
普通 Data Visualization [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F11%2Fdata-visualization_idea.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F11%2Fdata-visualization_idea.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>(<a href="http://analyst.8maki.jp/2010/01/27/data-visualization-is-the-same-as-how-to-organize-ideas/" target="_blank">Data Visualization is the same as how to organize ideas [en]</a>)</p>
<p>先日、元サイボウズでアメリカで<a href="http://ja.wikipedia.org/wiki/LUNARR" target="_blank">LUNARR</a>を立ち上げられた<a href="http://ja.wikipedia.org/wiki/%E9%AB%98%E9%A0%88%E8%B3%80%E5%AE%A3" target="_blank">高須賀さん</a>にお会いしました。そこで、最近研究している <a href="http://blog.8maki.jp/tag/data-visualization" target="_self">Data Visualization</a> について発想が沸いたので書き残します。各データの種類（スキーマ）から自動で適切な Visualization 方法を選択して表現する、という研究です。</p>
<h4>高須賀さんのお話</h4>
<p>「アイディアをひねり出すとき、いきなりすごいアイディアを考えるよりも、切り口を見つけてそこから発展させた方がいい。アイディアと切り口のバランスが取れた位置が一番エネルギーがある。」ものすごく簡単にまとめるとこういうお話でした。</p>
<p>つまり、ものごとを構造化してとらえ、ツールを使って着想を得た方がアイディアを出しやすい、ということ。</p>
<p>例： 新しいレーザーを考える。レーザーは点であり直進する。点の反対は面で、直進の反対は曲がる。これらを2次元グラフにプロットし、各象限に何が当てはまるか頭をひねる。面・曲がるという象限、つまりどこにおいても光を反射させ、面に映し出すという切り口から、スクリーンの前に置かなくてもよいプロジェクターというアイディアが生まれた。</p>
<p>このとき、切り口からアイディアをひねるために用いたツールが、高須賀さん曰く2&#215;2というもの。要は2軸ある2次元グラフで昔私もマトリックスとも呼んでいました。構造化してアイディアを得る・まとめる方法は以下の高須賀さんの記事が分かりやすいです。</p>
<p>» <a href="http://blog.goo.ne.jp/ttakasuka/e/d101f40c9d1fe9bedd466b654cfdcf5b" target="_blank">事業を考える切り口 &#8211; Toru Takasuka の起業・経営ブログ</a></p>
<p>» <a href="http://blog.goo.ne.jp/ttakasuka/e/95259e55c4307f01892957a16e255927" target="_blank">新しい concept のはじまり &#8211; Toru Takasuka の起業・経営ブログ</a></p>
<h4>松岡正剛の編集学校で教える編集術</h4>
<p>こういった発想の訓練、実は以前にも受けたことがありました。松岡正剛の<a href="http://es.isis.ne.jp/index_main.html" target="_blank">編集学校</a>で体験授業です。</p>
<p>割と戦略コンサルのケーススタディ訓練に似ているのですが、MECEに限らず、もっと自由に発想する、ということが目的で楽しかったのを覚えています。そこでいただいたパンフレットに、6個のツールが載っていました。</p>
<p style="text-align: center;"><img class="size-full wp-image-562 aligncenter" title="edit1" src="http://blog.8maki.jp/wp-content/uploads/2009/11/edit1.png" alt="edit1" width="500" height="364" /></p>
<p style="text-align: center;">
<p style="text-align: center;">
<p>1. <em>Combination</em> (一種合成型)<br />
2つのものを合成して新しいアイディアを生み出す。</p>
<p>2. <em>Triple Jump</em> (三間連結型)<br />
ホップ・ステップ・ジャンプ型で発想を展開。大・中・小や過去・現在・未来などの切り口もあり。</p>
<p>3. <em>Branching </em>(二点分岐型)<br />
一つのものを2つに展開。この例ではブランドを切り口に展開した。</p>
<p>4. <em>Trinity</em> (三位一体型)<br />
三位一体型、3点セットで考える発想パターン。3Cなどが代表例かも。</p>
<p>5.1 <em>All Around</em> (二軸四方型1)<br />
Branching型の枝が2つ増えて、四方へと分岐する発想法。</p>
<p>5.2 <em>2&#215;2</em> (二軸四方型2)<br />
2軸を決めてそれぞれのマスに何が入るか考える。マトリックス型。</p>
<p>※英語は勝手に私が変換したものです。</p>
<p><img class="aligncenter size-full wp-image-571" title="edit2" src="http://blog.8maki.jp/wp-content/uploads/2009/11/edit2.png" alt="edit2" width="500" height="243" /></p>
<h4>Data Visualizationとの関係</h4>
<p>さて、本題ですが、切り口をツールにあてはめアイディアを得るという発想法と、Data Visualization は、頭の中では同じ構造で処理しているのではないか？というのが今回のパラダイム・シフトでした。</p>
<p><img class="aligncenter size-full wp-image-575" title="edit3" src="http://blog.8maki.jp/wp-content/uploads/2009/11/edit3.png" alt="edit3" width="350" height="270" /></p>
<p>どちらも「分かりやすく考える」「分かりやすく表現する」ということで、頭<span style="background-color: #ffffff; ">の使い方が非常によく似ているような気がします。Data Visualization というと Computer Science チックですが、何か考えを図にまとめるときのことを考えると分かりやすくて、まず扱う対象があって、それを一つの側面で切ったデータ群があり、それをどう Visualize するか？というのは、高須賀さんのおっしゃる構造的な思考と同じプロセスを踏むのではないでしょうか。</span></p>
<p>普通 Data Visualization を調べる場合、どういった Visualization があるのか、どうプログラミングで表現するのか、といったことに目が行きがちになります。オライリー本の&#8221;<a href="https://www.amazon.co.jp/dp/0596514557?tag=8makiblog-22&amp;camp=243&amp;creative=1615&amp;linkCode=as1&amp;creativeASIN=0596514557&amp;adid=0SQK1ECCWYAE9RKK0KM6&amp;" target="_blank">Visualizing Data</a>&#8220;もアルゴリズム中心の本でした。</p>
<p>そこを、扱うデータから Visualization を発想するというパラダイムに変換することで、おもしろい表現ができるだけでなく、説得力のある Data Visualization 手法を考案できる気がしました。</p>
<p>参考までに、こちらの図↓は様々なチャートを目的別に一覧表示しています。チートシートとして使うと便利かも。</p>
<p>» <a href="http://i.imgur.com/YjWta.jpg" target="_blank">Chart Suggestions &#8211; A Thought Starter</a></p>
<p>p.s.</p>
<p>オフィスにお邪魔した際、VentureBEATの勝屋さんもいらっしゃいました。Blogに写真を載せてさらにリンクまで張っていただきました。ありがとうございました！最強のコネクターと言われるだけのことあって、超人懐っこいでしたｗ</p>
<p>» <a href="http://www.venturebeat.jp/katchaman/2009/11/%E3%82%A2%E3%82%A2.html" target="_blank">人のつながりは無限（∞）につながる &#8211; 勝屋久の日々是々</a></p>
<table class="yztbl" border="0">
<tbody>
<tr valign="top">
<td class="yz-image"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873113784/8makiblog-22/" target="_blank"><img style="border: none;" src="http://ecx.images-amazon.com/images/I/41DdCRhKTAL._SL160_.jpg" alt="" /></a></td>
<td class="yz-info">
<div class="yz-name"><a href="http://yasazon.com/asin/4873113784.html" target="_blank"><img src="http://images-jp.amazon.com/images/G/09/icons/icon-books.gif" border="0" alt="" align="left" /></a><a name="yzlink"></a></div>
<div class="yz-detail" style="font-size:small">
<ul style="margin-top:0;margin-bottom:0">
<li><span><a href="http://yasazon.com/s/8makiblog-22/Ben%20Fry.html">Ben Fry</a>, <a href="http://yasazon.com/s/8makiblog-22/%E5%A2%97%E4%BA%95%20%E4%BF%8A%E4%B9%8B%20(%E7%9B%A3%E8%A8%B3).html">増井 俊之 (監訳)</a>, <a href="http://yasazon.com/s/8makiblog-22/%E5%8A%A0%E8%97%A4%20%E6%85%B6%E5%BD%A6.html">加藤 慶彦</a></span></li>
<li>定価 : <span>￥ 3,780</span></li>
<li>発売日 : <span>2008/12/01</span></li>
<li>出版社/メーカー : <span><a href="http://yasazon.com/s/8makiblog-22/%E3%82%AA%E3%83%A9%E3%82%A4%E3%83%AA%E3%83%BC%E3%82%B8%E3%83%A3%E3%83%91%E3%83%B3.html">オライリージャパン</a></span></li>
<li>おすすめ度 : <span><img style="border: none;" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-5.gif" alt="" /> (6 reviews)</span><br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-3-0.gif" alt="" />可視化の一つの手段としてProcessingの概要を知りたい人に<br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" alt="" />情報の可視化入門<br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" alt="" />目からウロコが。。。<br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" alt="" />日本人の本より読みやすい<br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" alt="" />既存のマッシュアップAPIを使うのとは違ったWeb情報の楽しみ方</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/11/data-visualization_idea.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/11/data-visualization_idea.html" />
	</item>
		<item>
		<title>Python-MySQL(MySQLdb)のメモリリーク対策</title>
		<link>http://blog.8maki.jp/2009/10/python-mysql-memory-leak.html</link>
		<comments>http://blog.8maki.jp/2009/10/python-mysql-memory-leak.html#comments</comments>
		<pubDate>Tue, 27 Oct 2009 00:49:31 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[memory]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[MySQLdb]]></category>
		<category><![CDATA[python]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=535</guid>
		<description><![CDATA[
			
				
			
		
会社のスクリプト言語がPythonに統一されて、今月からPythonをメインに使っているのですが、MySQLに接続する際なぜかものすごくメモリを食う時がありました。その備忘録。
最近技術ネタが続いていますがf^^;
結論から先に書くと、MySQLdbのfetchallの部分を下記のように書きなおすとメモリリークが起きなくなりました。

sql = &#34;SQL文&#34;
con= MySQLdb.connect(db = db, host = host, user = user, passwd = passwd)
cur = con.cursor()
cur.execute(sql, params)
result = cur.fetchall()

↓

sql = &#34;SQL文&#34;
con = MySQLdb.connect(db = db, host = host, user = user, passwd = passwd)
con.query(sql)
r = con.store_result() # use_result()も可
result = []
while(True):
　　row = r.fetch_row()
　　if not row: break
　　result.insert(0, row[0]) # 初めにデータを挿入してリストの再構成を防ぎ高速化！
con.close()

» ueBLOG  &#124; PythonをつかってMySQLの巨大な結果を返すselect文を処理する
主にこちらのブログを参考にしたのですが、cursorを使わず直接connectからクエリを投げるようにしています。
大きな違いは、一度にデータを取得するのではなく、1行ずつ取得するようにしている、ということだと思います。6～9行目で取得する行を一つ一つリストに格納しています。
なお、4行目でstore_result()を使っていますが、use_result()も可能で、use_result()を使うとデータをサーバに保持しそこから一行ずつ取得するようになるので、よりメモリの消費が抑えられる、気がしますf^^;
確認していないので何とも言えないのですが。
SQLAlchemyだとメモリリークしない、と聞いて試してみたのですが、ORマッピングで導入が面倒くさそうなうえに、生SQLを叩く際は結局MySQLdbを使うようで問題は解決しませんでした。
大量のデータをMySQLに保存しそこから全文検索（エンジンはSenna）でデータを引っ張る処理を行っていて、ある特定のSQLを書く必要があったので。
参考：
» MySQLdbのメモリー・リーク &#8211; [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F10%2Fpython-mysql-memory-leak.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F10%2Fpython-mysql-memory-leak.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><span style="background-color: #ffffff; ">会社のスクリプト言語がPythonに統一されて、今月からPythonをメインに使っているのですが、MySQLに接続する際なぜかものすごくメモリを食う時がありました。その備忘録。</span></p>
<p>最近技術ネタが続いていますがf^^;</p>
<p>結論から先に書くと、MySQLdbのfetchallの部分を下記のように書きなおすとメモリリークが起きなくなりました。</p>
<pre class="brush: python;">
sql = &quot;SQL文&quot;
con= MySQLdb.connect(db = db, host = host, user = user, passwd = passwd)
cur = con.cursor()
cur.execute(sql, params)
result = cur.fetchall()
</pre>
<p>↓</p>
<pre class="brush: python;">
sql = &quot;SQL文&quot;
con = MySQLdb.connect(db = db, host = host, user = user, passwd = passwd)
con.query(sql)
r = con.store_result() # use_result()も可
result = []
while(True):
　　row = r.fetch_row()
　　if not row: break
　　result.insert(0, row[0]) # 初めにデータを挿入してリストの再構成を防ぎ高速化！
con.close()
</pre>
<p>» <a href="http://www.ueblog.org/blog/entry/pythonmysqldb/" target="_blank">ueBLOG  | PythonをつかってMySQLの巨大な結果を返すselect文を処理する</a><br />
主にこちらのブログを参考にしたのですが、cursorを使わず直接connectからクエリを投げるようにしています。<br />
大きな違いは、一度にデータを取得するのではなく、1行ずつ取得するようにしている、ということだと思います。6～9行目で取得する行を一つ一つリストに格納しています。</p>
<p>なお、4行目でstore_result()を使っていますが、use_result()も可能で、use_result()を使うとデータをサーバに保持しそこから一行ずつ取得するようになるので、よりメモリの消費が抑えられる、気がしますf^^;<br />
確認していないので何とも言えないのですが。</p>
<p>SQLAlchemyだとメモリリークしない、と聞いて試してみたのですが、ORマッピングで導入が面倒くさそうなうえに、生SQLを叩く際は結局MySQLdbを使うようで問題は解決しませんでした。<br />
大量のデータをMySQLに保存しそこから全文検索（エンジンはSenna）でデータを引っ張る処理を行っていて、ある特定のSQLを書く必要があったので。</p>
<p>参考：<br />
» <a href="http://d.hatena.ne.jp/perezvon/20090109/1231491515" target="_blank">MySQLdbのメモリー・リーク &#8211; スコトプリゴニエフスク通信</a><br />
» <a href="http://kjirou.sakura.ne.jp/mt/2008/12/python_mysqldb.html" target="_blank">[Python] MySQLdbのメモリリーク (それなりブログ)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/10/python-mysql-memory-leak.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/10/python-mysql-memory-leak.html" />
	</item>
		<item>
		<title>シリコンバレー訪問５：Adobe-エンジニア</title>
		<link>http://blog.8maki.jp/2008/09/sv_adobe-engineer.html</link>
		<comments>http://blog.8maki.jp/2008/09/sv_adobe-engineer.html#comments</comments>
		<pubDate>Mon, 08 Sep 2008 21:14:00 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[シリコンバレー]]></category>
		<category><![CDATA[海外]]></category>
		<category><![CDATA[Adobe]]></category>

		<guid isPermaLink="false">http://8maki.jp/blog_wp/?p=205</guid>
		<description><![CDATA[
			
				
			
		
本日は昼から研究室の先輩（Mozzillaでインターンされててこっちに来ている）と合流し、IntelやApple等のメジャー企業を周りました。
■Adobeの女性エンジニアの方とお茶
その後、ウノウの山田さんにご紹介いただいて、Adobeの方とお会いしました。
そして、Adobe San Joseオフィスの中を案内していただきました。

やはりAdobeでも個室が一人一人に与えられるのですが、それが広かった！およそ2.5m四方くらいでした。
オフィス内もさすがデザインツールの会社、細部まで凝られていておしゃれでした。様々なフォントが額縁に飾ってあるのは秀逸でした。
社内レイアウトもZ型に通路が出来てるなど、おもしろい仕組みが満載でした。Googleは郊外の大きなキャンパスというイメージでしたが、Adobeは都会のおしゃれビルって感じでした。
その後、カフェテリアで軽くお茶しました。
・家族を持つとやはり大企業がいいかも。
これは米国でも同じですね。
ただ日本は独身中心のキャリア感ですが、こっちは家族単位で物事が進むそう。男の産休とかザラ。
・こっちで留学考えるんだったらTOEFLやらないと。
奨学金を得るにもTOEFLが高いと有利とのこと。ただスピーキングもあるため、日本にいても留学生とかとつるんで常に英語力を鍛えないといけないですね。
その点うちの研究室は1/3が留学生になるので有利ですｗ
・就職するなら景気を読め。
これは就職の本質だと思いますが、やはり不景気のときより景気の良いときの方が就職のうまみが大きいということです。
これから少なくとも2,3年は米国も日本も危ういので、留学して時間稼ぎもありだよねーっていう話をｗ
・こっちで起業するにしろ就職するにしろビザが問題
ここでも出ましたビザ問題。
こちらに進出する場合、圧倒的な日本企業のスポンサーが必要のようで、そういう意味では大企業に入りこちらに派遣というやり方が一番手っ取り早いかもしれません。
他にも、未踏のスーパークリエイターの方は経産省がバックについてくれるという話も聞いた事があり、色々な手法がありそうではありますが。
雑感：
こちらの日本人女性は個性的というか、芯が強くActiveです。
もちろん日本でも仕事をされている女性は多いですが、こっちは家族単位、つまり働きながら、色々な活動をしながら子育てがしやすい環境なのだなぁと改めて実感。
実際、生活も訪れたことのある他のどの国よりもしやすいです。
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2008%2F09%2Fsv_adobe-engineer.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2008%2F09%2Fsv_adobe-engineer.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>本日は昼から研究室の先輩（Mozzillaでインターンされててこっちに来ている）と合流し、IntelやApple等のメジャー企業を周りました。</p>
<p>■<strong>Adobeの女性エンジニアの方とお茶</strong></p>
<p>その後、<a href="http://suadd.com/blog/" target="_blank">ウノウの山田さん</a>にご紹介いただいて、Adobeの方とお会いしました。<br />
そして、Adobe San Joseオフィスの中を案内していただきました。</p>
<p><img alt="adobe.png" src="http://blog.8maki.jp/media/2008/09/01/adobe.png" width="400" height="300" /></p>
<p>やはりAdobeでも個室が一人一人に与えられるのですが、それが広かった！およそ2.5m四方くらいでした。</p>
<p>オフィス内もさすがデザインツールの会社、細部まで凝られていておしゃれでした。様々なフォントが額縁に飾ってあるのは秀逸でした。</p>
<p>社内レイアウトもZ型に通路が出来てるなど、おもしろい仕組みが満載でした。Googleは郊外の大きなキャンパスというイメージでしたが、Adobeは都会のおしゃれビルって感じでした。</p>
<p>その後、カフェテリアで軽くお茶しました。</p>
<p>・<u>家族を持つとやはり大企業がいいかも。</u></p>
<p>これは米国でも同じですね。<br />
ただ日本は独身中心のキャリア感ですが、こっちは家族単位で物事が進むそう。男の産休とかザラ。</p>
<p>・<u>こっちで留学考えるんだったらTOEFLやらないと。</u></p>
<p>奨学金を得るにもTOEFLが高いと有利とのこと。ただスピーキングもあるため、日本にいても留学生とかとつるんで常に英語力を鍛えないといけないですね。<br />
その点うちの研究室は1/3が留学生になるので有利ですｗ</p>
<p>・<u>就職するなら景気を読め。</u></p>
<p>これは就職の本質だと思いますが、やはり不景気のときより景気の良いときの方が就職のうまみが大きいということです。<br />
これから少なくとも2,3年は米国も日本も危ういので、留学して時間稼ぎもありだよねーっていう話をｗ</p>
<p>・<u>こっちで起業するにしろ就職するにしろビザが問題</u></p>
<p>ここでも出ましたビザ問題。<br />
こちらに進出する場合、圧倒的な日本企業のスポンサーが必要のようで、そういう意味では大企業に入りこちらに派遣というやり方が一番手っ取り早いかもしれません。<br />
他にも、未踏のスーパークリエイターの方は経産省がバックについてくれるという話も聞いた事があり、色々な手法がありそうではありますが。</p>
<p>雑感：<br />
こちらの日本人女性は個性的というか、芯が強くActiveです。<br />
もちろん日本でも仕事をされている女性は多いですが、こっちは家族単位、つまり働きながら、色々な活動をしながら子育てがしやすい環境なのだなぁと改めて実感。</p>
<p>実際、生活も訪れたことのある他のどの国よりもしやすいです。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2008/09/sv_adobe-engineer.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2008/09/sv_adobe-engineer.html" />
	</item>
		<item>
		<title>シリコンバレー訪問４：Google-エンジニア</title>
		<link>http://blog.8maki.jp/2008/09/sv_google-engineer.html</link>
		<comments>http://blog.8maki.jp/2008/09/sv_google-engineer.html#comments</comments>
		<pubDate>Sun, 07 Sep 2008 07:42:00 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[シリコンバレー]]></category>
		<category><![CDATA[海外]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://8maki.jp/blog_wp/?p=204</guid>
		<description><![CDATA[
			
				
			
		
この日は午前中、残してしまった仕事をして、午後はGoogleのエンジニアの方に訪問しました。
ちょうど毎週金曜のSocialization Eventだったらしく、Familyやら色々な方がいらっしゃいました。

■Googleのエンジニアの方とmtg
・職探しはコネもコネ。
転職ありきのこっちではreference・人との付き合いは大事。
referenceとはレジュメに書く、他人からの自分の紹介。
前職のボス等に、自分はどういう人間か、どんな功績を残したかを書いてもらうケースが多いみたいです。
逆に敵を作ってしまうとその会社に入れなくなるということもシバシバ。
・4年もいると長いねと言われる。
こちらの方は3,4年周期で転職を考えられているようです。
もちろん大企業を見れば10年戦士もざらにいらっしゃるようですが。
・面白いのはモバイル
日本にもiPhoneが上陸しましたが、こっちでのiPhone熱は異常ｗ
異常というか、iPhoneにより米国のモバイル事情が一気に変わるという見方が濃厚のようです。
未だにモバイルよりPCの普及率のほうが高い米国で、これからコンテンツとしてのモバイルが面白いし、変化をもたらすべき領域だと感じました。
・やっぱりGoogleはエンジニアにとっていい会社だよ
直前に、グーグル、豪華な福利厚生の大半を廃止へ――同社を去る従業員が増加 という記事を読んで、どんなもんかと思っていたのですが、相変わらず好きなことができて、優秀な人が多いこの会社はエンジニアにはとても良い会社だと思いました。
（この記事についてはお聞きしませんでしたが。。。）
この方に限らず、こちらの人のGoogleの評価は未だに非常に高く、「そろそろ落ち目なんじゃね？」という見方も昨今見られますが、そんなマクロ的な分析とは関係ないみたいですね。
※chromeのリリースによるWEB包囲網戦略は、Googleの成長を見る上で重要なポイントですね。
その後Googleキャンパスをうろうろしたのですが、とにかく広い！
数十の建物が散在していて、全て車で回るのも一苦労でした。
朝とかはGoogleに行く車の列で渋滞するそうなｗ
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2008%2F09%2Fsv_google-engineer.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2008%2F09%2Fsv_google-engineer.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>この日は午前中、残してしまった仕事をして、午後はGoogleのエンジニアの方に訪問しました。<br />
ちょうど毎週金曜のSocialization Eventだったらしく、Familyやら色々な方がいらっしゃいました。</p>
<p><img alt="google.png" src="http://blog.8maki.jp/media/2008/09/02/google.png" width="400" height="300" /></p>
<p>■<strong>Googleのエンジニアの方とmtg</strong></p>
<p>・<u>職探しはコネもコネ。</u></p>
<p>転職ありきのこっちではreference・人との付き合いは大事。<br />
referenceとはレジュメに書く、他人からの自分の紹介。<br />
前職のボス等に、自分はどういう人間か、どんな功績を残したかを書いてもらうケースが多いみたいです。<br />
逆に敵を作ってしまうとその会社に入れなくなるということもシバシバ。</p>
<p>・<u>4年もいると長いねと言われる。</u></p>
<p>こちらの方は3,4年周期で転職を考えられているようです。<br />
もちろん大企業を見れば10年戦士もざらにいらっしゃるようですが。</p>
<p>・<u>面白いのはモバイル</u></p>
<p>日本にもiPhoneが上陸しましたが、こっちでのiPhone熱は異常ｗ<br />
異常というか、iPhoneにより米国のモバイル事情が一気に変わるという見方が濃厚のようです。<br />
未だにモバイルよりPCの普及率のほうが高い米国で、これからコンテンツとしてのモバイルが面白いし、変化をもたらすべき領域だと感じました。</p>
<p>・<u>やっぱりGoogleはエンジニアにとっていい会社だよ</u></p>
<p>直前に、<a href="http://www.computerworld.jp/topics/google/119589.html" target="_blank">グーグル、豪華な福利厚生の大半を廃止へ――同社を去る従業員が増加 </a>という記事を読んで、どんなもんかと思っていたのですが、相変わらず好きなことができて、優秀な人が多いこの会社はエンジニアにはとても良い会社だと思いました。<br />
（この記事についてはお聞きしませんでしたが。。。）<br />
この方に限らず、こちらの人のGoogleの評価は未だに非常に高く、「そろそろ落ち目なんじゃね？」という見方も昨今見られますが、そんなマクロ的な分析とは関係ないみたいですね。</p>
<p>※<a href="http://www.google.com/chrome/?hl=ja" target="_blank">chrome</a>のリリースによるWEB包囲網戦略は、Googleの成長を見る上で重要なポイントですね。</p>
<p>その後Googleキャンパスをうろうろしたのですが、とにかく広い！<br />
数十の建物が散在していて、全て車で回るのも一苦労でした。<br />
朝とかはGoogleに行く車の列で渋滞するそうなｗ</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2008/09/sv_google-engineer.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2008/09/sv_google-engineer.html" />
	</item>
		<item>
		<title>IT業界キャリアセミナーのパネルディスカッションで</title>
		<link>http://blog.8maki.jp/2007/11/it_career_panel.html</link>
		<comments>http://blog.8maki.jp/2007/11/it_career_panel.html#comments</comments>
		<pubDate>Tue, 27 Nov 2007 17:00:00 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[イベント]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[八巻]]></category>
		<category><![CDATA[パネルディスカッション]]></category>
		<category><![CDATA[ミリオンタイムズスクウェア]]></category>

		<guid isPermaLink="false">http://8maki.jp/blog_wp/?p=185</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2007%2F11%2Fit_career_panel.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2007%2F11%2Fit_career_panel.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>ということで<a href="http://blog.8maki.jp/2007/11/1117.html">以前告知したイベント</a>の詳細がCNetに上がっていました。</p>
<p><img alt="it_career_panel_cnet.png" src="http://blog.8maki.jp/media/it_career_panel_cnet.png" width="495" height="263" /></p>
<p>&raquo; <a href="http://japan.cnet.com/news/biz/story/0,2000056020,20361681,00.htm" target="_blank">IT業界でキャリアアップするとはどういうことか&#8211;業界人が議論</a></p>
<p>初めてのパネルだったのでちょっとばかし感想＆反省を。</p>
<p><strong>○全く準備が無かったのでテンパった</strong></p>
<p>運営者の方を批判するわけではないですが、何も考えずに臨んでしまいました。<br />
結果、ろくな発言をしておりませんf^^;（記事を見ていただけるとわかりますが）</p>
<p>面接だと自己PR、志望動機、長所短所など準備していけるので対応が可能なのですが、いきなりの質問に対して即答するのは至難の業でした。</p>
<p>ですが、他のパネラーの方はこれぞという発言をされていることもしばしば。<br />
やはり人生哲学（今回の場合エンジニア哲学）を確立しているとすぐにアウトプットが出せるようです。</p>
<p>私も今まで考えることに関しては自信があったのですが、圧倒的な経験不足を思い知らされました。</p>
<p><strong>○学生だからと尻込んでしまった</strong></p>
<p>これは今回で一番の反省です。<br />
上記の状況から、途中ろくな発言ができていないことに気づき尻込んでしまいました。</p>
<p>どうせ学生の言うことなんて浅く参考にもならない、だろうと。</p>
<p><strong>○学生だからという地位を活かせなかった</strong></p>
<p>つまり、これは学生という地位をうまく活かせなかった、とういことです。</p>
<p>学生なので企業のしがらみは全くありません。<br />
ですのでかなり好戦的な発言をしようと思ってはいたのですが、やはり「キャリア」の話になると全くキャリアなんぞ歩んだことの無い私はツッコみどころをその場で探すことができませんでした。無念。</p>
<p>※後半からは逆に開き直って思ったことを素直に言うようにしましたが。</p>
<p><strong>○声がイイと言われた</strong></p>
<p>うれしかったので載せますｗ</p>
<p>そもそも面接やプレゼンなどで緩急をつけることで、人をひきつける話方というのを意識しているので役に立ったのか、な？</p>
<p><strong>○写真写りが微妙ｗ</strong></p>
<p>微妙！慣れてない感が･･･</p>
<p>以上、つらつらと。</p>
<p>またタイムリーにも田口さんがパネルについてのエントリーを書かれているので参考にしたいです。</p>
<p>&raquo; <a href="http://www.ideaxidea.com/archives/2007/11/post_274.html" target="_blank">パネル限界論</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
ついでなのでCNetに上がっている自分のコメントを取り上げます。</p>
<p>「<strong>コーディングできなくても会社は成り立つけど、社長がコードを書ける会社は元気な印象があります</strong>」</p>
<p>ウノウとかはてなとかですよね。エンジニアが生き生きしている会社って。<br />
やっぱり技術系の会社を見ると社長が(元)エンジニアであることが多いと思います。</p>
<p>それはエンジニアの気持ちっていうのはエンジニアをやってみないとわからん、ていうのが僕の自論です。</p>
<p>でもそれは竹岡さんによると「生き生きしていると思わされているだけ」と。</p>
<p>これは一見相反する意見ですが、本質は一緒で僕のはある程度の待遇があった上での”生き生き”です。<br />
もちろん給料は無いけどカリスマエンジニア社長についていきます！系は生き生きとは呼べないと言う点で同意。</p>
<p>「<strong>考え方として、お客様に対する仕事はすべてサービス業だと思います</strong>」</p>
<p>これはそもそもサービス業だの製造業だの分類は議論として無意味だと思ったのであっさりスルーしただけの発言ですねf^^;</p>
<p>「<strong>やりたいことをやりたいですが、収入の最低ラインは維持していたいですね。ITや環境を変えていけたらいいなと思います</strong>」</p>
<p>これは今のIT業界は賃金の最低ラインさえ維持されていない、と学生に思われている、という僕の発言からのものです。<br />
給料が低いと言うか、労働分の給料に見合ってない、と”思われている”と。</p>
<p>ただこれは実際のところどうなのでしょうか？<br />
僕が学生代表と名乗りにはあまりにもIT業界を知りすぎている気がします（うぬぼれ）</p>
<p>「<strong>まだ学生の私が言うのもなんですが、私は『穴掘り』を極めたんです（笑）。子供の頃ですが、庭に穴を掘って自分の背丈まで掘れたら成功という。極めたことで、どこを掘ればいいのかという場所選びや、最後までやり抜くことなどを学びました。たぶん、これはすべてのことに共通すると思うんですよね</strong>」</p>
<p>ウケ狙いのためスルー。でもこれで場を持っていくことができたｗ</p>
<p>「<strong>よく人の多いところは『渋滞する道』に例えられますが、人と同じことをせずに別のルートを探る、開拓していくことも重要です</strong>」</p>
<p>まあうん。そんな感じ。もっといいたとえをしたつもりだったんだけどなーｗ</p>
<p>以上初パネルの顧み。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2007/11/it_career_panel.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2007/11/it_career_panel.html" />
	</item>
		<item>
		<title>Mozilla 24にスタッフとして参加</title>
		<link>http://blog.8maki.jp/2007/09/mozilla_24.html</link>
		<comments>http://blog.8maki.jp/2007/09/mozilla_24.html#comments</comments>
		<pubDate>Sat, 15 Sep 2007 16:40:14 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[イベント]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[Mozilla]]></category>

		<guid isPermaLink="false">http://8maki.jp/blog_wp/?p=178</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2007%2F09%2Fmozilla_24.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2007%2F09%2Fmozilla_24.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>お久しぶりです。</p>
<p>今日は秋間氏に誘われて<a href="http://www.mozilla24.com/program/kudan/">Mozilla 24</a>のスタッフをしています。<br />
今もなおリアルタイムにｗ</p>
<p><img alt="562596552_69.jpg" src="http://blog.8maki.jp/media/562596552_69.jpg" width="320" height="240" /></p>
<p>Mozilla 24ということで24時間のイベントです。ITイベントで深夜突入は初めて。</p>
<p>でもこのイベント。24時間っていうことで以外にも色々と面白い企画がちりばめられています。</p>
<p>まず<a href="http://shibuyajs.org/articles/2007/08/24/Shibuya-js-24">Shibuya.js</a>。</p>
<p>言わずもがなの人気イベントのため、開始数分でいっぱいになるという。。。<br />
当日も盛況で250人近く参加していた模様。かなり高度な話題が多かった。</p>
<p>でもCUIでphotoshopをイヂる、というのは圧巻でしたｗ</p>
<p>次に<a href="http://xiss.jp/event/mozilla24/b3">ドキッ! 丸ごとウェブ!! ブラウザだらけの討論大会 ～Chatでユーザのポロリもあるよ～</a>。</p>
<p><img alt="livecoding.jpg" src="http://blog.8maki.jp/media/livecoding.jpg" width="550" height="323" /></p>
<p>ブラウザベンダーやユーザさん同士のパネルなのですが、リアルタイムに動画を配信し、IRC（チャット）でイベントに参加できる。<br />
<a href="http://ustream.tv/">ustream</a>の存在で一気に動画配信が身近になった感じですね。<br />
てか会場でPC使ってあえてWEBから参加する人の多さｗ</p>
<p>双方向性を実現するイベントとしてはかなり質の高いイベントだったと思います。</p>
<p>そして今が<a href="http://www.mozilla24.com/program/kudan/b4_1.html">LiveCoding</a>。</p>
<p>LiveCodingっていうのはリアルタイムに簡単なプログラムを作成するシーンをスクリーンに映して、実際にコーディングを見せる、というもの。<br />
これは23:30～3:30っていう激しいスケジュール。</p>
<p>たった今、はてなの神原さんがニモTVなるサイトを開発されていますｗ<br />
最近は就活生として、コーディングから離れた生活をしていたのですが、こういう雰囲気の中にいるとなんかうずきますよね～</p>
<p>さあ、後はサバイバル。いつまで耐えていられるかっていう新しい感覚も味わえるイベントでしたｗ</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2007/09/mozilla_24.html/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2007/09/mozilla_24.html" />
	</item>
	</channel>
</rss>

