マーケ部のtksです。
田園都市線 池尻大橋駅すぐそばのPUBLIC IMAGEにて、今日からチームラボハンガーの展示会が始まりました！
TEAMLAB presents 『COORDINATION』
http://public-image.org/3d/?p=1578
会場内のディスプレイと、ハンガーが連動して、服がコーディネートされた画像/映像が表示されます。
服の持っている情報を最大限表示する、インタラクティブアートです。
モニタの数、モニタの大きさの違いなど、使われるショップのシーンに合せた映像が現れるのは、見ていて本当に気持ちが良いです！ぜひ会場でさわってみてください！
ハンガーをいくつも手に取ると、映像がモニタ上で混ざって表示されます。
僕が持ってるとあんまりオシャレに見えませんが おしゃれハイテクです！
TEAMLABインタラクティブハンガー
商品は、単体で見せられるよりも、コーディネイトされたイメージの方がユーザーの想像力をより刺激し、より魅力的に見えます。もし、気になった服を来店者が手にとったとき、同時にコーディネイトされたイメージがショップ内に現れたなら、ショッピングはより豊かで楽しい体験になります。
商品を手にとると、ハンガーなどに取り付けられたセンサーが連動したショップ内のモニタに、コーディネイトされたイメージが映し出される（インタラクティブハンガー！）。たとえばそういう表現方法があることで、商品の持つ世界を、来客者と共有することができます。
日本のショップはヤバい！と上がるテンション。
今回は、ASOBISYSTEM、A/M、ANSWRの協力も得て世界初のインタラクティブインスタレーションを行います。
ブランドへのリンクなどは Not Just Hanging out…(momomagazine) から転載させていただきました。
こちらの ブログも必見です！
ありがとうございます！
田園都市線 池尻大橋駅すぐそばのPUBLIC IMAGEにて、今日からチームラボハンガーの展示会が始まりました！
TEAMLAB presents 『COORDINATION』
http://public-image.org/3d/?p=1578
会場内のディスプレイと、ハンガーが連動して、服がコーディネートされた画像/映像が表示されます。
服の持っている情報を最大限表示する、インタラクティブアートです。
モニタの数、モニタの大きさの違いなど、使われるショップのシーンに合せた映像が現れるのは、見ていて本当に気持ちが良いです！ぜひ会場でさわってみてください！
ハンガーをいくつも手に取ると、映像がモニタ上で混ざって表示されます。
僕が持ってるとあんまりオシャレに見えませんが おしゃれハイテクです！
TEAMLABインタラクティブハンガー
商品は、単体で見せられるよりも、コーディネイトされたイメージの方がユーザーの想像力をより刺激し、より魅力的に見えます。もし、気になった服を来店者が手にとったとき、同時にコーディネイトされたイメージがショップ内に現れたなら、ショッピングはより豊かで楽しい体験になります。
商品を手にとると、ハンガーなどに取り付けられたセンサーが連動したショップ内のモニタに、コーディネイトされたイメージが映し出される（インタラクティブハンガー！）。たとえばそういう表現方法があることで、商品の持つ世界を、来客者と共有することができます。
日本のショップはヤバい！と上がるテンション。
今回は、ASOBISYSTEM、A/M、ANSWRの協力も得て世界初のインタラクティブインスタレーションを行います。
Event Information
TEAMLAB presents 『COORDINATION』
開催日時 : 2010年7月16日（金）〜 7月28日（水）
営業時間：12:00-19:00 （月曜日定休／祝日除く）
入場料：無料
会場：PUBLIC/IMAGE.3D
東京都世田谷区池尻2-32-2 デパール池尻1F
協力： ASOBISYSTEM, A/M, ANSWR
協力ショップ・ブランド：CAROLINA GLASER, Edwina Hoerl, GALAXXXY, HENRIK VIBSKOV, KINSELLA, monomania, Nid, Petar Petrov, POSTERIZE, ROCKWELL, SILAS, THEATRE PRODUCTS, t.i, united bamboo, UNITED COLORS OF BENETTON., yaponskii
ブランドへのリンクなどは Not Just Hanging out…(momomagazine) から転載させていただきました。
こちらの ブログも必見です！
ありがとうございます！
こんにちわ 田村です
第五回チームラボ天下一武道会のご報告です。
今回の勝負は3時間バトルロワイヤルです。社外からもプログラムに自信がある方を
募集して開催しました。募集内容はこちらからどうぞ。
いつも具体的な勝負の内容の説明は会場で行われます。
こちらが説明のスライドです。
勝負の内容を要約しますと、
・参加者が参照できるサーバにひとつの数字が保存されています。
・参加者はその数字の値はわかりませんが、数字を予測し、その予測数字より上か下か、
当たっているか ということがサーバの返答でわかります。
・誰かが数字を当てると、サーバの数字はプラス１されます。
・サーバの数字の初期値は０です。
・数字を当てると1点ゲットです。はずれは減点はありません。
説明スライドにもあるように、今回はスライドで説明している中、バトルが開始されました。
なんとも気の早いバトル開始（誰も何も開発してないし、、）ですが、プログラムを
書かずとも得点することができる内容ですので、誰でもその時点でバトルに参加できました。
実はプログラムを殆どかけない者をもぐりこませていまして、実際に手作業で得点を
重ねてもらい、プログラムを使った得点がバトル開始からどれほどで追い抜くかという試みもしていました。
人間 VS プログラム ですね。
人の手でバトル参加中～
初期値は０で誰も当てることのない状況では、必ず次は１です。その次は２です。と簡単に人間でも
予測できる訳です。
説明中＋説明後あわせて15分程度で、人間の手は50点以上の得点をゲットしていました。
ただ逆にいうと、説明してものの15分程度で誰かがプログラムを作成し、もはや人間は追えなくなって
しまったようです。。
そこからは一瞬でほとんどの参加者のプログラムは人間の得点を抜き去り、
プログラム同士の対決になっていきました。
熱くて長い誰も気の抜けない3時間が開始されました。
今回はリアルタイムに状況を確認しながら、プログラムの修正をかけていかなければ、他の参加者に
あっという間に追い抜かれてしまうので、異常な緊張感の中皆さんバトルを続けられてましたね。
本当にお疲れ様でした！！
皆さん超真剣です！
プロジェクターでリアルタイムに現在の全員のランキングを表示しており、それがまた見ていて
すごくおもしろいんです。得点が急に伸びだして、ごぼう抜きする人を見ているとホント鳥肌ものです！
「なんだこの人、どんなマジック使ったんだろう？？」ってなる。
でもそれをまた追い抜くツワモノがいる訳です。
本当にこんな静かで熱いバトルを間近で見ることができて、幸せでした！！
最後の30分はランキングを隠し、誰がトップかわからないように進めたのも、非常に緊張感が
出ましたね。皆さんドキドキしていたようですね。
そして結果発表です。
1位
tanakhさん（PFIさん）
さすが強い！1位2回目ですね。おめでとうございます！最後の追い抜きと、抜いてからは寄せ付けない強さが光
りましたね。言語はHaskell。強し！
2位
村田さん（チームラボ）
1位届かず！残念。でも強かった。ある時から異常に予測精度が上がりましたね。魔法を教えてください！
言語はJAVA。
3位
todeskingさん（チームラボ）
開始から圧倒的強さで、差を広げて最後まで突っ走るかと思いました。最後で二人に追い抜かれましたが
しぶとい強さがありました。言語はRuby。
最後は懇親会＆プログラム説明会です。僕はこの説明の時間がすごく好きです。
2位の村田さんの魔法の裏側はいかに？？
1位のtanakhさん Haskellアピール有難うございます！
ちょっとしたプログラムの工夫や言語の違いによっての実装の早さなどいろんなことがわかります。
3時間も皆さんが取り組んでいたプログラムなので、すごくわかるんですよね。すごさが。
本当に3時間という長い緊張の中でのバトルお疲れ様でした。また第六回目を楽しみにしていて
くださいね。
第五回チームラボ天下一武道会のご報告です。
今回の勝負は3時間バトルロワイヤルです。社外からもプログラムに自信がある方を
募集して開催しました。募集内容はこちらからどうぞ。
いつも具体的な勝負の内容の説明は会場で行われます。
こちらが説明のスライドです。
第5回天下一武道会
View more presentations from tamuratetsuya.
勝負の内容を要約しますと、
・参加者が参照できるサーバにひとつの数字が保存されています。
・参加者はその数字の値はわかりませんが、数字を予測し、その予測数字より上か下か、
当たっているか ということがサーバの返答でわかります。
・誰かが数字を当てると、サーバの数字はプラス１されます。
・サーバの数字の初期値は０です。
・数字を当てると1点ゲットです。はずれは減点はありません。
説明スライドにもあるように、今回はスライドで説明している中、バトルが開始されました。
なんとも気の早いバトル開始（誰も何も開発してないし、、）ですが、プログラムを
書かずとも得点することができる内容ですので、誰でもその時点でバトルに参加できました。
実はプログラムを殆どかけない者をもぐりこませていまして、実際に手作業で得点を
重ねてもらい、プログラムを使った得点がバトル開始からどれほどで追い抜くかという試みもしていました。
人間 VS プログラム ですね。
人の手でバトル参加中～
初期値は０で誰も当てることのない状況では、必ず次は１です。その次は２です。と簡単に人間でも
予測できる訳です。
説明中＋説明後あわせて15分程度で、人間の手は50点以上の得点をゲットしていました。
ただ逆にいうと、説明してものの15分程度で誰かがプログラムを作成し、もはや人間は追えなくなって
しまったようです。。
そこからは一瞬でほとんどの参加者のプログラムは人間の得点を抜き去り、
プログラム同士の対決になっていきました。
熱くて長い誰も気の抜けない3時間が開始されました。
今回はリアルタイムに状況を確認しながら、プログラムの修正をかけていかなければ、他の参加者に
あっという間に追い抜かれてしまうので、異常な緊張感の中皆さんバトルを続けられてましたね。
本当にお疲れ様でした！！
皆さん超真剣です！
プロジェクターでリアルタイムに現在の全員のランキングを表示しており、それがまた見ていて
すごくおもしろいんです。得点が急に伸びだして、ごぼう抜きする人を見ているとホント鳥肌ものです！
「なんだこの人、どんなマジック使ったんだろう？？」ってなる。
でもそれをまた追い抜くツワモノがいる訳です。
本当にこんな静かで熱いバトルを間近で見ることができて、幸せでした！！
最後の30分はランキングを隠し、誰がトップかわからないように進めたのも、非常に緊張感が
出ましたね。皆さんドキドキしていたようですね。
そして結果発表です。
1位
tanakhさん（PFIさん）
さすが強い！1位2回目ですね。おめでとうございます！最後の追い抜きと、抜いてからは寄せ付けない強さが光
りましたね。言語はHaskell。強し！
2位
村田さん（チームラボ）
1位届かず！残念。でも強かった。ある時から異常に予測精度が上がりましたね。魔法を教えてください！
言語はJAVA。
3位
todeskingさん（チームラボ）
開始から圧倒的強さで、差を広げて最後まで突っ走るかと思いました。最後で二人に追い抜かれましたが
しぶとい強さがありました。言語はRuby。
最後は懇親会＆プログラム説明会です。僕はこの説明の時間がすごく好きです。
2位の村田さんの魔法の裏側はいかに？？
1位のtanakhさん Haskellアピール有難うございます！
ちょっとしたプログラムの工夫や言語の違いによっての実装の早さなどいろんなことがわかります。
3時間も皆さんが取り組んでいたプログラムなので、すごくわかるんですよね。すごさが。
本当に3時間という長い緊張の中でのバトルお疲れ様でした。また第六回目を楽しみにしていて
くださいね。
マーケティングチームのtksです。
2010/6/19に第一回のインタラクションデザイン研究会が開かれました。チームラボ代表の猪子も講演しましたが、他にも豪華メンバーで、非常に興味深いイベントになりました。
公式サイト
http://sigixd.org/1st.php
増井俊之氏 田川欣哉氏 稲見昌彦氏 猪子寿之 各氏の講演を録画した(ところどころ僕の大声が入ってるのは仕様です)のと、当日のtwitterまとめを公開します。
1時間を越えて行われたパネルディスカッションも面白かったので、どこかに録画か文字起こしが上がると、いいですね。
増井俊之氏講演 http://pitecan.com/Presentations/20100619-InteractionDesign/TOC.html
田川欣哉氏講演 http://www.takram.com/
稲見昌彦氏講演
http://prezi.com/xoodv3kjahfm/100619-ixd-inami/
猪子寿之 講演 http://www.team-lab.net/
当日のtwitterまとめ
2010/6/19に第一回のインタラクションデザイン研究会が開かれました。チームラボ代表の猪子も講演しましたが、他にも豪華メンバーで、非常に興味深いイベントになりました。
公式サイト
http://sigixd.org/1st.php
増井俊之氏 田川欣哉氏 稲見昌彦氏 猪子寿之 各氏の講演を録画した(ところどころ僕の大声が入ってるのは仕様です)のと、当日のtwitterまとめを公開します。
1時間を越えて行われたパネルディスカッションも面白かったので、どこかに録画か文字起こしが上がると、いいですね。
増井俊之氏講演 http://pitecan.com/Presentations/20100619-InteractionDesign/TOC.html
田川欣哉氏講演 http://www.takram.com/
稲見昌彦氏講演
http://prezi.com/xoodv3kjahfm/100619-ixd-inami/
猪子寿之 講演 http://www.team-lab.net/
当日のtwitterまとめ
MAKE TOKYO Meeting 05でチームラボMAKE部ブースに来てくれた皆さん、ありがとうございました！
今回のMTMも大盛況で、体育館のチームラボMAKE部ブースには、ほぼ途切れなく人が来ている感じでした。
前回も展示したらぼかへ,スケッチピストン、ほかに、今回の新作フェイス・サッチ(@shihu作)お天気ガジェット、ヘブンズ・ドア（@yamaryoxxxx作）も大人気でした！
ニコニコ生放送企画局（NKH）で展示させてもらったチームラボボールも大人気でした！今回もたくさんのMakerの人、MAKE好きの人と知り合いになれ、僕らが作ったものを見て・見せてもらって、とても楽しい2日間でした。
次回は11月。今から楽しみです！
Ascii jpで大フィーチャーされてます。
Make:Tokyo05開催！ バカ？天才？その隙≒0だった【前編】
会社にあると便利なトイレ占領サインとコーヒー残量サーバ
http://ascii.jp/elem/000/000/524/524380/index-3.html
会場写真など
 |
| 送信者 #MTM05 |
ギリギリで出展準備中
 |
| 送信者 #MTM05 |
ブース内でライブコーディングするメンバーも
 |
| 送信者 #MTM05 |
会場内は人でいっぱいでした！
こんにちわ。田村です。
チームラボでは常にインターン生を募集しているのですが、
今年の3月に学校の春休みの期間を使って４人のインターン生がやってきました。
高専生が2人、大学生が2人です。
1ヶ月以上のインターンシップ期間があれば実際のプロジェクトに参加も可能なのですが、
今回は2週間程度のメンバーがそろっていたので、みんなで何かを達成できる課題に
しようと思い、学生と一緒に企画のアイデアを出し合いました。
「とことんプログラムしたい」
「おもしろいモノ作りたい」
「しっかりアウトプットを出そう」
という意見を軸にいろいろ考えたあげく、
「2週間あればグリモン100個ぐらいはいけんじゃね」
ということで、「グリモン100個作ろう企画」に決定しました。
1人あたり1日4個～5個のグリモンを作る想定です。
そして最後に結果発表会を開いて最優秀グリモンを決めようということになりました。
ちなみにですがそれ以外の案として
「協調フィルタやコンテンツマッチに変わる新しいレコメンドエンジンを作ろう」
という意見もありましたが、なかなかアウトプットが評価しずらいのと、
考える時間の方が増えてしまいそうだったので、今回は断念しました。
1ヶ月あれば良かったかもしれないですね。
企画が決まって、早速初日からグリモン開発をしていきました。
学生皆がJSが得意だった訳ではないのですが、各人一人ひとりが、アイデアを出して、
技術的に可能かどうか調べながら、時には協力しながら、皆さん遅くまで頑張り続け
なんだかんだで、2週間も立たないうちに100個揃ってしまいました！すごいです。
最終日は成果発表ということで、社員の皆も呼んで発表会を行いました。
発表会はチームラボの会議室で行いました
インターンの学生達です
一人ひとりに動作させてもらいながら発表してもらいました
せっかくですので各人が開発したグリモンのいくつかをピックアップして
ご紹介したいと思います。
またチームラボのインターンシップについてインタビューもしましたので、
併せてお読みください。
ちなみにグリモンのソースも公開しようと思ったのですが、想像以上に過激なものが生まれて
しまった（笑）ため、僕の口からは公開したいとは言えません。。すいません。
山田さん
Q 自己紹介をお願いします
静岡大学の3年生（インターンシップ時、現在4年生）です。おめでてー研究室で
はないのですが、以前から付き合いがあったこともあって、今枝くんがインター
ンに誘ってくれました。
Q 作品紹介をお願いします（いくつかピックアップ）
1.Youtubeをlightboxのように見ることができるグリモン
Youtubeの再生ページへのリンクをクリックすると、再生ページに遷移する代
わりにポップアップで再生ウインドウだけが出てくるように変化するグリモンで
す。これは、実際の機能よりも見た目が派手なので好きです。
2.リストボックスの中の項目をワード検索できるようにするグリモン
一方で、機能的に満足なグリモンがこれです。項目数の多いリストから選択さ
せるようなサービスをかなり頻繁に使うので、これは以後使っていきたいと思っ
ています。
Q 大変だったところはどんなところですか？
JavaScript を書く経験は何度かあったので、実装について難しすぎてできな
い！ということはほとんどありませんでした。それよりも、たくさんのグリモン
を製作していく中で、アイデアの不足が深刻でした。後半は、実装よりもネタを
ひねり出す方に時間がかかっていたと思います。
Q 工夫したところはどんなところですか？
UserJS というと、どうしても特定のサイト、特定のページに合わせたものを
書くような使い方が一般的だと思います。では、自分だけしか使っていないよう
なWeb ページのグリモンを書いて面白がってくれる人がいるかというと、そうで
はない場合の方が多いだろうという考えがあったので、なるべく多くの人が使っ
ているようなサイトにターゲットを絞ったり、どのページでも使えるようなもの
を作ろうと心がけていました。
Q チームラボでインターンシップをした感想をお願いします
面白いものを作ろうと考えたりしているときや、実際に作っているときに、時
間を忘れるほど夢中になれるということに気づけました。プログラミングを始め
たときのような、ある意味では新鮮な。またある意味では懐かしい気分でイン
ターンシップができたと思います。
Q なんでも一言お願いします
何かを作ることの楽しさを再認識するとてもよい機会になったと思うので、こ
れからも何か面白い物を作ることを目指して頑張っていきたいと思います。本当
に有難うございました。楽しかったです。
山田さんの作品の一例です
・Ctrl+Alt+Bキーで表示中のページをブクマするページへ(はてブ)
・Google検索結果に検索ワードに関係するWikipediaの記事があれば表示。
・Favotterのされてしまった発言を復元する。
・iPhoneのパスワード入力のようにパスワードの最後の入力だけ見えるようにする。
・Googleの検索結果をMcAfeeのチェッカーで調査し、チェックサインをつける。
・コレカモの商品ページに、「この商品をTwitterで紹介する」リンクをつける
・SAGOOLの検索窓にインクリメンタルサーチ機能をつける。
・lightboxのようにYoutube動画が見られる。
・見ているページを携帯電話用に変換したURLをQRコードにして表示するグリモン
・リストボックスに、ワード絞込み機能を追加する。
今枝さん
Q 自己紹介をお願いします
今枝敬太です。昨夏のインターンからお世話になっています。
静岡大学の情報学部で現在4年生です。(Twitter: @chkfj)
Q 作品紹介をお願いします
- livecampus.countgrade.user.js
静岡大学の学務情報システムで成績情報の集計をして表示します。
- twitter.hidedm.user.js
見られたくないDirectMessageをダブルクリックで非表示にします。
Twitterの文字数カウント部分をダブルクリックすると元に戻ります。
Q 大変だったところはどんなところですか？
最近までほとんどJavaScriptを書いたことがなかったのですが、コレカモ！のプ
ロジェクトでJavaScriptの埋め込みをお手伝いさせていただいたこともあって、
技術的にはそれほど大変ではありませんでした。
むしろ、みんなが見て面白いと思いそうな（実現できる）アイデアを考えるのが
一番大変で、結局全然思い浮かびませんでした…
Q 工夫したところはどんなところですか？
JavaScriptを直接書ける自信がなかったので、JQueryを使いました。
自分が便利なスクリプトというだけでは優勝は難しいので、見た目で受けを狙お
うと考えていました。
Q チームラボでインターンシップをした感想をお願いします
グリモン100個！というテーマも良いですが、それぞれ違ったスキルを持ってい
る他の参加者と交流できるのがとても刺激になると思います。いつもありがとう
ございます！
Q なんでも一言お願いします
引き続きよろしくお願いします＞＜
■今枝さんの作品の一例です
・Google検索結果をWeb0.1風にする
・学務情報システムの成績集計/不可の欄を赤くする
・学務情報システムログインフォーム入力制限解除
・TwitterのDMをダブルクリックで非表示にする
平田さん
Q 自己紹介をお願いします
平田良太です。石川高専 専攻科2年になりました。
Q 作品紹介をお願いします
GoogleHighlight ：検索ワードのハイライトが全ページで実行されます。
GoogleSearchHistory ：検索履歴が検索結果画面に10個まで表示されます。
Q 大変だったところはどんなところですか？
最初にjQueryを使おうか悩んだ結果、使わないと決めてしまいました。
そのせいで毎回getElementByIdしなきゃいけなかったので大変でした。
Q 工夫したところはどんなところですか？
技術的に工夫した点は少ないですね。
むしろアイデア出しの際におもしろいモノ、ひねったモノを作ろう、
と考えて作成しました。
Q チームラボでインターンシップをした感想をお願いします
技術向上はもちろんのこと、おもしろいモノを作れ！という指令だったので、
アイデア出しには苦労しますが、作る課程はとても楽しいです。
社員の方にも意見をもらったり、楽しい会話ができたのでおもしろかったです。
Q なんでも一言お願いします
また機会がありましたら、インターンに参加させてください＾＾
■平田さんの作品の一例です
・コレカモ.netのスタイルを変更します
・ページ全体をギャル文字変換する
・ドラッグ選択した文字列に含まれる漢字に振り仮名をふる
・Googleの検索結果からページに遷移したあともハイライトを持続する
・Googleの検索結果履歴を検索画面上部に表示する
・最小化などフォーカスがはずれるとタイトルを「囲碁の歴史」に変える
・mixiのプロフィールに生年月日から求めた動物占い結果を追加する
・Twitterの投稿文字列の語尾に「にゃー」がつく
・コレカモ.netの商品詳細ページでノーイメージを補完する
井上さん
Q 自己紹介をお願いします
久留米高専５年の学生をやってます。
@inokoj
Q 作品紹介をお願いします（いくつかピックアップ）
・競馬サイトのレース結果ページにそのレースの動画を探してきて、その場で自
動再生する。
・書籍通販サイトの商品ページに行くと、自動で自分の学校の図書館データベー
スから蔵書検索する。
・ポータルサイトの一部に最寄り駅の終電までの残り時間を表示する。
Q 大変だったところはどんなところですか？
Javascriptは扱ったことがなかったので、最初は右も左もわからなかったです。
あとは、アイディアが浮かぶまでひたすらネットサーフィンしてたところでしょ
うか。
Q 工夫したところはどんなところですか？
コードを再利用しやすいようにと、心がけながらコーディングしました。
結局ぐちゃぐちゃでしたけど。。。
Q チームラボでインターンシップをした感想をお願いします
普段の学生生活では味わえない、楽しくて刺激的な日々でした！
Q なんでも一言お願いします
東京遠いです。
■井上さんの作品の一例です
・yahooミュージックの曲のページにその曲の動画と歌詞を表示する
・404NotFoundのページをおもしろくする
・twitterの公式サイトにコメントつきのリツイート機能をつける
・twitterのtwitpicとyfrogと携帯百景の画像へのリンクがあるとその場で画像を表示する
・twitterのユーザリンクの上にマウスを置くとポップアップでそのユーザの名前、自己紹介のなどの情報を表示する
・amazonの書籍を久留米高専の図書館蔵書ＤＢへ問い合わせる
・本郷３丁目の終電までの残り時間をgoogleのトップページに表示する
・yahoo競馬のレース結果にそのレースのyoutube動画をそのまま貼り付ける
・ギターのコードサイトでコードの上にマウスを押すと押さえ方の画像をポップアップで表示
・amazonのＣＤページでその中の曲から１曲選ぶとその曲の動画を表示する
最後に最優秀グリモンのご紹介です。開発者は平田さん。おめでとう！！
チームラボが東急ハンズ様にお話いただき、開発しましたコレカモ.netというサービスを、
彼はグリモンで大変な姿にしてしまいました。。
コレカモ.netです。
これがこんな姿に！！
「コレカモ」というサービスのギャルバージョン「コレジャネ」です。
手が込んでいて、回答も、全部ギャル語に変換されます（笑）
このグリモンやりすぎです。すごい！ハンズ様すみません。。。
最後は社員も入れてみんなで打ち上げ＆懇親会で盛り上がりました。
皆さん怒涛の2週間、お疲れ様でした。
インターンの学生はとにかく成長が早い！！どんどんスポンジのようにいろんなことを
吸収していきます。だから、インターンの学生さんがいらっしゃるとすごく刺激になります！
チームラボインターンは常に募集していますので、いつでもご連絡くださいね
待遇
* 往復実費交通費全額支給（宿泊先からの通勤費も全額支給）
* 宿泊費（社寮の提供、もしくは、宿泊費全額支給）
応募方法
メールの件名に「チームラボインターンシップ応募」と明記のうえ、
本文に「学校名／学部・学科／お名前」「希望期間（前半or後半）」を
ご記入いただき、以下メールアドレスまでお送りください。
recruitアットteam-lab.com
へメールでご連絡いただくか、もしくは
twitter teamlab_tech
に気軽に声かけてください
サマーインターンも募集しています！
こちらからどうぞ
チームラボでは常にインターン生を募集しているのですが、
今年の3月に学校の春休みの期間を使って４人のインターン生がやってきました。
高専生が2人、大学生が2人です。
1ヶ月以上のインターンシップ期間があれば実際のプロジェクトに参加も可能なのですが、
今回は2週間程度のメンバーがそろっていたので、みんなで何かを達成できる課題に
しようと思い、学生と一緒に企画のアイデアを出し合いました。
「とことんプログラムしたい」
「おもしろいモノ作りたい」
「しっかりアウトプットを出そう」
という意見を軸にいろいろ考えたあげく、
「2週間あればグリモン100個ぐらいはいけんじゃね」
ということで、「グリモン100個作ろう企画」に決定しました。
1人あたり1日4個～5個のグリモンを作る想定です。
そして最後に結果発表会を開いて最優秀グリモンを決めようということになりました。
ちなみにですがそれ以外の案として
「協調フィルタやコンテンツマッチに変わる新しいレコメンドエンジンを作ろう」
という意見もありましたが、なかなかアウトプットが評価しずらいのと、
考える時間の方が増えてしまいそうだったので、今回は断念しました。
1ヶ月あれば良かったかもしれないですね。
企画が決まって、早速初日からグリモン開発をしていきました。
学生皆がJSが得意だった訳ではないのですが、各人一人ひとりが、アイデアを出して、
技術的に可能かどうか調べながら、時には協力しながら、皆さん遅くまで頑張り続け
なんだかんだで、2週間も立たないうちに100個揃ってしまいました！すごいです。
最終日は成果発表ということで、社員の皆も呼んで発表会を行いました。
発表会はチームラボの会議室で行いました
インターンの学生達です
一人ひとりに動作させてもらいながら発表してもらいました
せっかくですので各人が開発したグリモンのいくつかをピックアップして
ご紹介したいと思います。
またチームラボのインターンシップについてインタビューもしましたので、
併せてお読みください。
ちなみにグリモンのソースも公開しようと思ったのですが、想像以上に過激なものが生まれて
しまった（笑）ため、僕の口からは公開したいとは言えません。。すいません。
山田さん
Q 自己紹介をお願いします
静岡大学の3年生（インターンシップ時、現在4年生）です。おめでてー研究室で
はないのですが、以前から付き合いがあったこともあって、今枝くんがインター
ンに誘ってくれました。
Q 作品紹介をお願いします（いくつかピックアップ）
1.Youtubeをlightboxのように見ることができるグリモン
Youtubeの再生ページへのリンクをクリックすると、再生ページに遷移する代
わりにポップアップで再生ウインドウだけが出てくるように変化するグリモンで
す。これは、実際の機能よりも見た目が派手なので好きです。
2.リストボックスの中の項目をワード検索できるようにするグリモン
一方で、機能的に満足なグリモンがこれです。項目数の多いリストから選択さ
せるようなサービスをかなり頻繁に使うので、これは以後使っていきたいと思っ
ています。
Q 大変だったところはどんなところですか？
JavaScript を書く経験は何度かあったので、実装について難しすぎてできな
い！ということはほとんどありませんでした。それよりも、たくさんのグリモン
を製作していく中で、アイデアの不足が深刻でした。後半は、実装よりもネタを
ひねり出す方に時間がかかっていたと思います。
Q 工夫したところはどんなところですか？
UserJS というと、どうしても特定のサイト、特定のページに合わせたものを
書くような使い方が一般的だと思います。では、自分だけしか使っていないよう
なWeb ページのグリモンを書いて面白がってくれる人がいるかというと、そうで
はない場合の方が多いだろうという考えがあったので、なるべく多くの人が使っ
ているようなサイトにターゲットを絞ったり、どのページでも使えるようなもの
を作ろうと心がけていました。
Q チームラボでインターンシップをした感想をお願いします
面白いものを作ろうと考えたりしているときや、実際に作っているときに、時
間を忘れるほど夢中になれるということに気づけました。プログラミングを始め
たときのような、ある意味では新鮮な。またある意味では懐かしい気分でイン
ターンシップができたと思います。
Q なんでも一言お願いします
何かを作ることの楽しさを再認識するとてもよい機会になったと思うので、こ
れからも何か面白い物を作ることを目指して頑張っていきたいと思います。本当
に有難うございました。楽しかったです。
山田さんの作品の一例です
・Ctrl+Alt+Bキーで表示中のページをブクマするページへ(はてブ)
・Google検索結果に検索ワードに関係するWikipediaの記事があれば表示。
・Favotterの
・iPhoneのパスワード入力のようにパスワードの最後の入力だけ見えるようにする。
・Googleの検索結果をMcAfeeのチェッカーで調査し、チェックサインをつける。
・コレカモの商品ページに、「この商品をTwitterで紹介する」リンクをつける
・SAGOOLの検索窓にインクリメンタルサーチ機能をつける。
・lightboxのようにYoutube動画が見られる。
・見ているページを携帯電話用に変換したURLをQRコードにして表示するグリモン
・リストボックスに、ワード絞込み機能を追加する。
今枝さん
Q 自己紹介をお願いします
今枝敬太です。昨夏のインターンからお世話になっています。
静岡大学の情報学部で現在4年生です。(Twitter: @chkfj)
Q 作品紹介をお願いします
- livecampus.countgrade.user.js
静岡大学の学務情報システムで成績情報の集計をして表示します。
- twitter.hidedm.user.js
見られたくないDirectMessageをダブルクリックで非表示にします。
Twitterの文字数カウント部分をダブルクリックすると元に戻ります。
Q 大変だったところはどんなところですか？
最近までほとんどJavaScriptを書いたことがなかったのですが、コレカモ！のプ
ロジェクトでJavaScriptの埋め込みをお手伝いさせていただいたこともあって、
技術的にはそれほど大変ではありませんでした。
むしろ、みんなが見て面白いと思いそうな（実現できる）アイデアを考えるのが
一番大変で、結局全然思い浮かびませんでした…
Q 工夫したところはどんなところですか？
JavaScriptを直接書ける自信がなかったので、JQueryを使いました。
自分が便利なスクリプトというだけでは優勝は難しいので、見た目で受けを狙お
うと考えていました。
Q チームラボでインターンシップをした感想をお願いします
グリモン100個！というテーマも良いですが、それぞれ違ったスキルを持ってい
る他の参加者と交流できるのがとても刺激になると思います。いつもありがとう
ございます！
Q なんでも一言お願いします
引き続きよろしくお願いします＞＜
■今枝さんの作品の一例です
・Google検索結果をWeb0.1風にする
・学務情報システムの成績集計/不可の欄を赤くする
・学務情報システムログインフォーム入力制限解除
・TwitterのDMをダブルクリックで非表示にする
平田さん
Q 自己紹介をお願いします
平田良太です。石川高専 専攻科2年になりました。
Q 作品紹介をお願いします
GoogleHighlight ：検索ワードのハイライトが全ページで実行されます。
GoogleSearchHistory ：検索履歴が検索結果画面に10個まで表示されます。
Q 大変だったところはどんなところですか？
最初にjQueryを使おうか悩んだ結果、使わないと決めてしまいました。
そのせいで毎回getElementByIdしなきゃいけなかったので大変でした。
Q 工夫したところはどんなところですか？
技術的に工夫した点は少ないですね。
むしろアイデア出しの際におもしろいモノ、ひねったモノを作ろう、
と考えて作成しました。
Q チームラボでインターンシップをした感想をお願いします
技術向上はもちろんのこと、おもしろいモノを作れ！という指令だったので、
アイデア出しには苦労しますが、作る課程はとても楽しいです。
社員の方にも意見をもらったり、楽しい会話ができたのでおもしろかったです。
Q なんでも一言お願いします
また機会がありましたら、インターンに参加させてください＾＾
■平田さんの作品の一例です
・コレカモ.netのスタイルを変更します
・ページ全体をギャル文字変換する
・ドラッグ選択した文字列に含まれる漢字に振り仮名をふる
・Googleの検索結果からページに遷移したあともハイライトを持続する
・Googleの検索結果履歴を検索画面上部に表示する
・最小化などフォーカスがはずれるとタイトルを「囲碁の歴史」に変える
・mixiのプロフィールに生年月日から求めた動物占い結果を追加する
・Twitterの投稿文字列の語尾に「にゃー」がつく
・コレカモ.netの商品詳細ページでノーイメージを補完する
井上さん
Q 自己紹介をお願いします
久留米高専５年の学生をやってます。
@inokoj
Q 作品紹介をお願いします（いくつかピックアップ）
・競馬サイトのレース結果ページにそのレースの動画を探してきて、その場で自
動再生する。
・書籍通販サイトの商品ページに行くと、自動で自分の学校の図書館データベー
スから蔵書検索する。
・ポータルサイトの一部に最寄り駅の終電までの残り時間を表示する。
Q 大変だったところはどんなところですか？
Javascriptは扱ったことがなかったので、最初は右も左もわからなかったです。
あとは、アイディアが浮かぶまでひたすらネットサーフィンしてたところでしょ
うか。
Q 工夫したところはどんなところですか？
コードを再利用しやすいようにと、心がけながらコーディングしました。
結局ぐちゃぐちゃでしたけど。。。
Q チームラボでインターンシップをした感想をお願いします
普段の学生生活では味わえない、楽しくて刺激的な日々でした！
Q なんでも一言お願いします
東京遠いです。
■井上さんの作品の一例です
・yahooミュージックの曲のページにその曲の動画と歌詞を表示する
・404NotFoundのページをおもしろくする
・twitterの公式サイトにコメントつきのリツイート機能をつける
・twitterのtwitpicとyfrogと携帯百景の画像へのリンクがあるとその場で画像を表示する
・twitterのユーザリンクの上にマウスを置くとポップアップでそのユーザの名前、自己紹介のなどの情報を表示する
・amazonの書籍を久留米高専の図書館蔵書ＤＢへ問い合わせる
・本郷３丁目の終電までの残り時間をgoogleのトップページに表示する
・yahoo競馬のレース結果にそのレースのyoutube動画をそのまま貼り付ける
・ギターのコードサイトでコードの上にマウスを押すと押さえ方の画像をポップアップで表示
・amazonのＣＤページでその中の曲から１曲選ぶとその曲の動画を表示する
最後に最優秀グリモンのご紹介です。開発者は平田さん。おめでとう！！
チームラボが東急ハンズ様にお話いただき、開発しましたコレカモ.netというサービスを、
彼はグリモンで大変な姿にしてしまいました。。
コレカモ.netです。
これがこんな姿に！！
「コレカモ」というサービスのギャルバージョン「コレジャネ」です。
手が込んでいて、回答も、全部ギャル語に変換されます（笑）
このグリモンやりすぎです。すごい！ハンズ様すみません。。。
最後は社員も入れてみんなで打ち上げ＆懇親会で盛り上がりました。
皆さん怒涛の2週間、お疲れ様でした。
インターンの学生はとにかく成長が早い！！どんどんスポンジのようにいろんなことを
吸収していきます。だから、インターンの学生さんがいらっしゃるとすごく刺激になります！
チームラボインターンは常に募集していますので、いつでもご連絡くださいね
待遇
* 往復実費交通費全額支給（宿泊先からの通勤費も全額支給）
* 宿泊費（社寮の提供、もしくは、宿泊費全額支給）
応募方法
メールの件名に「チームラボインターンシップ応募」と明記のうえ、
本文に「学校名／学部・学科／お名前」「希望期間（前半or後半）」を
ご記入いただき、以下メールアドレスまでお送りください。
recruitアットteam-lab.com
へメールでご連絡いただくか、もしくは
twitter teamlab_tech
に気軽に声かけてください
サマーインターンも募集しています！
こちらからどうぞ