web雑記帳

Mac + VMware Fusion4 + Windows7 ネットワーク周りのこと

2012-01-02T19:57:00.000+09:00

VMware Fusion4起動直後、ネットワーク未検出となっていたので、その直し方。

「仮想マシン」から一旦、「シャットダウン」。

「仮想マシン」→「設定」から「デバイスを追加」

「ネットワークアダプタ」を選択して「追加」ボタンクリック。

「設定」パネルに追加された「ネットワークアダプタ」をクリック。

「ネットワークアダプタ」パネルの「自動検出」をMac環境のLAN状況に合わせて完了。

※補足
VMware Fusion4からDHCP設定環境のアドレスが変わっているで、
ネットの古いドキュメント参照時は要注意。

旧）/Library/Application\ Support/VMware\ Fusion
新）/Library/Preferences/VMware Fusion

ポートの指定等が必要な場合は下記ページが詳しそう。
「VMware Fusion4についてDHCP＆ポートフォワードの設定」

年末振り返り（2011年編）

2011-12-30T01:10:00.000+09:00

年の暮れも近いので、今年度の振り返りです。

【使っていたWebサービス雑感】

Twitter：海外滞在中、英語・中国語で呟くようにしたら外国人の友人が増えた
facebook：twitterで知り合って以降も、リアルで繋がりたい知人にはfacebookのアカウント交換した。
（→特に台湾ではfacebookアカウントはおよそ一人ひとつ持ってるとのことなので有用）
Skype：年初、Lang8で知り合った海外の知人と日英相互学習をしていたものの、双方のスケジュール合わずで中断。
RSS系：いまはGoogleReaderはたまに開く程度。
はてなブックマークのお気に入りユーザの更新情報をメールに送るようにしたら、RSS閲覧時間が大幅に削れた。
Tumblr：これはエンターテイメントと割り切り。時間泥棒。
実用では、たまに拾いそびれた技術ネタが回ってくるのでそれをチェックしたりする。

【今年手を出した事柄】

WebSocketで遊んでみた

jQuery MobileでiphoneアプリMobileHotelMapを実験的に作った
node.jsでのHeroku上でのWebSocketを活かしたアプリ作成は手付かず…orz
（→node.js、monogodbいずれの技術も追いきれていなかった）
Google Chrome拡張の感触が掴めた
（→ブログに書きそびれてる）

総括：

facebookを使って感じるのは、世界は狭くなっている
Twitterでは個々人に焦点を当てて眺めると、世界は深くなっている
Tumblrからは個々人の嗜好が混ざって誰かの好きが自分の好きになる感覚で、世界は溶けている
「自分がこれをやった！」と言えるモノが作れていなかった。
2012年は如何にしても達成したい。

と或る読書人の金言

2011-10-15T18:11:00.000+09:00

新宿某所※の座談会にて。
2011年10月13日　PM19:00〜
※エリエス・ブック・コンサルティング　会議室アゴラ

売れる本の作り方
→売れている本を真似ること。
例：装丁のセンスは自力では一生治らない

真似を極めるとは…

ギリシャ（エジプトの模倣）
なぜ模倣元のエジプトを越えられたか？
・神の模造
・人間性の追求
・大理石という独自の素材を利用

人の真似をして、今までに出したことのない成果を出すこと
真似＝他人の力を使うことor他人に成功の道案内してもらうこと

真似をして成果を出す
それからしばらくすると気持ちに余裕が出てくるので、何故うまくできたかを検証する

これからの時期にフリーランスやる場合…
チェックポイント
・クライアントはいるか？
・対価をどの程度か
・供給過多になるのか、最終的なパイはどの程度か

会社の辞め方は大事、円満退社が理想
辞めたときの評価が良ければ再就職もありうるが…
以前に在籍していた会社のステージは異なっていることが多い

倍々成長している会社では2年前の仕事は4分の一の規模になってしまっていることもある。
→対して、自分はアップデートしているか？

経営者が「何」に対して、対価を払うかを、意識はどこにあるかを考えること。

例：書店に良いマーケティングのアイディアがある。が、書店では予算がない。

経営者のマインド：
・人間にお金をかけられない
・本業以外にも目を向けたい
…etc.

現代の就業はより自由になってきている、出戻りもあり。

ただしSNSの盛り上がりにより、辞め方は影響あり。
業界内の人事のつながりもある。
人材業界の狭さ。

成果を出しているひとは買ってくれる。

応援される人の見抜き方
・後輩に支援されていたら売れる
・業務外の周辺スタッフからの支持
※Amazonは360度評価のため、スタッフの信頼も必要だった

成果＝相手を徹底的に儲けさせること
→相手のして欲しいことを自分の持っている引き出しで埋める

人脈
・とっておくと後で役立つ
・ニュートラルな姿勢でちゃんと付き合う
・相手を儲けさせる

成果
・ビジネス：お金
・ビジネス以外：相手の好みを知ること
→ビジネス以外での人との付き合い方は、相手の人となりをよく見ておくこと、気づくこと、嗜好性を知ること。

と或るモットー
・友達をやたらと作らないこと
・知り合いを作ること

友達とはビジネスな話は避ける
知り合いならば問題なくビジネスの話ができる

今までに20000人ほどの人に面会してきた
そのなかの知り合いとこれからも付き合っていく

会う順序は、仲の良い順ではない。
会える日時が重なった縁の良い人と会う。
※ベストな条件の人としか付き合わないという姿勢はNG、実際に会った人からどこまで人脈を深堀りできるかが大事。

人と付き合う方法
例：子供だけでゴルフ場を開拓した経験（2ヶ月に及ぶ芝取り）
ビジョンを「ゴルフ場をつくろう」ではなく「ここを平らにして一面でラジコンカーを走らそう」を掲げたら、人は動いた。

→ビジョンがあれば人は動く
※人は楽しいことが好き

支援している著者の書籍：もっと売れるorもうこれ以上は無理、と本は語る

成長ステージはある
ステージに見合った能力をフル活用する場がある

世間的価値観に左右されるのはNG
給与の多寡は業界次第

強みに生きる
やりたいからやるに特化すべき

才能に気づくこと：自分の得意は何？
ただし、若い時に苦手なことをやるのは良い事
苦手を知れば強みは活きる

キャリアを振り返って…
編集：苦手
出版：苦手
分析：得意
販売＋分析で成果が上がった

理論と分析
すでに起きた事実の分析から完璧な理論は立てられるが…
「前提が動いているもの」への理論立ては不可能

動く前提へは観察力がいる
・いま現場で見ている人だけが見れるもの
・現象に気づくことのできる素養

現代＝モバイル時代
教養で現代を図る方法

例）モバイル時代 ≒ ギリシャ：ミケーネ時代
・宝飾品の流行＝資産を持ち運べるものを尊ぶ時代性があった
→定住への不安
・幾何学模様の流行
→整理された状態が好印象に

世界からみた日本＝極東のアジア、人気ない
人気ないが為に安全。

100年予測：地政学の本
中国は大国になれない＝国境の広さ
米国＝巨大な島、「海を制するは世界を制する」が歴史

基軸通貨国であることは高い代償を要する
基軸通貨国の条件＝その国の良いことが世界にとって良い事であること
※いまの米国の振る舞いは果たして…

TPPに日本は参加せざるをえない
TPPはフリーでフラットな地図をつくる
それはグローバルな競争力をもつ強いものしか生き残れない状態

TPP＝地域差を廃して、真っ平らにする
すると人間はどうするか？
→「壁を背に向ける行為」に出る
＝いかに参入障壁を高くするか？と考えるようになる。

TPPが池ならば、餌・釣り糸で選び方で決まる

日本人の特性？
世界基準で見ると、日本人は凡人でも細やか

ロボット＝人材＋電脳
ホスピタリティ仕様の日本製ロボットは魅力、PCを駆逐する未来は有りかも

政治家は営業力が命、「日本を買ってくれ」といって欲しい。
韓国はサムスンを買ってくれと言えるが、日本は選択肢多すぎる…

ブランドは売れる

日本の閉塞感：マネージメントが云々ではない、稼げるネタがない
→未来の希望があれば明るくなる

捨てないから次が見えない・新しいことができない

資源とマーケットのあるところに人が集まる
→かつての長崎軍艦島（当時の東京人口密度の2倍

日本の端にある国際空港が栄えるべき
→札幌、博多、日本海側も
空港が街から遠いのはナンセンス

ギリシャ観光業のGDP比は20％
神話ネタは儲かるはず

日本のホテル観光業は「英・中・韓」サイト必須にした方がいい

ギリシャ旅行時、書店にあった観光ガイドブック
Japan⇢Kyoto⇢HOSHINOYA（星のや）が中心ページにある…！？
星のやが京都代表の旅館、延いては日本代表旅館のようなポジションとなっている。

日本の観光業GDP比は0.5％
カンボジアでも9.5％

→日本の売り込み下手
留学生で自国へ戻ったひと対象に通販しても需要ありそう。

ソーシャルマーケティング
日焼けを売るな、美白を売れ→韓国は美容エステで海外客を取り込める

日本人らしさを売れ
ケータイ＝現代の蒔絵

高価な本物を売ると同時に、安価なレプリカも売れる

日本は海外と金融で勝てない
商品・アイディアがお金を振り回すようにすべき

facebook：エンジニアが金融に買った歴史の転換点
強くなった消費者と、彼らの欲しいものをつくる者にお金が流れる時代
しかもそれはグローバルで起きている。

日本 ≒ ギリシャ
小国かつ歴史文化をもつ
→ローマの流通にギリシャの商品を載せて流した歴史から学べる

現代なら日本文化・神話を新興国エリートに教え込む策がある
Japanese Emperorは世界最古
USAは歴史への憧れがある、天皇崩御の際はTime紙表紙掲載になる

日本儀礼スクールの需要ありそう
いかに早く、さりげなく流通網に忍び込ませられるか

話題戻って、ロボット
ホスピタリティ最高峰は大阪リッツカールトンホテル
ロボットならではのサービス、アイディア

国内アピールポイントは海外から距離を置いて見るとわかる
日本人の所作はセールスポイント

解禁に弱いVIPマーケティング：
マーケティングは国内の伝統物解禁→VIP招聘→あのVIPが来たというキャッチコピーで売れる

Disneyは映画およびストーリーありきで売れる、キャラクター先行ではダメ
※映画、世界観提供→ファン獲得→キャラクター認知→遊園地、グッズ販売
SEGAはゲームキャラクターから入ってしまった…

人は気分でも買う、面白い映画を作ったら映画に紐付く商品は売れる

最後のまとめ：
日本の良さを活かして、仕事を作りましょう。

未来は遅れて訪れる、または訪れない

2011-10-08T22:41:00.000+09:00

Steven Paul Jobs has passed away.

1955年にこの世に生を享け、享年56歳。

彼の死は米国平均寿命74歳と比べても20年は早かったと言われている。
彼の居たかもしれない20年で、今後のクリエイティブがどれほど欠けるのかとも。

パロアルトが、ジョブスが過去に夢見た未来はようやくそれらしい形で実現して
彼は他界してしまった。

彼が現代で実現したのは、かつて夢見た30年ものの未来だった。

未来は遅れて訪れる、または訪れない。

未来を叶えようとする力と、それに抗おうとする力の拮抗で、
芽生えては消え、切り口の先からまた芽吹くように。

起きた事物が、メディアの糸を通じて、見知らぬ国の見知らぬ誰かに響く。

意志の連鎖と継承は、いつの時代も静かに起きる。

聴講メモ：【希有馬屋フリートーク#1 井上純弌「聞くだけで上手くなるエロ＆萌え絵講座」】＠代官山 ”山羊に、聴く？”

2011-10-03T03:12:00.000+09:00

井上純弌さんのトークイベント聴講してきました。

【希有馬屋フリートーク#1 井上純弌　「聞くだけで上手くなるエロ＆萌え絵講座」】＠代官山 ”山羊に、聴く？”

井上純弌さんは「中国嫁日記」で2010年ブログアワード受賞。
同ブログは最近書籍化もされ、いま非常に勢いのある人です。

同人制作に長期間携わり、売れない時期も長かったと聞きます。

売れる、と、売れないの両方を知った人のナマの話しは、サービスorコンテンツ制作者にとって、非常に有益と感じ、参加してきました。

以下、その講演のメモ。

***
売れたのは嬉しいけど、煩わされるは無意識の売れたくない病

面白い↔面白くない
売れる↔売れない
…これらに相関関係はない
…こうすれば解決という結論もない

知人の編集者のサトミさんにどうすれば良いかを聴くも
売れたくない病は意識しても治らないので良い加減なことは言いたくない。
（対：あずまきよひこさんのみに責任をもつプロフェッショナル）

同人誌ってなんだ？
10年以上やり続けている。

エロ/萌えは同じ（違いは「強弱」のみ）
言うなれば、痛さと辛さの違いのようなもの。

10万部売れることと1万部売れることは別次元。
→言っていることは同じでも、発言の影響力が違う。

※言ってる人も同じ、言っている内容も同じ。
それでも売れている部数の大小で相手に通じたり通じなかったりする。

意識的な売れたくない病というものもある：売れるような漫画は書きたくない。

TRPG(テーブルトークRPG)
いかに多くの人に遊んでもらえるかを意識して同時活動をしていた。

一番売れているTRPG「SwordWorld」30万部
書籍「中国嫁日記」20万部
→マーケットの大きさで影響力は違う。

漫画作品例から…
「ひまわり」：ネームをけなされるのが辛くて書ききれない
「バングラディッシュで玉の輿」：面白いのに売れない、照れが見える
「ダーリンは外国人」：売れへの照れが無い、これは才能
「セーラームーン」：売れへの照れがとにかく無い

井上さんは「自意識の肥大している人を観察するのが好き」「自分のできない事をやってくれる、自分は追体験できる」

売れたくない病で仕事すると…
小賢しいことをする：分析してウケたことを繰り返そうとする。

これを防ぐためには…
参考例：相撲
「瞬間の競技のため、立会の時間しか戦略を考えられない。同じ手の反復は通用しない。
なので、勝負時は無意識にする。」

評論をすると基本的には売れない。
町山さんは映画評論以上にクリエーターとして自分を売れている。
映画評論を材料に、それを語れる自分をコンテンツとして確立している。

脳と分析「ユングとフロイト」
主観が一番面白い！

心理分析は事象の積み重ね、それ自体はつまらないもの…。

歴史＝勝者の主観だから面白い！

<講座>
ネタ本「本気の漫画術」

レンズの種類：広角・標準・望遠
※望遠の世界には歪みはない

士郎正宗さん
→人間は望遠・背景は広角

遠近感
アダルトビデオは広角レンズ（男性を小さく見せる
→迫力あるが、冷静にさせてしまう
客観性があるために馬鹿っぽい
（絵が上手いために…という例はある）

望遠
距離が近くなる
絵が下手でも誤魔化せる

ドラマ「HERO」
基本円形レンズ
クライマックスはずっとアップ＝パースを殺すことで親近感を沸かせる

押井守さんはスパイ（見られてる感を）出すときは、魚眼レンズ使用
その観察者の視点で見れる

ボルゼさん
同人誌売り手、構図はいつも同じ。パースを排してエロさを引き出す。

エロさはすなわち望遠

ネタ本「萌え絵の教科書」
→パースの話は一切ない

アイドルマスター然り、３Dパースを与えると萌えの認識ができなくなる

江戸時代の春画＝望遠
西洋画技法もあったがエロには導入せず。

エロ絵ってなんだ！？
エロに正解はあるのか。

DVD「一人ごっつ」
第一話にてまっちゃん曰く”お笑いには正解があると思うねん…”

井上さん：エロにも正解があると思う。
コミケ会場の熱然り、そこに集まる訳がある。

過去の作品を辿ると…

「マクロス」
…今見ると絵が変だが、当時はまさに求めていたアニメはこれだ！という感覚が確かにあった。

「センチメンタルグラフティ」
…10万本のヒットゲーム、今見るとパースがおかしい。当時は模写していたくらい正確と感じていたはず。

「特攻の拓」
…不良が出てくるとリアル
ヒーローは望遠。
→これは不良は他者（敵）として認識させる客観性を与えるため。

どちらが正しい？
・今の自分たちが見た過去の作品評
・当時のファンの作品評
→当時のファンが正しい！萌えは歪むもの。

時代ごとに正解がある。
→コンテンツの当たりは時代性に左右される。

今買っている欲しくてしょうがないものは、10年後には価値がなくなるよ。
または、今と違う目でそれを観るようになるよ。

ちゃんとした絵は時代を超えた萌えの正解となりうるか？
→No。それは客観的なものになってしまう。萌えはあくまでも主観。

AVパッケージを見比べて…
1980年代のアダルトビデオはやや怖い、ださい。
2000年代になると、少し見慣れたものになっている。

なぜ？
→女性のスタイルが良くなったから？
答え：化粧と照明のせい。進化したりはしない、素材は同じ。
その時代では、その「化粧と照明」がベストパターンだった。

なぜエロには今しかないのか。
→今一番良い雌を求めているから。

狩猟生活・農耕生活・現代社会への変遷
３〜５年のパートナーシップ。

消費対象に対して…
消費者が半年単位で変わるのが、女性の描き手
消費者が3年くらい付き合ってくれるのは、男性の描き手
→パートナーシップ

漫画家の先駆者の先生方には既得権益がある。
書きためたもの、ノウハウ的な意味で。
※ただしエロは除く、それは生鮮食品だから。

次に現れるものは消費される。
エロ萌えは常に最大効率、その瞬間に金儲けに直結。
この時間にしかないものを買う。
→今一番売れているものから技巧をパクるのは有効。

フィギュアは8,000〜10,000円相当するが3年もたない。

ただ、フィギュアの人気には例外はある。
プレミアフィギュア、リアル系はプレミアが付くことも。

例外①：投機的価値のあるもの。
キャラクターは生き残る＝ずっとお金を稼ぎ続ける。
※仮面ライダー、ガンダム、ウルトラマン…
→将来になってから買えないものが価値が出る。

例外②：何度もリメイクされるもの。
※戦艦ヤマト

例外③：商品価値の高いもの
※連合艦隊（シリーズもの、切り分けたら価値がないようなもの）

村上隆さん
「芸術は消費される」

アンディ・ウォーホル
→キャラクターになったから売れた。

強烈なキャラクターの価値

小池一夫さん「劇画村塾」での教え
→キャラクター（人格）を立てること！

漫画：「アバンチェリエ」
原作は100年以上前の小説
現代版でも大幅な脚色はしていない
→これがキャラクターのもつ普遍性

石ノ森章太郎
SFの大好きなものを収集した。
→当時は変身して強くなるという概念が存在しなかったため、
仮面ライダーの変身の表現に苦心した。
それを成し得てブレイクスルー！

ウルトラマン
→銀色の巨人が僕らの味方だと認知させるまでの過程が困難。
円谷プロの特撮技術があってこその。

映画：「マトリクス」
３D拡張現実のイメージを感観客に植えつけた。

映画：「インセプション」
拡張現実に対してマトリクスの下地があってこそ大衆に受け入れられる。

「中国嫁日記」
中国人とはこういうものだ？を見えるように。
先駆者コンテンツは、「ダーリンは外国人」（国際結婚）
→もや〜と漠然としたものに形（またはキャラクター）を与える。

ヒットコンテンツのキーポイント！
①今までにないものを創りだす。
②漠然とみんなが思っていることを形にする。

エヴァンゲリヲン
画期的なこと。
・ロボットにオカルト要素を持ち込んだ
・アニメにエロさを取り入れた（過去にも試みはあったが成功例としては無かった
→エロ・バイオレンス・食欲、の描写は魅せられる

宮崎駿さん
「自らの半径５ｍ以内に目を向けよ」
→もや〜としたものに形を与えるコツはこれ。

小田空さん
→中国を漫画描写、しかし対象が広すぎる。

中国嫁日記では中国人を描く
キャラクターとして認識させることで勝負。

みんなの知らないものに形を与える他の例
奇襲的なものもある：
ノストラダムスの予言、一発芸人ネタ
ただしこれは反発も招きうる。

まとめ：ヒットコンテンツのために大事なこと
・今までにない新しいものを生み出す、ブレイクスルーを起こす
・半径５ｍ以内のモヤモヤに形を与える

***

以上です。

２時間あっという間でした。

Heroku/Node.js で "hello wolrd"(自分用メモ)

2011-09-24T18:26:00.000+09:00

初めてのHerokuです。
dotCloudも試したのですが、web-socket使うのであれば、Herokuの方がオススメとのことだったので。

手順はおよそこのサイト通りでした。
id: ruedap ++

実行環境：
MBA
MacOSX Lion 10.7.1

【実施手順】

Node.jsインストール
npmインストール

※npm install (module name) とするとパッケージのnode_modulesフォルダ内にモジュールがインストールされる。
グローバルにインストールしたい場合は、npm install (module name) -g とオプション指定する(複数アプリで使いまわしたい場合)。
node.jsは半年触れないと細かいところ変わっていて早いなーと。

その後、任意のフォルダにて

expressインストール
express (YourAppName) コマンドでアプリの雛型作成
サーバファイルapp.jsを更新

雛型のapp.jsと同階層に

package.json(アプリ情報と、node.jsのモジュール群バージョン情報)
Procfile(アプリ形式の設定ファイル)
.gitignore(Herokuへコミットしたくないフォルダはここへ記述)

を配置。

まずはローカル環境で実行確認。
いつもの node app.js

Procfileでの環境に誤りがないかforemanでテスト。

foreman start を実行

※foremanが入ってなければ事前にインストール gem install foreman

ここまで進めば、残りはHerokuへのデプロイ作業のみです。

ちなみに、参照先以外で、デプロイ時につまづいた点は以下のもの。
【１】
git add . する前に
git init しておく
※gitに不慣れなのは反省

【２】

git push heroku master する前に

git remote add heroku git@heroku.com:YourAppName.git

で自分のアプリ名で実行しておく

【３】

git push heroku master を実行したとき、

Warning: Permanently added 'heroku.com,50.19.85.156' (RSA) to the list of known hosts.

Permission denied (publickey).

fatal: The remote end hung up unexpectedly

と出たら、sshキーが不正なので、再度生成します。

以下のコマンドで、heroku用のsshキーを生成。

ssh-keygen -t rsa -C "yourmailaddress@mail.com"

すると、

Generating public/private rsa key pair.

Enter file in which to save the key: (keyの保存場所の確認で良ければenter)

Enter passphrase (empty for no passphrase :パスワード登録):

Enter same passphrase again:

と、続いてkey fingerprintが表示されればOK。

最後に git push heroku master コマンド実行し、

ポップアップのパスワードを認証させると、herokuにNode.jsアプリを配置できます。

http://hello-yoshi.herokuapp.com/

※http://hello-yoshi.heroku.com/でも上記URLへリダイレクトされます。

背景画像でスライド遊び

2011-09-11T02:51:00.000+09:00

ブリューゲル作品：「ネーデルランドの諺」でスライドのように動かしたら面白かったので記載します。

sample: DragDealer
※Control Linksから操作が可能ですが、Mouse Dragでも上下左右にスライド移動できます。

参照：
DragDealer.js

そういえば、旅館「多田屋」のサイトは美麗ですよね。あちらはバリバリのFlashなので、これをjsでやるとしたら大変だろうなと。

Tumblr Photo Viewer "Tumblocks" 作りました。

2011-09-03T16:40:00.001+09:00

Tumblocks作りました。

材料

jQuery Masonery
Tumblr API
GAE(※DataStoreには触れてません)

Tumblrには、元々MegaViewerというDashboard一括閲覧用のツールが有るのですが、

これはテキストもムービーも全部並べるものでした。

個人的にDashboardの画像ファイルだけ並べてみたかったので、実験的にやってみました。

Tumblrユーザは、自他のTumblrユーザ名(※図１のURL赤枠)を入力するだけで、画像ファイルのダラ見ができます。

図１：Tumblr User画面



図２：Tumblocks 使用図①
(１ページには最大50件まで表示可)

図３：Tumblocks 使用図②
(30件未満であれば大きめのサイズに)

画像系のサービスは作っていて楽しいですね。

最後に、今後のもしかしたらのToDo

DashBoard または Likesでの切り替え表示
少ない数での表示は隙間が目立つので、元画像サイズを基にした隙間埋め
類似画像抽出…は難しそうなので見込みがあれば。。

jQueryMobileとGoogleMap連携系でひとまず…

2011-08-26T00:01:00.002+09:00

jQueryMobileとGoogleMapを連携させて簡単なWebアプリを試作しました。
端末内蔵のGPSから、現在地近辺のホテル情報を表示するようなものです。

・iphoneから

・PCブラウザから ※Google Chrome

jQueryMobileのライブラリがPC/Mobileレイアウトの差を吸収してくれるので、便利なものができたものだと実感。

javascriptで4次Runge-Kutta法

2011-07-30T16:13:00.013+09:00

ルンゲ＝クッタ法（Runge-Kutta method）は、数値解析において常微分方程式の近似解を求める方法。

今回は、ルンゲクッタ法のサンプルをJavaScriptで作って動かしてみました。

EpidemiologyのSIRモデルのプログラムを見ていて、ここでもルンゲクッタを使用していたので、一度触っておいて損はなかろうと思いまして。

SIRモデルはウィルスの感染過程を”感染の可能性のある者”・”感染した者”・”感染の可能性の無い者（免疫できた or 隔離された or 亡くなった）”に３区分し、それぞれの状態遷移をプログラムで可視化したようなものです。

これをメディアのクチコミの影響力に当てはめたりできるかな…という前置きからの本エントリ。

ルンゲクッタ法を弄ってみた図は下記な具合です。

図１：Tmax=30, dt=0.01の場合

図２：Tmax=30, dt=0.05の場合

図３：Tmax=30, dt=0.1の場合

図４：Tmax=30, dt=0.5の場合

参照サイトにはRunge-Kutta法よりざっくりとした精度のEuler法との比較もあります。

図を見て見る限り、目の細かさのパラメータdtが細ければ理論値に近い値が算出されますね。

参照
・ルンゲ＝クッタ法（Runge-Kutta method）
・Excelでルンゲクッタ法
・gnuplotで微分方程式を解く

JavaScriptでKalmanFilter

2011-07-05T01:45:00.003+09:00

hirabayashiさんのRubyカルマンフィルターをJavaScriptに換えてみました。

カルマンフィルターの概要はWikipediaにて。

ざっくりとした認識では、定時間感覚でぶれて出力される値を、そのぶれ幅から以降の予測出力値を算出するというもの…らしいです。

動くサンプルは下記URLに置いておきます。
http://sandbox4yoshi.appspot.com/KalmanFilter.html

門外漢ではありますが、制御工学って面白い分野だなぁと。

「JavaScript ゲーム製作勉強会 Vol.1」参加ログ

2011-05-22T00:54:00.001+09:00

巷で話題の9leap凄いですね、未来の若手プログラマの腕試しできる場を提供するという視点が素敵です。

KAYACさんがjsdo.itでブラウザ上のjavascript実行環境を提供した先行例に継ぎ、実行環境＆ユーザ・製作者相互評価機能＆ゲーム開発ライブラリenchant.jsまで合わせて用意されるという至れり尽せりっぷり。

と、9leap礼賛はまたの機会として、5月15日(日)開催の「JavaScript ゲーム製作勉強会 Vol.1」へ行ってきました。

場所は毎度お世話になっています大森ニフティさん。

土日大工で何つくろうの前に選択肢を広げたいという欲があったので、今回のイベントは素材集めとしても非常に有意義なものでした。

以下、毎度ながら自分用メモ残します。

***
司会・講演者：@hakoberaさん

ゲームの構成要素
・Soft Realtime　時間遷移
・Interactive　プレイヤー
・Agent Based　アイテム・オブジェクトの相互作用
・Computer Simulation　　

コンピュータ内の新世界
独自時間軸、登場人物、ルール

・３DCG
・AI
・物理演算
・Agent間通信
・UI設計
・巨大NW

JS利点
・動的型付け
・プロトタイプベース

GoogleChrome V8
ブラウザベンダ間で

V8/nitro/spider monkey..
かつての数十倍速度に

考慮すべきポイント
・Logic　
・Graphic　Canvas/WebGL/SVG/DOM
・Sound ,web audio api
・Movie
・NW
・Input

用途に合わせた仕組み選び
・DOM
・Canvas/WebGL

参照：SVG Girl
15 flameならリアルタイムでもいける

管理すべき項目
・タイムライン
・入力系
・シーン
・リソース
・イベント
・描画
・サウンド

参照：アクアリウム

JSの死角
ハードウェア非サポート
ジョイパッド等も

カメラ
StreamAPI

Audio API/音鳴らす制御系は地味,互換性ない
(Chrom:web audio api/ FF:AUdio data api)

スマホ
audio鳴らすと全画面再生になってしまう

PCよりCPU貧弱
iPad2はPCより描写10倍遅い…
→GPU描写なら早いが、Canvasでは遅い

コーデック問題（audio
MP3
Ogg

(video
H264
Ogg Theora
WebM

PCだけならFlashに絞るのも有り。

IE9 XPでは動かない
IE6,7,8 Canvas動かない

Chrome Web Storeみたいに割り切りとか。（Google I/O

Game Loop
初期化してGameFrame書き換え
1秒間繰り返しFPS

C言語なら…
function main(){
init();
while(alive){
var key = getInput();
processInput(key);
move();
draw();
}
exit();
}

JSなら
function main(){
init();
setIntarval(function(){
var key = getInput();
processInput(key);
move();
draw();
},2000);
}

window.addEventListner('keydown',KeyManager.keydown)
でgame.js呼び出し

timer = setInterval(mainloop,INTERVAL)
反復

→X
↓
Y
（上に進める際は、v*(-1)）

myloop内で当たり判定等…実装

300行ほどで簡単なゲームも実現！

巷のJSライブラリ

enchant.js

Canvas
sc
lime
easel
imapct

WebGL
GLGE
Three.js

データ駆動開発
ライブラリ

組み込みスクリプト
Unity
Server Side JS
Node.js

GWT
Javaで書いて、JSにコンパイル

参照：playwebgl/games/Quake2

JSでの実務現場レポート
講演者：@souさん
web app /game engineer

実務
Flash 動かん…
HTML5で開発しなおす

農園ホッコリーナ for iOS
mbgeの女性人気No1

DeNA@スマフォ

海外
Bandit Nation（CSS3
Pirate Nation

国内
怪盗ロワイヤル…
海賊トレジャー
農園ホッコリーナ

アクション部はCanvasで

忍者ロワイヤル
ngCore(フレームワーク名
JavaScript
クロスプラットフォーム

農園ホッコリーナ for iOS
iphone
パフォーマンス
３G回線

作ってみて…

農園の様子
アニメーション表現
（Canvas/Sprite Imageで位置ずらしパラパラ漫画）
320*386px
８FPS(@iphone4

iphone3GS > 4（Retina対応で描画パフォ落ちる） > iphone3(HWスペックつらい)

１Mapに30〜40オブジェクト数
11〜40KB/枚
トータル300〜400KB

通信
XHR

遊んでもらえるものは作れそう…

描画
３GのHW性能…チューニング次第
Retina対応…難度高い（データ量で解像度きつい

wi-fiならさくさく
３G回線でもそこそこ

電車内移動中つらい

XD（クロスドメイン）通信ハンドリング
XHR2待ち
JSONPでは待機ビジーで通信こける

通信
サイズ減らす
読み込まない工夫が必要

キャッシュ技術使えば…

HTML5で使えるキャッシュ
・Application Cache　…魔人ウォーズ(最初にすべてDLする場合有効だが、個別DL系は厳しい
・local Storage(2.5MB　ドメインに対して上限
・sessionStorege(2.5MB
・WebGL SQL Databese（5-50MB

Retina対応
解像度4倍
データ量2倍強
iphone4 描画性能で限界

高解像度対応はいずれ通る道
BMPデータをオンラインで←つらい

キャッシュ、データ保持強化
データフォーマット（ベクターで受け取るとか、SVGでCancasレンダリング、SWFが適当？

SWF→JSコンパイル系ライブラリなら使える？

新しいテーマ
WebGL
XHR2,etc

画像ファイル系：ガラケー→スマホへ圧縮

「玉転がしゲームで学ぶUnity入門」
講演者：@nakamura001さん

ヒエラルキーブロック
・画面表示される
プロジェクトブロック
カメラビューブロック

GameObject作成

マテリアル作成
作成後、ヒエラルキーブロックへD&D

Floor　色変更　
ライト追加（デフォでは無いので

Player
玉を作成

Player Material

Projectに画像ファイルをProjectブロックへD&D
で、Playerに追加で反映される

Main CameraのInspecterのPosition変更

Projectで
JS/C#/BooScript(pythonっぽい？)
選んでPlayerActionと変名（PlayAction.js）

スクリプト：
var x = Input.GetAxis("Horizontal)*Time.deltaTime*power; …(※deltatime処理オチ等への遅延時間

玉転がし…なので物理エンジンを使おう

Player選択後、CreateObjで→CommponentのPhysics選択
右クリック→Import packageからでも可能

JSを変更
rigidBody.AddForce(x,0,z)として物理エンジンのパラメータを与える

Fireのボタン操作でY軸にAddForceしてジャンプ機能追加

HierarcyにCubeを追加”Goal”と命名
ProjectでGoalMateialとしてパラメータいじって、Hierarcyの”Goal”CubeにD&D

GUI Textを追加
名前をGame Clearとして
Projectで、JS追加”GoalAction”

var player: GameObject;
var gameClear: GameObject;

function Start(){
player = GameObject.Find("Player);
gameClear = GameObject.Find("GameClear");
gameClear.active = false;//初めは隠す
}

sendMessage()で他オブジェクト内の関数をCall可能

X360 Kinect hacks
「KinectどうしのNW対戦」
講演者：@ndruger

利用技術
node.js
websocket（少ない帯域で通信＆Server Push可能
webgl（OpenGL ES2.0がブラウザで使用可能
VR920(HMD)…映像＆地磁気センサーで見ている方向取得可能
Kinect…モノヒトの位置トレースできる

リモートNode.js

Webブラウザ（WebGL描画
ローカルNode.js

TCP
顔の向き（iWear SDKアプリ
部位のXYZ（OpenNlアプリ

使用ライブラリ
Sence.js（WebGLライブラリ,Tree構造でわかりやすい
glMatrix.js(3Dの演算、手の伸縮・角度計算
Node.js（サーバ、クライアントの各Player計算
Sochet.IO（WebSocketのラッピング、WebSocket未対応のAndroidへの操作対応

Kinect+ブラウザの未来（妄想で

ブラウザの機能としての規格化
・簡単導入→規格化
Scene.jsのObject変換が手軽になる
・誰でも容易に何かを触ったりできる
フィードバック用の安価なハードウェア広まる
→物体を触れる装置の普及、振動を起こす等も

ダミープレイヤー
（一旦動いて撮影したデータ再生による

CPU使用量からKinectゲーム(30fps)をMMOとしてやるのは厳しい

3人以上のエミュレート
・２〜５人くらいで誰かが一時的にサーバ立ててゲームするのが良い
・パケット量を削減してないと4人でも６Mbps消費

ブラウザ＋Kinect＋HMDを使って、すごい没入感世界が大掛かりな機材なし、体験共有できる
※SecondLifeでは視覚以外の体験もあれば良かった

以上がLTメモです。

二部ハッカソンは私都合により参加できませんでした、残念…。

”AppEngine ja night #13”参加録

2011-01-14T23:32:00.000+09:00

行ってきました、”AppEngine ja night #13”
http://atnd.org/events/11626

コンテンツは、

・セッション1 「mixiアプリ『Xmas 2010』開発トピック」
・セッション2 「mixiアプリ『the Actress』運用にあたっての課題へのチャレンジ」

以下自分用メモ。

***
【AppEngine ja night #13】

バスキュール社

田中さん
担当：プロデューサー・スタッフィング・技術可不可・コンテンツ品質向上

2000年
Web制作会社として創業

インタラクティブコンテンツ制作企業

スタッフ40名＠西新橋
プランナーディレクター12名
AD,デザイナー8名
クライント側ディベロッパー20名（Flash）

サーバ側委託が多い
withビープラウド社

ケータイコンテンツも手がける
・Gyorol

AmazonEC2事例
「新宿駅前浴場」
AXEのプロモーション

Ustream
Twitter連動コンテンツ
→1秒間15ツイート
→リアルタイム回答受付

『ネットで社会をおもしろくしたい！』

ネットのコミュニケーション
ソーシャルグラフをいかに利用するかが鍵
Facebookが公開グラフしているように…

・mixi Xmas
2週間で100万人
・AXEヨバゲー
・mixiFes

mixi application
・mixi Xmas2010
・The Actress

北島ハリーさん
5年目プログラマー
テクニカルディレクター

mixi Xmas企画
クリエイティブ進行担当

ポイント獲得
好みの靴下を飾る
確率でクーポン出る
有料でギフト送れる

ケータイからも見れる
25日当日に靴下にプレゼント届く

とある評価：リア充アプリｗ

エモーショナルなイベントですが。。
クリスマスまで1ヶ月→飽きがこない

迷いのない動線、ユーザインターフェース
分かりやすくて可愛いもの。

普遍のストーリーは演出

インスタントくじ
リアルな商品が当たる。

ソーシャルギフト
QRコードにアクセスするとバーコードが出る
ソフトバンクギフト提携でセブンイレブンの店頭で商品交換可能！

12/1～12/25
アクセス250万人
鳴らされたベル数8000万回
最大秒間620req

LAMPで作るといくら…？^^;

開発環境
・Flash
・Java
・AmazonEC2
・Paymentプログラム
・ソフトバンク連携

◇mixi Xmas
森田真克さん@mouri45
あゆた社

ソーシャルアプリ受託

mixi / OpenSocial
GAE/J(Slim3)
PC版にはJSONデータ送受
PCアプリ版、モバイルアプリ版

2ヶ月実装は1.5ヶ月
WebAPI20（リリース後に+3
モバイル画面50（リリース後に+15
Kind数12

秒間620Req
1日2200～2500万
12/1～12/24　約5億3000万
ダイナミックリクエスト

朝がピーク、通勤通学中と思われる（制限一日1回あり）

最大インスタンス420
DataStore　95GB
レコード数は2億件

【GAE開発ノウハウ】
設定情報をstaticにして保持！
Memcasheへのアクセスを減らす

アプリケーション全体で利用する設定情報
Static変数が空、有効期限切れならMemchacheまたはDataStore

設定更新までのタイムラグは発生
AppEngineAPIなるべく使いたくない。

mixiアプリ制限
クライアントからのリクエストへのリスポンスは10秒制限
それ以上はタイムアウト

JOIN停止
モバイルアプリでは一定時間に一定回数タイムアウトすると新規ユーザ登録停止

データストアへの集中アクセスにより、時折リスポンスに3秒～6秒ほどかかった

JOIN対策
requestがキューにたまる時間を削る

DataStoreアクセス時のデッドラインを指定する
DataStoreServiceConfigを使用するとDSアクセスの制限時間を指定可能！

LowLevelAPIでDataStoreServiceConfigのdealine指定
JavaDocから参照

Slim3でも同様
アクセス毎ならタグに書く

Spin-upへの施策
インスタンス起動時間
Static変数をフラグにしてSpin-upの判定
モバイルはリダイレクト対応

WarmUp Request利用
クエリよりバッチゲットを優先
不要なSinglePropetyIndex作らない

検証は不十分なところもあった

カスタムインデックスとマージジョンは控えた
※画像を修正したときに起きるらしい…？

件数多いkindはマージジョイン利用時にカスタムインデックスつくろうとする。

task queue を多様
ベル鳴らし時に相手にポイント付与
しかし秒間数百回となる可能性を考慮して実用は控えた

決済機能に対してこれを使用
※デフォルト値10回、設定ファイルいじれば問題ないらしい

GAEでPageView取得したものの…
GoogleAnalytics、モバイル版imgタグ使ってリクエスト誤るので
別GAEアプリにimgタグを用いてアクセス数を取得した（迂回
→予想以上に費用高くついたので、最終的にEC2にApacheでログを集めた

キーの命名
先頭にタイムスタンプ付けてクエリ結果ソートできる…が
GAEのBigTableはTabletServerにより管理される

ひとつのTabletServerにアクセス集中
数百PPS

キー文字列先頭にハッシュ値をつけることでひとつのTabletServer分散

GAE劇的にパフォーマンス改善
GAEソーシャルアプリに向いてる
GAE/J+Slim3＋Eclipseのすすめ

Q:ログ拾うのになぜEC2使う？
A:mixi10秒制限へのServletの負荷を軽減

※キー分散
自動採番でPutが多い場合は考慮すべき
1組1000個程をTabletServerに送りつける事情を考慮した

TabletServerのインデックスのプロパティに書き込み

◇The Actress

山手線のトレインチャンネルで流された期間もあり
Luxの既存顧客は30～40代対象だが、20代以下にターゲティングしたためmixiアプリにした

女性向け
mixi
バナー
いわゆる女優ゲーム

「シンプルさ」でなく「詰め込んで」体験できるゲームにした
平均滞在時間1回10分ほど
1日平均4回アクセス

通算80万人登録（75万
DailyActiveUser10万以上（ピーク20万

ピークタイム200～300Req/Ssc

1日1000万～1500万リクエスト

GAEインスタンス数およそ500
ピークで1.5倍増大

ユニリーバ
バスキュール＠大阪
（mixi、イラスト、映像制作、声優キャスティング）
テラポート
（コンテンツ開発）
バスキュール
テレポート＋ビープラウド（GAE運用）
6ヶ月長期プロジェクト

ビープラウド
岡野さん
@tokibito

プログラミング言語はPython
GAE API Expert @lanMLewis

mixiアプリ

PC側　Flash
モバイル版　動的にHTML生成

GAE/python
Kay Framework　アプリ数80個

秒間同時リクエスト数100～200

Kay Frameworkについて
@tmatsuo制作

アーキテクチャ
Django風
Jinja2テンプレート
Werkzeug（ベルセルク
国際化（Babel
遅延ロード

短時間でDeadlineExceedError
ImportError
有効URLで404
メモリ使用量制限落ち

DeadlineExceedError
タイムアウト
SDKでは2箇所で定義されている
（google.appengine.runtime.apiproxy_errors
google.appengine.runtime）

エラーハンドリングしないといけない

※起きうる状況
・API呼び出し
・FileIO
・システム系Call

Spin-up時のImportで起きた

APIフォール
Pythonもってる

モジュール数多い箇所でエラー

ImportError
Jinja2は初回でモジュールたくさん読み込む
テンプレートロード中で中途半端に

Spin-up時のモジュールに注意
warmupを使う

GAE/python
集計時のメモリリーク

1リクエスト処理を減らす（タスクキューで分割
モジュールは遅延ロード（使用頻度低いのはロードを控える
変数のキャッシュを減らす（MemChacheとか

ListよりもIterate系でとるべし

◇まとめ

2日半で100万人
1週間で200万人
想定外の集客

コスト：今までの6案件のなかでの概算値
1000万リクエスト＝100ドル！（すべてDynamicRequestの場合）

LUXは1日1000～1500万アクセスだから…
ケタ違いに安い（ゼロ一つ安い）

インフラが心配で却下してきたことも…
（イニシャルコスト・スケーラビリティ）

TVやイベントをネットと連動でも！
大多数ユーザとのデジタル体験の提供が可能

システムリソースが確保できても経験もつ人的リソースが足りない！
ソーシャルグラフ利用のサービスもやっていきたい。
***

【所感】
・1000万リクエスト＝100ドルで運用できるインフラはインパクト大！

・企画力、アイディア大事。使ってみたいと思えるサービスあってのクラウド。

・情報の収穫逓増。集めたデータを利用してさらなる価値が産まれる。

Google Map API ver.3とATND API の連携

2010-12-11T23:04:00.000+09:00

Google Map ver3.からAPIキーが不要になったので使ってみたメモ。

せっかくなのでATND検索APIを叩いて、その検索結果イベントをGoogle Mapに表示するところまで。
（ATND検索APIからはJSONで取得してます）

①事前に呼び出し元のHTMLページ内に

を組み込んでおく。

②下記のように処理を書いて…

/*
* HTMLページで適当なイベント(onclick等)から呼び出す
*/
function callGMAP(){
  str = location.search;
  str = encodeURI(str);
  str = str.substring(1,str.length);
  str = decodeURI(str);
  getATNDSearchResult(str);
}

/*
 * ATNDイベント検索
 */
function getATNDSearchResult(str){
  // JSONPでrequest投げる
  str ="忘年会";
  url = "http://api.atnd.org/events/?keyword="+str+"&format=jsonp&callback=cbfuncATNDSearch";
  var script = document.createElement("script");
  script.src = url;
  $("body").append(script);
}

/*
 * CallBack of getATNDSearchResult()
 * JSONP返り値処理
 */
function cbfuncATNDSearch(json){

 marker = new Array();
 // 開いているマップ情報ウィンドウ
 var curr_infw;
 contentString = new Array();
 infowindow = new Array();

 // マップ初期化
 var centerPos = new google.maps.LatLng(35.658613, 139.745525);
 var mapOptions = {
   zoom : 10,
   center : centerPos,
   mapTypeId: google.maps.MapTypeId.ROADMAP
 };
 var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

 for(var i = 0; i < json.events.length; i++) {

  // マップ上のマークの設置
  var markerPos = new google.maps.LatLng(json.events[i].lat, json.events[i].lon);
  var markerOptions = {
    position : markerPos,
    map : map,
    title : json.events[i].title
  };
  marker[i] = new google.maps.Marker(markerOptions);

  // ウィンドウのHTML
  contentString[i] = "イベント" + json.events[i].title + "概要"+ json.events[i].catch +"日時/場所"+json.events[i].started_at+"～"+json.events[i].ended_at+" @ "+json.events[i].address+"";



  // マップ情報ウィンドウ生成

  infowindow[i] = new google.maps.InfoWindow({

    content: contentString[i]    

  });      



  // 開いているマップ情報ウィンドウを閉じて、クリックされたマーカの情報ウィンドウを開く        

  google.maps.event.addListener(marker[i], 'click', function(e){

    if(curr_infw) { curr_infw.close();}

    var gm_num = $(this).attr("__gm_id")-1;

    infowindow[gm_num].open(map,marker[gm_num]);

    curr_infw = infowindow[gm_num];

  });

}

}

③呼び出し元ページにmap_canvasタグを書いて、そこに地図を描写。

さくらVPSでnode.js

2010-11-25T00:22:00.004+09:00

月額980円で始めるVPS（2週間の無料試用付き）ということで、さくらVPS。
サーバサイドJavaScriptとWebSocketの勉強のため、今回はNode.JSで。

iTerm等でターミナルを起動して
ssh username@割り当てられたドメイン名
passwaord
の入力でログイン

node.jsのインストールにあたり先行サイトを参照しつつ進めました。

【参照】

・さくらの VPS に node.js + npm + Socket.IO をインストールする手順
http://jmblog.jp/archives/709

◇gitインストール

sudo yum install gitを実行してもエラーで入らず。

…http://www.kernel.org/pub/software/scm/git/RPMS/x86_64/repodata/primary.xml.gz: [Errno -3] Error performing checksum

Trying other mirror.
Error: failure: repodata/primary.xml.gz from git: [Errno 256] No more mirrors to try.…

延々とエラー対策するも治らず…以後、次の操作したら治ったみたい

  yum check-update (したら治った？)
  yum search git (でgit発見。)
  sudo yum install git

【トラブルシューティング】
・yum 実行時に「Error performing checksum」エラー
http://d.hatena.ne.jp/miau/20100404/1270384404
・CentOS 5.4 に git をインストール
http://ameblo.jp/ootokage/entry-10469782021.html

◇nodeインストール

git cloneしたnodeを、そのディレクトリ直下で
  ./configure
するも失敗。

エラーメッセージから、事前にOpenSSLを入れる必要ありとのこと。
  sudo yum install openssl-devel

その後、再度
  ./comfigure
  make

'build' finished successfully が表示された
  make install

'install' finished successfully で、
  node -v
でVersion（この時点では0.3.0-pre）が表示されたらOK？

◇npmインストール

パッケージを入れるディレクトリでコマンド入力
  curl http://npmjs.org/install.sh | sh

するも、エラーを吐く。

node cli.js cache clean
make: node: Command not found
make: *** [uninstall] Error 127

…node cli.js install npmのところでつまづいている様子。

なので、一旦npmパッケージをダウンロードしておいて展開、

tar -xzf npm-0.2.8-1.tgz

make

make install

…しても結果変わらず。。

参照サイトを見るとインストールしたnode.jsのバージョン次第で同エラーを吐くとのこと。

なので、前に入れたnode.jsを削除してから、node-v0.3.1.tar.gz を本家から落としてきて
  tar -xzf node-v0.3.1.tar.gz

再度
   ./configure
   make
   make install
で入った。

再び、npm-0.2.8-1直下でmake,make installで今度はOK。

◇DNSサービスの利用

お名前.comにログイン
左パネルで、[ドメイン設定 > ネームサーバーの設定 > レンタルDNSレコード設定] と進む
対象のドメインを選んで、[入力画面へ進む] をクリック。
サブドメインを使うなら、[ホスト名]に入力。ex: www.y-fuji.com
サブドメインを使わないなら何も入れない。ex: (空).y-fuji.com
サブドメイン有無の両方にする場合は、それぞれを追加する。
[VALUE]に「さくらVPSで割り当てられたIPアドレス」を入力。
その後、[確認画面へ進む] をクリック。次の画面で、[設定する] をクリック。
手続きが終わったら、[ドメイン設定 > ネームサーバーの設定 > ネームサーバーの情報変更] をクリック。
対象のドメインを選んで、[ネームサーバー情報を入力する] に、「01.dnsv.jp」と「02.dnsv.jp」を入力。確認画面を経て、[設定する] で終了。

設定後、通知メールが届き、数時間程で状態が反映されました。

◇node実行テスト

動作確認のため、以下のようなコードを書いてexample.jsで保存。
※xxx.xx.xx.xxx はさくらVPSで割り当てられたIPアドレス

var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen("80", "xxx.xx.xx.xxx");
console.log('Server running at http://xxx.xx.xx.xxx:80/');

ターミナルで
node sample.js
で起動後、お名前.comの情報が反映されたら、その登録ドメインURLをブラウザで叩くと正常に動作。

◇サンプルアプリ起動

遭遇したエラー：process.nextTick error, or 'error' event on first tick
…installしたはずのモジュールが見当たらない。

一旦、npm uninstallして再インストールするも状況変わらず。

原因は .npmrcファイルのファイルの置き場所と記述内容でした。
.npmrcファイルをnpmモジュールディレクトリ直下に置いて、bin,manのパスを正しく通せばエラーは解決でした。

【トラブルシューティング】
・npmをインストールする
http://d.hatena.ne.jp/yssk22/20100814/1281802092
http://d.hatena.ne.jp/perezvon/20100929/1285780850

◇デバッガインストール

node.js用にEclipseのデバッガがあるので、それもインストール。

毎度のEclipseの[新規ソフトウェアのインストール]>[リポジトリ情報登録]>[利用許可承諾]>[OK]です。

[リポジトリ情報]
・(Name)Google Chrome Developer Tools
・(URL)http://chromedevtools.googlecode.com/svn/update/dev/

デバッガインストール後、テストコードを書いて、
node --debug dbgtest.js
すると、デバッガ用に5858ポートが開いたと出るので、デバッグ可能に。

以上、環境構築でした。

【その他参照】
・node.js ハンズオン資料
http://dl.dropbox.com/u/219436/node.js/handson/build/html/index.html
・node.js を試してみた
http://d.hatena.ne.jp/ursm/20100925/1285359068

RingoJSインストール周辺メモ

2010-11-18T23:08:00.002+09:00

Antが入ってる状態からのメモ@ MacOSX 10.5。

antのパスが通っているかは、ターミナルで確認。

ant -version

基本的なインストールは本家サイトを参照しつつ、その前後で起きたエラーと対処について書きます。

【インストール時のエラーと対処】

・ERROR①:"Unable to access jarfile"
ant jarコマンドを打ち忘れると出るエラー。
ターミナルから、git cloneまたはダウンロードしてきたringojsディレクトリ直下で
  ant jar
すると、ringojs/build/classesにクラスが生成される。

・ERROR②:"java.io.FileNotFoundException: Can't find file admin/create"
或るサイトを参照してターミナルでアプリ作成コマンドを
  bin/ringo admin/create
と打つも、上記エラー。

正解は
  bin/ringo-admin create
の様子、バージョンの違い？

【アプリ起動】

・デモアプリ起動
インストールしたringojsディレクトリ直下で、

bin/ringo apps/demo/main.js

のコマンド叩くとjettyが起動して、http://localhost:8080/でアプリが見れます。

・パッケージのインストール（GitであればUserID/RepositoryNameで良いとの公式サイトに…例：ringo-admin install robi42/ringo-hibernate）

上記installコマンド叩くも、ERROR③：”JavaException: java.util.zip.ZipException: error in opening zip file (ringo/zip.js#16)”発生。

zip.jsの16行目と調査リンク先を見る限り、Path周辺が問題の様子…

けれども、コマンド打たなくてもパッケージのインストールはできる(※参照)ようなので、
git clone git://github.com/hns/ringo-cometd.git
でローカルに落としたpackageを、ringojs/packageディレクトリにコピー

その後、ringoコマンドでパッケージ内のmain.jsを叩けば、起動します。
bin/ringo packages/ringo-cometd/app/main.js

・アプリ作成ヘルプは

bin/ringo-admin create -h

・Google App Engine の雛型作成は

bin/ringo-admin create -a

たしかにスケルトンが出来上がってます。
GoogleAppEngineに載せるところは未テスト。

【参照】
・RingoJS Home
・GAE deploy 参照動画
・Comet 参照動画

mahout(ver.0.20) Webアプリ作成手順

2010-11-14T23:07:00.001+09:00

前記事で、Mavenが動くようになったので、mvnプロジェクトからmahoutを入れてみます。

ターミナルで作業ディレクトリに移動して、
mvn archetype:create -DgroupId=sample.recommendWeb -DartifactId=recommendWeb -DarchetypeArtifactId=maven-archetype-webapp -Dversion=0.0.1

下記のようにrecommendWebフォルダならびにディレクトリが生成されるので、
pom.xmlを下の①のように更新し、recommendWebフォルダ直下でJavaソース配置先を作成、
mkdir src/main/java

①pom.xml


  4.0.0
  sample.recommendWeb
  recommendWeb
  war
  0.0.1
  recommendWeb Maven Webapp
  http://maven.apache.org
  
    
      junit
      junit
      3.8.1
      test
    
    
      org.apache.mahout
      mahout-core
      0.2
     
    
      org.slf4j
      slf4j-jcl
      1.5.8
    
    
      javax.servlet
      servlet-api
      2.5
   provided
    
  
  
    recommendWeb
    
      
        maven-compiler-plugin
        
          1.6
          1.6
          UTF-8
        
          
   
     org.mortbay.jetty
     maven-jetty-plugin
     6.1.7

同フォルダ（pom.xmlを含むことを確認し）で、下記コマンドを実行
mvn eclipse:eclipse -DdownloadSources=true

これで、Eclipseに対応するので、Eclipseを起動し、このプロジェクトをImport

Import後、②・③のように各ファイルを更新。

②web.xml


  Archetype Created Web Application
  
    web-recommender
    Web Recommender
    Web recommender servlet
    RecommenderServlet
    1
  
  
    web-recommender
    recommendWeb/RecommenderServlet

③RecommenderServlet.java

import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;

import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.mahout.cf.taste.impl.model.file.FileDataModel;
import org.apache.mahout.cf.taste.impl.neighborhood.NearestNUserNeighborhood;
import org.apache.mahout.cf.taste.impl.recommender.GenericUserBasedRecommender;
import org.apache.mahout.cf.taste.impl.similarity.EuclideanDistanceSimilarity;
import org.apache.mahout.cf.taste.model.DataModel;
import org.apache.mahout.cf.taste.neighborhood.UserNeighborhood;
import org.apache.mahout.cf.taste.recommender.RecommendedItem;
import org.apache.mahout.cf.taste.recommender.Recommender;
import org.apache.mahout.cf.taste.similarity.UserSimilarity;

public class RecommenderServlet extends HttpServlet {
   private static final int NUM_TOP_PREFERENCES = 3;
   private static final int DEFAULT_HOW_MANY = 3;

   private Recommender recommender;
   public void init(ServletConfig config) throws ServletException {
      super.init(config);
      try {
       String csvPath= getServletContext().getRealPath("WEB-INF");
       csvPath += File.separator + "critics.csv";
    // モデル構築用のデータをファイルから読み込む
    DataModel model = new FileDataModel(new File(csvPath));
    // ユーザ類似性と類似ユーザ抽出のメソッドを決定
    UserSimilarity similarity = new EuclideanDistanceSimilarity(model);
    UserNeighborhood neighborhood = new NearestNUserNeighborhood(2,
      similarity, model);
    // ユーザベースの推薦を作成
    recommender = new GenericUserBasedRecommender(model,
      neighborhood, similarity);       
      }
      catch (Exception e) {
       throw new ServletException(e);
      }
   }

   protected void doGet(HttpServletRequest req, HttpServletResponse resp)
   throws ServletException {
  String userIDString = req.getParameter("userID");
  if (userIDString == null) {
   throw new ServletException("userID was not specified");
  }
  long userID = Long.parseLong(userIDString);
  String howManyString = req.getParameter("howMany");
  int howMany = howManyString == null ? DEFAULT_HOW_MANY : Integer.parseInt(howManyString);
  try {
   List items = recommender.recommend(userID, howMany);
   writePlainText(resp, userID, items);
  } catch (Exception te) {
   throw new ServletException(te);
  }
 }

 private void writePlainText(HttpServletResponse response, long userID,
   Iterable items) throws IOException, Exception {
  response.setContentType("text/plain");
  response.setCharacterEncoding("UTF-8");
  response.setHeader("Cache-Control", "no-cache");
  PrintWriter writer = response.getWriter();
  for (RecommendedItem recommendedItem : items) {
   writer.print(recommendedItem.getValue());
   writer.print('\t');
   writer.println(recommendedItem.getItemID());
  }
 }
}

recommendWeb/src/main/webapp/WEB-INF直下に、mahoutで検証するデータCSVファイル（critics.csv）を配置します。

これで、サーブレット設定をしてからjettyを起動。
※WebApp dir をWEB-INF/web.xmlを含むディレクトリに設定

jetty起動後、下URLのようにパラメータを渡せば、データの推定値が表示されます。
http://localhost:8080/recommendWeb/RecommenderServlet?userID=7

[以下ToDo]
・上記環境はmahout ver.0.20のTasteを利用しているためHadoop未対応とのこと、Hadoop対応版の動作検証
・MahoutでのGoogleAppEngineでの動作検証

以上です。

【参照ページ】

・Apache Mahout Project
・mahout/レコメンドサーブレットの作り方
・Mahout インストール

MacOSX Java・Maven環境設定

2010-11-14T21:30:00.001+09:00

macのJavaアドレスがWindowsと違い、忘れそうなのでメモ。
それと、Mavenの使い方も備忘録でメモ。

・動作環境　MacOSX(10.5)

/system/Library/Frameworks/JavaVM.framework/Versions/1.6.0
※1.5他のバージョンは/Versions以下に。

ターミナルでprofileいじり
  vi ~/.bash_profile

vi起動後に下記を追記
==
  export JAVA_HOME=/System/Library/Frameworks/JavaVM.framework/Versions/1.6/Home
  export PATH=$JAVA_HOME/bin:$PATH
==

ターミナルで
  java -version
で、java version "1.6.0_26"になってたらOK

MavenのインストールはEclipse Plugin（Help -> new software install）から
・Maven Integration for Eclipse

インストール後、ターミナルで確かめると
  mvn -v

Apache Maven 2.2.1 (r801777; 2009-08-07 04:16:01+0900)のように表示される。

Maven設定ファイルがインストールディレクトリ裏に隠れているので、編集が必要な際は
  mv .m2 m2
でリネームし、そのあと該当の.jarファイルを追加とか.pomファイルの追加。
編集後は
  mv m2 .m2
で元に戻す。

Mavenソフトのインストールはpom.xmlを含むディレクトリで
  mvn -install
コンパイルは
  mvn -compile

GoogleAppEngineインストールでついてきたjettyの起動は
  mvn jetty:run

MavenからMahoutを動かすための環境設定でした。

ヒトマネ提案サイト”ミミクリ”の使用法

2010-11-02T06:52:00.001+09:00

Mashup Award 6 (#MA6)に向けて、Twitterのユーザーの関心ごとをキャッチアップするツールを作成しました。

Mimikury（ミミクリ）

【使用法】
①：左上のユーザ名入力欄に「Twitter ID」を入力し、「Sign in with Twitter」ボタンを押してください。

②：ポップアップウィンドウが表示されるので、「認証」ボタンを押してください。

③：ブラウザにTwitterログイン歴が残っていない場合、下記の画面が表示されるので、「ユーザ名」と「パスワード」を入力し、「許可する」ボタンを押してください。

④：認証に問題なければ、下記認証完了画面が表示されるので、「close window」を押して、このウィンドウを閉じてください。

※：下記エラーが発生して、ログインできない場合は、再度ブラウザの更新ボタンを押して、再ログインの処理を行ってください。

⑤：ログインが完了すると、『画面左パネル』にフォロー者のツイートから抽出したキーワードが表示されます。（このキーワードは、2分間隔で自動的に変わります）

⑥：項番⑤『画面左パネル』のキーワードをクリックすると、『画面真ん中パネル』のツイートと、『画面下部』のショーケースの表示が変化します。

⑦：『真ん中パネル』、『下部ショーケース』上のテキストをクリックすると、データベースに情報が登録され、該当部の☆の色が変化します。

※ここでは、気になった情報に対して、クリックをしてみてください。

クリックしたデータからキーワードと思われる情報が『画面右パネル』に表示されます。

使用法は以上です。

なお、本開発では下記ツールを用いました。

Google App Engine(Java)
jQuery
Yahoo! キーフレーズ検索API
Twitter Search API

GAE上のOAuth実装にあたり、ご協力いただいたOtchyさんありがとうございました。

デザイン夜塾第6回講義録 - TeamLab猪子寿之さん

2010-08-26T19:03:00.000+09:00

Twitterで猪子さんのbot発見、そこでピンときた言葉を引用。

本来インターフェースなんて必要なくて、ユーザーは思うがままに操作したいはずだけど、テクノロジーが未発達なので、仕方がなく使っている http://bit.ly/6kDtAK

第6回デザイン夜塾＠デザインアソシエーション
http://www.design-channel.jp/special/academy/

チームラボの作品群と活動を通して、ものづくりへの”考えるヒント”を伺いました。

下記、メモ。

チームラボは、概念やテクノロジー、デザイン、アートを捨て、曖昧なところのものを(…)ウルトラテクノロジスト集団。

現在200名在籍、東京・上海にラボがある。

◇作品紹介①「TeamLabハンガー」
→ハンガーに掛けられた服を手に取ると、それを着た自分のコーディネート映像がスクリーンに投影される。

”New behavior, new interface”
服が気になったら手にとる
手に取る行為＝情報行為

プロダクトは単なるネットワークの向こう側と物理世界の我々のあいだに、仕方なく存在するインターフェースとして、再構築してみる実験。

プロダクトの価値≠ハードの機能
プロダクトの価値=ソフトやプロダクトデザインの場、という仮定式を成立してみる

◇作品紹介②：「コレカモネット」
→Twitter上のつぶやきで、東急ハンズや無印良品の在庫商品が推薦されるリコメンドbot

自然言語検索＆擬人化

◇作品紹介③：アニメーション・ジオラマ「花と屍」2008.12.12.-12.21
→日本の文化をフランスで展示、プロダクトの映像空間演出

空間の付加価値＝映像デザインや物語を加えること

～花と屍（HANA TO SHIKABANE）～ from TEAMLAB on Vimeo.

◇作品紹介④：「100年海図巻」
→全長23ｍの"コ"の字型の壁への投影映像作品、10分間。

100年間で海面水位が100センチメートル上昇した様子をイメージ

昔の人の空間認識は現代人のそれとは異なっていたはず
現代は西洋的なレンズ・カメラ・ビデオを透しての認識感に慣れている

見る場所が固定しているのは西洋的
View Point が定まらないのが東洋的ではないだろうか？

壁面のつなぎめの角で波が曲がらないような錯覚を見せる

日本的空間認識の再評価の実験

百年海図巻100years sea from TEAMLAB on Vimeo.

◇作品紹介⑤：「空書」
→2007年、書の再構築

メディアの中心は紙からデジタルへ。
かつて古代の人々が、亀の甲羅に文字を書いたときに起きた変化と同様に、書を再構築したらどうなるのか。

mudai(kuhsho) from TEAMLAB on Vimeo.

◇作品紹介⑥：「スケッチピストン」
→参加可能なメディア

2010年、日テレダベアのTopページやワコムタブレット”Bamboo Play Room”
落書きできるWebページ、描いたペンやスタンプで音を載せられる仕掛け。

おしゃれなものより、ユーザ参加の方が嬉しいのでは？
できなかったことをできるようになると嬉しいという体験から

◇作品紹介⑦：「CountDownJapan 08/09」
→ユーザに焦点を当てた企画、ダンス風景をスクリーンに投影

映像でダンスフロアを囲む

countdown 08/09 from TEAMLAB on Vimeo.

◇作品紹介⑧：「TeamLabボール」
→1個直径1.5メートル程の球体
触ると色が変化する、内蔵の無線装置で１つの球体の色が変われば、他の玉の色も変わるP2Pのような仕組みも搭載

TEAMLAB Ball02 from TEAMLAB on Vimeo.

◇作品紹介⑨：「舞踊、早乙女太一」背景映像作品
2010年、背景映像を提供。役者の動きに併せて、舞台背景の映像”華・竹やぶ・川”が連動。
舞踊と一緒にしたことで、ライブ感を演出。

インターフェースデザインはメディアアートと曖昧になる。
メディアアートはソフトウェアやテクノロジーによる。
これまでの切り分けの概念は意味をなさなくなるのではないか？

これからは「おもろ(おもしろ)ハイテク・おしゃれハイテク」が鍵になると考える。

【Q&A】
・質量があるとダサい？について
→上海万博のUKの展示物が好み。軽い。光る。風にたなびく。解体して持ち運べる。

・発明発想の原点について、クライアント要請から作る？アイディア先行？
→技術先行の場合もある。やりたいことは沢山あるので、それにマッチすればベスト。

・本質的なもの
→茶室が好き。形式よりも表面。なんでその文化が重要なのかの意味が大事。
西洋はバランスとれる美しさ、東洋はバランスを崩したとことに美しさを見出す文化。
本質を変えないものが良い。

・他社のコラボは？
メディアアート系他社をリスペクトするが、一緒にはやらない。
予算、時間に限りあるため。
自社でできない遠い分野の専門家とはコラボする。

--

メモは以上です。

下記個人所感。

作品①：
ユーザの持ってる服画像をまとめてDB登録しておけば、店舗商品との組み合わせがしやすそう。今までは脳内で済ませていたようなことを可視化するのはアリかも。

作品②：
東急ハンズの在庫DB気になります。
巨大在庫で商品提供力のある店舗とネット活用の好例かと。

作品③〜⑥：
デザインできる方々がうらやましいです。
スクリプト書くだけで終わらないFlash界は奥が深くて…

作品⑧：
Arduino好きです、電子工作萌え。

LaserTagで遊ぼう。

2010-08-17T18:13:00.005+09:00

LaserTagで建物にバーチャル落書き、こんなことできます[YouTube]。
・国内編
・海外編

基本的な設定手順(日本語)は下記リンク参照。
http://www.web3dnews.org/archives/2009/03/untite.html

アプリケーションDLはこちら。
http://muonics.net/blog/index.php?postid=26

ソースはC++で書かれていて、openGLとopen frameworksで実装されてるとのこと。
WebCam上の輝度いくらの光源を点で認識するプログラムの感触、open frameworksだと早く動作して良いなぁ。

用意するもの

LaserTagアプリケーション
WebCam(今回はMacbookなので内蔵)
LEDペン
プロジェクター(これは外で建物に投影する際に必要)

今回はプロジェクター無しの場合。

部屋を暗くして、WebCamに移される映像範囲内でなぞられた

REDペンの軌跡が、下写真(右上部)のようになぞられます。

外にプロジェクターを持ち出して、建物の壁を巨大なキャンバスにしてみるのも爽快ですね！

"これも自分と認めざるをえない展"

2010-08-14T17:11:00.003+09:00

…言い換えれば、指紋や静脈といった人の「属性」が一人歩きする社会が身近に迫ってきていると言えるのではないでしょうか。「自分」を形づくる要素を探る作品を通して自分自身を発見する機会。(配布資料から)

東京ミッドタウン・ガーデン内 "21_21 DSIGN SIGHT"にて。

本展ディレクターは佐藤雅彦先生。

題材になっていた人の属性は以下のもの。

指紋
虹彩
ふるまい
思考
声紋
鼓動
耳紋
輪郭

仕組みは、

入力装置で情報入力
ネットワークを介して内部データベースと照合
照合結果を出力装置へ反映

となっていると考えられるものの、入出力装置が見慣れない機器のため新鮮な感覚です。

気になったのは虹彩認証技術を利用した作品「覗かれ穴」と「2048」

※虹彩認証：虹彩は、人間の眼球の黒目の外側にある部分。眼球に光を当てることで、黒目が収縮する際に虹彩にわずかな皺が生じるため、それをカメラで撮影し、データ処理を行うことで個人情報を識別する。声紋のように年齢を重ねても特徴が変化しないため、認証率もトップクラス。
http://www.cgm-japan.com/technique/eye.html

「覗かれ穴」は、小さな隙間から静止画を覗く人がいま見ているポイントを、その人の視点を追跡して、見ている本人の後ろのスライダーに映像として描写するというもの。

「2048」は会場入り口で採取した入場者虹彩情報から、0と1のみの数字を円形状に配列して個人を特定できるようにする。ここで、スクリーン上に並べられた数字を黒板消しで消していっても、大部分が消されない限りは本人と認証されることが分かる。

各展示の技術やデバイスがアート的なコンセプトとともに体験できるイベントでした。

九門崇先生セミナー参加録

2010-08-10T23:54:00.000+09:00

講義中心であるものの、４〜５人ひとグループでのディスカッションもあり、考えながらのセミナーでした。

今回はWebとあまり関係ないのですが、アジア隣国とのビジネスは切り離せないと思うのでログを残します。

下記メモ。

2010/8/7(Sat.)@JobWeb 九門崇先生

14:00-17:00

JobWebセミナー「アジアの新興国で必要とされるグローバルリーダーシップと、その磨き方」

イベントURL：
http://www.jobweb.co.jp/gift/seminar/new_seminar/1374/

九門先生執筆記事「中国から探るグローバルビジネス」
http://www.nikkeibp.co.jp/article/column/20080923/100464/

Quiz: 次の数字はなんでしょう？
1)日本：1、インド：25、中国：5
2)日本：9、インド：45、中国：27
3)日本：500、インド：1500、中国：1700

Hint:
HBS(ハーバードビジネススクール)に関連

Answer:
1)HBS における国別の教師人数
2)同上生徒数
3)HBS エグゼクティブコースにおける国別収益

2030年GDP予測
中国１位、インド４位

2010年8月現在での世界携帯電話所有者数＝５０億人超(全人口うち７割)
ちなみに中国内のみで８億人
新規契約数は2010年６〜７月で５０００万台
※先進国・新興国の対の中でも価値観の多様化が起きている

中国No１の家電蘇寧電機
・日本ラオックス資本に29％出資
・家電量販店から免税店へのシフト
・秋葉原ラオックス本店の店員のうち４割が中国語を話せる

グローバル企業の付加価値
語学だけではない
◇アリの視点、鳥の視点
難しいといわれる点
・代金回収
・模倣品
・…
→上手くいかないのは本当に市場のせい？

Work(１)：
Q１「中国で日本企業がビジネスで成功するポイントを３つ考えてください」
Q２「ビジネスに成功するには現地の人をトップにしたら良いか？Yes・Noの視点で」

挙げられた意見：
A１：
・流通
・市場ニーズ
・商習慣を理解する人材
・文化
・ステークホルダー(日中両政府含む)への関わり
・現地network
・リスク対応(為替変動、商習慣、法制度の変化)

事例：
化粧品メーカーFANCLの成功要因
1)"無添加"コンセプトの輸出('94〜)
2)香港展開
3)高級感(日本の1.6~1.7倍の価格で、この価格は輸出＆利幅のせているため)
4)広告での知名度向上策
※補注
1)
日：肌の弱い人のため
中：肌に良い
4)
判断の早さ：南京路年間契約５０００万円/を即決
銀座４丁目FANCLをフラッグショップとして展開

A２：
・Yes側:
マーケットへの中国人への理解
労働者の団結心
暴走のリスク(ブレーキかけられる人材がいれば抑えられる)
・No側:
CFO、製造責任は日本人に
バリューを生み出すラインは扱いづらい
もてなし、暗黙知は伝達困難

商品をどうするか(製造ラインも変わるが…)
商品をどう売るか？(既存ものの販売戦略)
→現地人トップは増えていく傾向が続く

Point
1.マネジメントの現地化
2.マーケティングPR
3.現地法人への権限委譲

解説1. マネジメントの現地化
共通公用語１００名うち２名は駐在員
2010.6.29 日経新聞
・地方政府の関係つくり
・日系企業以外の営業
・地方代理店の活用
・人材育成/採用/評価
・メディア対応
→日本人だけでは対応しきれず

事例：
SAMSUNG、現地専門員として２０代から現地に派遣する
Google：
MS元中国R＆Dセンター長"カイフ・リー氏"
２００５年〜からの高額オファー
中堅メーカー(オーナー系)
・５０００名社員うち日本人は１０名(経理・技術指導)、総経理は中国人
・スキルシート、人事システムは一部日本式
・日本語を公用語にして社内教育も実施
→現地人トップまたは留学生トップとする傾向も増える

解説2. マーケティングPR
中国広告
・外資は日系広告より１００倍程度費用が高い
若者人気のVELO(維絡城)
・クーポン発行時(ケータイ端末)
・日中ボーダーレス

解説3. 現地法人への権限委譲
スピード感が肝。
1.執行役員が現地で決裁
2.上海を第２本社化 ex)大手消費剤メーカー
3.台湾系、オーナー系

Work(２)：
Q：貴方が考えるグローバルリーダーとは？
挙げられた意見：
ジェフ・イメルト(GEのCEO、地球全体でビジネスを構想する)
李健煕（イ・ゴンヒ：サムスン会長、グローバルな企業展開)
ビル・トレイン(アシヨカ財団(？)、世界単位でなく価値枠で。次世代リーダーの育成)
ビル・ゲイツ(寄付活動、福祉貢献)
孫正義(ソフトバンクCEO、東西の文化を知る、国に縛られない投資も)
etc...
※民間・非民間問わず

日本のグローバルリーダーは？
1971年TIME誌"SONY盛田氏"
現代…
１９７０年代で止まった？

Q：グローバルリーダーに必要な条件やスキルは？
先生のコメント：
・自分のルーツを認めること
・相手より先に自分の価値観を理解していること
・自分の哲学やプリンシプルに従って自らの意見を言えること
→多様性"Diversity"は「競争」から「調和」へ。
グローバル＝自分が何人であるといった文化枠に囚われないこと
自らへの問いかけ：
・そのイメージは普遍性のあるものですか？
・あなた"らしさ"とは？
・あなたの付加価値は？
・如何にしてビジョンを伝えますか？

◇GIFT事例
中国プロジェクト概要
西安市のオーガニックコットンを市の中心産業とする。

日本の今後の活路：
課題先進国として諸外国へのノウハウ提供
・大量輸送
・都市圏の人口増化
・社会の高齢化
・環境問題対策
日本の強み：
・タイムマネジメント(鉄道網のダイヤ作成、交通遅延情報、、)
・省スペース

グローバルな個人に向けて必要なもの：
Soft Skill
・知識
・コミュニケーション
・エンパシー
Basic Skill
・語学力
・専門性
・自国文化歴史への理解
その他大事なもの：グローバル体感力
・気づきの場に参加する
・外国人旅行者の多い地域を観察する
・留学生と交流するetc.
講義録以上。

【所感】
・リーダーって単語から"項羽と劉邦"が連想される単純な頭の中。
・某企業は、仮に世界政府が存在するとして、それが行うであろうことを実現するという。仮想政府として彼らは統率はするだろうが…迷い子ホイホイ。
・故人いわく未来に向かわないものは往々にして無意味とのこと。普遍性大事。

P5球体遊び

2010-02-09T21:14:00.008+09:00

気晴らしに作ったもの。
マウスの座標に応じて文字が球体の周りを回転するものです。

コードは下記。
球体の周りのテキストには、任意のRSSフィードを引っ張ってきて遊ぶのも良いかと思います。

PFont myFont;
int rad = 100;
int theta = 0;

void setup() {
size(600, 600, P3D);
myFont = loadFont("Georgia-48.vlw");
textFont(myFont, random(20,32));

}

void draw() {

String[] msg = new String[13];

for(int num = 0; num < msg.length; num++){
msg[num] = "message"+num;
}

background(225);
//stroke(255, 50);
noStroke();
lights();

translate(300, 300, 0);
rotateX(mouseY * 0.05);
rotateY(mouseX * 0.05);
fill(230, 230, 230);
//sphereDetail(mouseX / 4);
sphere(100);

for(int i=0; i< msg.length;i++){
theta = 30*i;
rotateX(PI/3.0);

if(i%3==0){
//text(msg[i],100+10*i,100+10*i,100+10*i);

fill(0, 102, 153,100);
text(msg[i],rad*cos(theta),rad*sin(theta),100+10*i);

}else if(i%3==1){

fill(102,102,255,100);
text(msg[i],rad*cos(theta),-rad*sin(theta),100+10*i);

}else{

fill(153,0,51,100);
text(msg[i],rad*cos(theta),rad*sin(theta),100+10*i);

}
}

}

proce55ingとWordle

2010-02-07T13:27:00.015+09:00

wordleはタグクラウドを簡便に作成可能なWebサービス。

下記画像はSocialBookmarkサービスのDeliciousで保存したタグを
一覧表示したものです。

ブラウザ画面上でテキストのフォント、カラー、配置を調整できるので、
遊んでみると面白いかも。

ProcessingからもWordleを扱うライブラリ”wordookie”があります。
※JRE ver.1.6以上で動作するようで、MacOSXの人はJava Preferencesを開いてJavaの実行環境を要調整。

参考動画はリンク先のもの。

およその使用法はサンプルに沿って下記。

import wordookie.*;

static String FONT = "MingLiU";

//フォントの最大値、最小値を設定
static final float MAX_FONT_SIZE = 100f;
static final float MIN_FONT_SIZE = 12f;

//テキストで表示するカラー群を格納
static color [] TEXT_COLORS = { #F6EFF7, #BDC9E1, #67A9CF, #02818A };
color BACKGROUND_COLOR = color( 0 );

//表示するテキストを格納
static String [] wordInput = { "Hello",
"Guten Tag",
"\u3053\u3093\u306b\u3061\u306f" , //日本語の“こんにちは”
"Buenos Dias",
"Bonjour",
"Buon Giorno",
"\u4f60\u597d" }; //中国語の“你好”

java.util.List wordList;

int wordIndex = 0;
PFont font;
Layout layout;

void setup()
{
size( 1024, 768 );
smooth();
frameRate( 30 );

font = createFont( FONT, 48 );

// load words
this.loadWords();

// sort words by weight, decreasing
this.sortWords();

layout = new Layout( this, BACKGROUND_COLOR );

background( 0 );
}

void draw()
{
…
・wordListに含まれる各要素を取り出してフォント、カラー設定
・wordListの各要素のフォントの大きさ、表示テキストの配置を設定

これを動かすと画像のように、ウィンドウ上に表示されます。