「サイボウズ・ラボユース Hackathon 2013夏」に参加してきました。

レッドブル飲み放題に惹かれて「サイボウズ・ラボユース Hackathon 2013夏」に参加してきました。結果から言うと優勝してiPad miniゲットしました！ｗ

↑こんな感じのインターン

全国から5人集まって3日間オフィスと旅館でレッドブルを飲みまくりながらなんでも好きなソフトを開発しまくろう！というハッカソンでした（ほんとに何を作っても良い、規定なし）。メンターにはサイボウズ・ラボの社員の方々がついてくださります。
ハッカソン自体参加するのが初めてだったので新鮮でした。

他の参加者が色々話を聞いてみるとなかなか優秀な人ばかりで、やべぇ、こんな中でやっていけるのかｗと恐々としてました。ていうか5人中4人がセプキャン経験者でした。ちなみに講師の方々は３人ともセプキャンでも講師をされていた方々でした。謎のセプキャン率ｗ

ハッカソンが始まって他の参加者は早々にテーマを設定してしまってコーディングにとりかかっている中、僕はなかなかテーマが決まらず焦ってました。テーマが決まってからは使ったことないけど初めて使ってみたフレームワーク（ Sailsとか）がうまく動かなくて一日目を潰すという結構悲惨というかヤバい状況でした。

形にするのさえヤバいのではないかという状況だったのですがなんとか最後の追い込みで形にすることができました。いつもこんな感じなんでこの性格直さないといけないなーｗ

ちなみに、僕のテーマは「インタラクティヴなリアルタイムプレゼンテーションシステム」です。名付けて"Pinteraction"。発表者が出しているスライドと同じものが聴衆の手元でも見れ、聴衆は発表者に対してなんらかのインタラクションが可能なプレゼンテーションシステムです。

考えたきっかけはオリエンテーションの中でインターン中の情報共有システムとしてkintoneを使うという説明の時にやたら長いURLがスライドに表示されそれを手打ちしないといけない場面があり、これ超めんどくさいなーと思ったことです。URLとかが手元に届けばいいなと。
これを発展させて、むしろスライド自体手元で見れれば良いよね、どうせスライドが手元で見れるんだったら現在進行中のプレゼンと同期すればいいよね、と考えていきました。
実際学校とかでも使ってくれたら超便利だろなーと思って。

というわけで機能をまとめると

• スライド（PDF）をアップロード→Slideが作成される
• Slideのshowページには「プレゼンをする」ボタンがあり、これをクリックすると新たなSessionを作成するページに飛ぶ
• Sessionを作成すると他のユーザもそのSessionを見ることができる
• 発表者がスライドを動かすとそのSessionを見てる聴衆のスライドも同期して動く。もちろんautoplayモードはon/offできる
• 聴衆はコメントを投稿できる。投稿したコメントはニコニコ動画よろしく全員のスライドの上を右から左へ流れる
• スライドに含まれるURLは自動的に抽出されユーザに提示される
• facebookでログイン

といった感じのシステムを構想し、実際に作りました。
SlideとSessionという２つのモデルがあり、Slideはアップロードしたスライドそのものを、SessionはSlideを発表する度に作られる発表の場を表します。つまり実際にプレゼンをする時は発表者も聴衆も同じSessionにアクセスすることになります（ビューは異なる）。

実装はNode.js上でExpress, Socket.IOなどを用いPDFの表示にはPDF.jsを使いました。PDF.jsよくわかんねーｗ

さて、言葉だけだとなんのこっちゃという感じだと思うのでSessionの画面のデモ動画：

Pinteraction: Interactive, realtime syncing presentation system from TaKUMA7 on Vimeo.

左が発表者、右が聴衆の画面です。異なるfacebookアカウントでログインしています。
両者が同じSessionにアクセスし、発表者がスライドを動かすと聴衆のスライドも動いていることが分かると思います。聴衆側のビューの左下にある水色になっているボタンは自動再生モードがonになっていることを示していて、これは聴衆が自分でスライドを進める/戻る動作をするとoffになります。自動再生モードがoffになっている場合も今現在どのページが発表されているのか聴衆は青いステータスバーにより確認できます。聴衆側のビューにはコメント投稿フォームがあり、ここにコメントを打つとニコニコ動画のようにコメントが流れます。
こんな感じ。

ちなみに他の参加者は

• Twitter上の発言のつながりを3Dで可視化するクライアント
• QRコードに余裕で収まる（実行ファイルの大きさが1KBちょっとという変態的な）テトリスの開発
• ニコニコ動画の炎上動画をリアルタイムで取得しユーザに提示するシステム
• Gunosyのようなレコメンデーションであるが今まで興味のなかった対象を広げてくれるレコメンデーションシステム

などを作っていました。なんかよくわかんないけどすげーなと思って見てました。

みんなレッドブル片手に深夜2時とか3時に寝て朝は5時とかに起きるということをやっていました。僕はそんな早起きできないので7時とかに起きてました。それでもかなり睡眠時間短いけど。

さて、3日目の夕方、作ったソフトをデモを交えて社長をはじめサイボウズ、サイボウズ・ラボの方々の前で発表しました。ニューヨークで発表しました（サイボウズのオフィスの会議室とか応接室にはニューヨークやら松山やら東京やらの地名がついていて中の雰囲気もそれをイメージした装飾がされている）。

そして、なぜか僕のやつが最優秀に選ばれてしまいましたｗ意外だったけども嬉しかったです。賞品としてiPad miniを頂きました。ちなみに早速使ってます。思ってたよりQOLあがるヽ(^。^)ノ

この3日間で計約15本のレッドブルを飲みましたｗ

旅館の冷蔵庫に詰め込まれたレッドブル達

なかなかのペースですねー。でも、もっと飲めたかもしれない(・∀・)笑

ランチ・ディナー等で社員の方々と交流したり、旅館で他の参加者の人と夜通し作業しながら仲良くなったり楽しかったです。サイボウズ、サイボウズ・ラボの方々ありがとうございました。

---

発表資料：

「サイボウズ・ラボユース Hackathon 2013夏」発表資料 from Takuma Yoshitani

takuma7.com

takuma7.comを取得した。

それに伴ってこのブログのURLもhttp://takuma-art.blogspot.com/からhttp://blog.takuma7.com/に変更。（古い方は新しい方にリダイレクトしてある。）

さて、takuma7.comだが、フレキシブルなデザインにした。iPhoneでも見れる。横幅を変えると、それに合わせてパネルの配置もかわる。

ついでにロゴもつくった。t7って文字。由来は当然HNから。なんか気に入った。
Twitterの自分のProfileもtakuma7.comと似たようなデザインに変更。http://twitter.com/TaKUMA7
サーバも借りて、本格的にweb上で自分専用のスペースができた。
せっかくなので、これからはアウトプットを精力的にやっていきたい。
読まないといけない本がいっぱいある。受験勉強もやらなきゃいけない。それらもまとめてアウトプットして整理していきたい。

独自ドメインを取得して色々いじったりするのって初めてだったのでいい経験になったと思う。
Google Apps Standardも導入して、Gmailも使えるようにしたり、いろいろいじり倒した。
tumblrをminiblog.takuma7.comに移した。さっきまで見れたのに急に見れなくなってるのは何故だろう。

P.S.いつの間にかBloggerすげー変わってますね。使いやすくなったと思う。

P.P.S. 夏休みあと2日しかない。これからが勝負。

ダイソンのエアータオル

17日間ほどNZオークランドに行っきた。

空の色が全然違う。

3/4に日本を出発、3/23に帰国。

もう2週間弱経過してるけども。戻りたい

これは、いわゆる学校の語学研修プログラム。
語学学校でいろんな国の人とあって、英語にも色々種類があるんだなと改めて思ったりした。
たとえば、中国/韓国/台湾などの人が話す英語は、まだ聞き取りやすい。日本人の英語に近いというか。発音がまだ似てる方なのだと思う。

しかし、ロシア人とか、コロンビア人（スペイン語）だとかは、本当に分かりづらかった。特にスペイン語なまりの英語は巻き舌が凄くて、最後の方でやっと聞き取れるようになったくらいだ。
英語の話はここらへんにしよう。とりあえず今まで受けてきた英語教育が悲しくなったってことだけは確か。

ところで、NZで少し面白いものを見つけた。

ダイソンのエアータオルである。
吸引力の変わらない、あのダイソン。
「噴射力の変わらない、ただひとつのエアータオル」
を発見した。すさまじいパワーだった。
オークランド博物館や、ブリトマート駅のトイレで見る事ができた。
もうエアータオル全部これで良いんじゃね！？

ついでに：

日本人客のいないカフェ

NIKEのマークを発見
釣り針@オークランド博物館

NZは鳥が多い。

オークランド動物園は少し期待はずれ。

ってか暗すぎてKiwi全然見えへんし、おもんないし、ガイドブックの嘘つき！

これらはほんの一部だし、変なやつばっかアップしてるけど、色々なおいしいものを食べて、色々な綺麗なとこへ行った。
もう一度行きたい。

P.S. とりあえずBurger Fuelは日本進出すべき。

セプキャン2010に参加してきた

1週間ほど前まで、セキュリティ＆プログラミングキャンプ2010（通称：セプキャン2010）というものに参加してた。
8/12〜8/16の間、千葉のOVTAという研修センターでプログラミングのお勉強をしてたわけです。

ブログに書くまでがキャンプだそうで。
でもかなり更新遅れてしまった＞＜

ちなみにセプキャンというのは、5日間、全国から22歳以下の学生が60人くらい集まってセキュリティやプログラミングについて勉強したり交流をしたりとかいう素晴らしい合宿で、IPAが主催してる。
IT系ハイレベルな人がいっぱい集まってくる夏のイベント。

まず凄いのは、なんとこれは交通費・食事代・宿泊費・授業料等全部タダ。国が負担してくれてる。
しかも講師の方々はIT業界で有名な方も多く、かなりハイレベルであります。

実は僕自身このキャンプの存在はネットからの情報により去年から知っていて、去年も応募してた。
まぁ去年は当初の予想通り落選。
倍率6倍とか聞いてorz となっていて、「とりあえず22歳までに一回でも行ければいいやー」と気長に構えていることにしていた。

てなわけで今年も懲りずに応募してみたのだけど、なんと通ってしまいビックリ。
キャンプ前、ラッキーラッキー良かった良かったって浮かれてた。


ところでセプキャンはセキュリティコースとプログラミングコースに分かれている。
下に示すようにコースの中でそれぞれ3つづつの組分けがあり、僕はこのうちプログラミングコースのプログラミング言語組に参加した。

• セキュリティコース
• ソフトウェアセキュリティ組
• Webセキュリティ組
• ネットワークセキュリティ組
• プログラミングコース
• OSを作ろう組
• プログラミング言語組←これ
• Linuxカーネル組

プログラミング言語組では何をするのか。

以下セプキャンホームページ内容の引用だけど：

言語組では、プログラミング言語Ruby、およびその言語処理系を題材に、座学と実習によって言語処理系の基本、ソフトウェア構成手法の基本、性能改善手法の基本を学び、Ruby開発コミュニティで活躍できるレベルを目指します。

とかいう感じ。
要するにRubyの処理系をいじったりいじったりいじったりするわけですね。

実際にしたこと：

• Rubyのバージョン番号を変えてみる
• Rubyのバグ取り体験→バグ取り競争
• Rubyの拡張ライブラリ作成体験
• Ruby関係の課題に取り組む

演習的なことを中心に挙げてみた。

もちろん座学もやった。gitのお話とか、ソフトウェアの高速化のお話とか、コミュニティのお話とか、Ruby処理系のお話とか。あとRubyではなくPythonなのだけど、PEPのお話とかも。

どれも面白く、タメになった。
同時に、自分はもっと勉強しなきゃダメだなとも思った。

演習では初めてのことが結構多く、多少手間取ってしまったのだけど良い経験になったと思う。

さて、先ほど「実際にしたこと」の中で「Ruby関係の課題に取り組む」と書いたけど、具体的に実際みんながやってた課題というのは以下の通り：

• 「Little Quilt言語の処理系実装とRuby binding」
• 「Ruby処理系の"見えるor聞こえる化"」
• 「Rubyのデバッグ」
• 「Rubyのボトルネック分析と高速化」
• 「Rubyに新しい文法の追加」

課題は色々案が用意されていて、その中から選択する、という形だった。

上の箇条書きはその案のうち実際に誰かが選んだもの。

この中で、僕は「Ruby処理系の"見えるor聞こえる化"」を選んだ。

実際にやったのはRubyの可視化。

もっと具体的に言うと「クラス定義時、メソッド定義時、インスタンス生成時にリアルタイムでそれらの関係性を視覚化」した。

これについてはまた別エントリを書こうと思うが、とりあえず完成したやつはこんな感じ：

Visualizing Ruby from TaKUMA YOSHiTANi on Vimeo.

細かい部分で思ったより手間取ってしまい、講師やチューターの方に助けられながらなんとか時間内に間に合わせることができた。
余裕があればGCで回収された時そのオブジェクトが断末魔の叫びをあげるようにしたかったんだけどなーw

さて、それはいいとして、キャンプのことに話を戻そう。

あ、そうだ、人生で初めて名刺交換をした。
キャンプが始まる少し前にキャンプマニュアルがpdfで公開されいたのだけど、そこには「名刺100枚くらい作っておいで」と書いてあった。Σ（°□°　）←ってなった。
結局40枚ほど余ってしまったのだけど、それでもたくさんの方と名刺交換することができ、なんかとても新鮮だった。
やはり名刺にも個性が出ていて、手書き名刺から、なかなか凝った名刺まで色々。
中でも良いなぁと思ったのは透明な名刺。センス良いし印象に残るし。
名刺一つとってもなかなか面白いなぁと感じた。

キャンプ中はいろんな人と交流できて有意義だった。いろんな人がいて面白いなと感じた。僕なんかにはワケワカランすげー人もいっぱいいて、刺激ビンビン受けまくり。

特別講義やBoFなどでも、色々新しい価値観だったりものの見方だったりを知る事ができたと思う。

では、キャンプ中に感じたことなどを素直に：

• へぇー
• ほぉー
• なるほどぉー
• なんか凄い
• 仮想の図書館（笑）
• Bコースにして満額の料理を食べるのか、Cコースにしてドリンクバーを付けるのか...
• 13歳なのにすごいなぁ。あれ、俺負けてるわ
• OVTAネット24時間500円ェ・・・
• セキュリティ組のCTF楽しそうだな
• プロパティ（笑）
• バグ・・・バグ・・・
• 16階談話室熱い。しかも暑い。
• 三点リーダェ・・・
• お土産多くてハッピー
• 技術書2冊+雑誌1冊全員にプレゼントとかすげぇ

これ以上書いてるときりが無いのでここらへんで。


まともな感想&まとめ：
世の中には凄い人がいっぱいいるんだなと実感でき、自分はこのままではいけないなと強く感じた。普段なかなかこういう人たちとは出会えないわけで、交流できて楽しかったし、とても良い刺激になった。
またキャンプで得た知識については、これから頑張れるとっかかりができたと思う。

最後に、このキャンプに関わった全ての方へ。
ありがとうございました!!!

あ、あと
＼爽快セキュリティ！／

iPod nano 5G!

今日、amazonからiPod nanoのプロテクトスーツが届いた。
これ。

CapsuleThins iPod nano 5G Ultra Clear

posted with amazlet at 10.04.20

SwitchEasy
売り上げランキング: 12752

おすすめ度の平均:

良品だが
現時点で最高のiPod用ケース

Amazon.co.jp で詳細を見る

ネットで探して一番よさげと思ったやつ。
実際付けてみても、結構よさげ。
ただ、Dockコネクタのとこのシリコンでできたカバーは少し微妙。取り外しがしにくいです。なんか、かたい。
スーツ自体はとてもいい感じ。
画面とクリックホイールの保護シートもついているし、スーツをつけたままUniversal Dockに差し込める用のアダプタ(?)もついてる。
これ一つで全部揃う。

さて、ということで、早速新nanoを使おうと思います。容量が4倍になった！（今まで使ってたのはiPod nano 2Gの4GBのやつ）
3世代のうちに結構進化してる。画面の大きさはほぼ2倍。

明後日MBPが届く予定なのが楽しみ。
学生キャッシュバックの書類も書かないとなぁ。

MacBookProのケースはどれが良いのだろう

MBPのCore iシリーズCPU搭載モデルが発表されたとき、すぐにポチった。
15インチモデルで、高解像度ディスプレイにカスタマイズ。今日発送され、4/22に来る予定。楽しみ。

まぁラップトップなので持ち運ぶこともあるわけで、そのケースも探しておこうと思って少し調べてみた。

けど、どれがいいのかよく分からない。
他にどんなのがあるのかも、よく分からない。

探してみてよさげかなと思ったもの
BUILT NY Cargo Laptop Sleeve

• デザインがおもしろい
• 小物を入れれる
• 丈夫そう

BUILT NY Laptop Portfolio

• デザインがおもしろい
• 小物を入れれる
• 丈夫そう
• 取っ手がついていて持ち運びに便利

BUILT NY Platform Laptop Case

• デザインがおもしろい
• そのまま開いて作業できる
• 丈夫そう

CHROME Laptop Sleeve

• そのまま開いて作業ができる
• 取っ手がついていて持ち運びに便利

iSkin SOHO

• そのまま開いて作業ができる
• 丈夫そう
• よくできてそう

うーん。どれがいいのだろう・・・
とりあえず実物を見てみたいなぁ。

ポイントは
「開いてそのまま作業できるか否か」
「小物を入れるポケットがあるか否か」
「持ち運びに便利なように取っ手がついているか否か」
なんだろうけど、どうなんだろう。

他に何かオススメがあれば教えて下さい :-)

スキャンできる幸せ

賞品のプリンタが届いた。ちょうどいいタイミングで新しいプリンタが手に入って、ラッキー。ちょうどスキャナも欲しいと思っていたので、本当に良かった。
てなわけで、早速絵を描いてそれをスキャンしてみた。

鉄人28号！

すごく久しぶりの更新だ。今日は家族とおじいちゃんとで寿司を食べに長田まで行ったのだけど、ついでに鉄人28号も見に行った。歩いてすぐのとこにあったし。

デーーーーーーーン

デカいw
こんなのが街を歩いてたらビックリするぞ。その上闘うのなら街ぶっ壊れるぞ。

AVATAR見てきた

1/30(土)に三宮のOSシネマでAVATAR見てきた。もちろん3D版。ただし吹き替えだったけど。

ネットですげーすげー言ってる声が多く、すごく気になっていたのでついに見に行ってしまいました。確かに、凄かった。

「観るのではない。そこにいるのだ」
というコピーだけども、まさにそんな感じ。ド派手な立体感ではなく、自然な存在感を演出するために3Dが使われている、という感じ。
まぁ一緒に行った友人はもっと色々飛び出してくるものだと思ってたみたいだけど、そういう映画では無かったです。上品な使われ方がされていました。

ストーリーはここでは別に書きませんが、結構楽しめました。

3D方式はXpanDというやつで少し画面が暗いかなぁという感じはしたけども、そこまで気になる感じでは無かったです。
何個かある3D方式の中でIMAXという方式が一番良いらしく、もの凄く綺麗らしいんですが、この辺りだと箕面まで行かないといけません...ちょっと遠い;;;（IMAXシアターは大阪, 愛知, 神奈川, 埼玉の全国に4カ所しかないらしいです。）
でも見てみたいなぁ。IMAXバージョン。また行ってみようかな...

京大行ってきた

朝5時に起きて、京都へ。

京大行ってきた。

なんか政経の宿題で出したやつが書類審査通過してしまったので、プレゼンしてきた。

テクノ愛'09というビジネスアイデアコンテストみたいなものです。

スライドとか、資料とか、なんとか間に合わせて、いざプレゼン。

で、僕のプレゼンは結構微妙になってしまった。圧倒的に練習量が足りんかったなぁと反省。結構焦ってしまって、うまくできなかった（笑）

時間が足りなかったし、最初の方少し早口になってしまったし。次もしプレゼンする機会があれば、もう少しちゃんと準備・練習して臨まないといけないなぁと痛感した。前も同じこと言ってたような気がするけど。

そんな僕に比べると、他の組は結構凄かった。みんな気合いが違うなと。これって結構マジなコンテストだったんだ、と知った（笑）

かなり練習してる感じだし、何より内容の厚みが違う。厚みっていうか、みんな実験したり、実際に作ったりしてて、内容にかける手間や時間というのが全然違う。グランプリのところなんかはもう実現可能な段階に達してるし。

ただ負け惜しみを一つ言えば、僕のスライドが一番カッコよくできてた思う（笑）

これだけは譲れない（笑）

プレゼン見てて思ったことだけど、質疑応答はめちゃくちゃ意地悪だった。高校生相手にエグい質問するなぁと。幸運なことに、僕の時はそこまでエグい質問されなかったんでラッキー（笑）

結果はもちろん「入賞」。グランプリ、準グランプリ、財団法人近畿地方発明センター賞、とあって、この「入賞」は悪く言えば残りもんです。

9/300に選ばれただけでもスゴイんだよ！と、そういう賞ですね。

そういうわけで、楯は全員に。表彰状も。

副賞は、図書券1万円分。

え！？いや、ちょっと待った！（笑）

てっきり1万円分一枚だと思ってたよ！まさか1,000円×10枚だとは思わなかったw

道理で封筒が分厚かったわけだ。

あ、あと、京大は11月祭とか言って学祭の最中でした〜

京大めっちゃ広くて人もいっぱい来てたけど、特にコレといって見たいのは無かった（笑）

なので学祭の方はあんまり見てない

まとめ：

懇親会とか結構楽しかったし、結果はともかく今日は良い経験になったと思う。

「だまし絵展」見に行ってきました！

兵庫県立美術館にて開催されている「だまし絵 アンチンボルドからマグリット、ダリ、エッシャーへ」を見に行ってきました。

いやー、面白かった！
入場するとまず、上の画像のような野菜おじさんが迎えてくれます。（解説によるとモデルは神聖ローマ皇帝ルドルフ2世だそうです。）

はじめの方は「だまし絵」というよりは「リアル絵」という感じの絵が多かったのですが、進んでいくとどんどんと面白い「だまし絵」にいっぱい出会えました。最後のスペースではエッシャーやダリ、マグリットの絵があり、見たことのある絵が何点か飾られていました。やっぱり、いつ見てもエッシャーの絵は魅力的です。

このエキシビジョンで特に感動したというか興奮したというか、とにかく「え!?すげー!!!」と思ったのはやはりパトリック・ヒューズの『水の都』です。
逆遠近錯視を用いた作品（このドラゴンが有名ですが）で、出っ張っているところが向こうにあるように見え、動きながら見ると不思議な立体感を感じることができます。

以前テレビで見たことがあるのですが、やはり実物を見ると感動が違います。周りの観客の皆も体を左右に上下にクネクネ動かしてこの絵(?)の不思議を体験し驚いてました（ここが一番賑わってました）。

実に楽しかった！