渋谷milkcocoaハッカソンvo.2を行いました

Technical Rockstarsです！ 



今回もMOVIDA さんのThe Startup DOJOをお借りして渋谷milkcocoaハッカソンを行いました。
テーマは*リアルタイムかつインタラクティブなアプリケーションを爆速で作ろう*




![写真 2014-10-18 15 46 41.jpg](https://qiita-image-store.s3.amazonaws.com/0/54243/84794891-01de-8279-5503-79d797e1394e.jpeg)



途中、**jThree**の松田さんが遊びに来てくれました。


![スクリーンショット 2014-10-19 1.31.02.png](https://qiita-image-store.s3.amazonaws.com/0/54243/0666b5a4-5aed-238f-79f2-58912b195e20.png)

###jThreeが又パワーアップしていました！
http://editor.jthree.jp/

***松田さん「WebGLの仕様上不可能とされているHTML/CSSでのテクスチャ生成が可能になったのですよ！IE11にも対応しました！」***
とのことです。

![スクリーンショット 2014-10-19 1.31.21.png](https://qiita-image-store.s3.amazonaws.com/0/54243/e7c74aff-2123-1aaa-ef80-8636e52a9e98.png)

作業そっちのけで人が集まってきました。
**コミュニティ**はこちら
http://jthree.doorkeeper.jp/?utm_campaign=group_4008&utm_medium=email&utm_source=registration





###Azure Kinect v2エバンジェリストの大田昌幸氏のLT



### Azureのエディターの紹介

Webエディタなのに、JavaScriptの補完がなかなかすごいです。
デプロイまでやってくれます。Azureのスケールアウトも簡単みたいです。

このエディタはAzureポータルの「Websites」から使えるのですが、「構成」タブで「VISUAL STUDIO ONLINE での編集」をONにするとエディタへのリンクが現れるようになります。**ちなみにmilkcocoaを動かす際には、「構成」タブでWEB SOCKETをONにしてください。**

![スクリーンショット 2014-10-19 1.26.57.png](https://qiita-image-store.s3.amazonaws.com/0/54243/e35f4be5-2060-32cc-a99c-997fd3e9db58.png)




###そして知人に借りたtheta 360
https://theta360.com/ja/

![スクリーンショット 2014-10-18 9.54.31.png](https://qiita-image-store.s3.amazonaws.com/0/54243/a7115d28-ef46-eb34-d76e-0eea7ef0ee65.png)



初めてtheta 360を触ってみたのですが
theta 360の魅力は**簡単に撮影でき、共有できるところ**と実際に触ってみて思いました。



![スクリーンショット 2014-10-19 1.32.13.png](https://qiita-image-store.s3.amazonaws.com/0/54243/99de4490-dcf1-979c-f1f3-9f8a6c950c7d.png)

**（熱く語るmilkcocoaスタッフ、勝手にエバンジェリストです。）**

https://theta360.com/s/UoS
https://theta360.com/s/Un0


埋め込み用のソースコードもあるので試しにサイトなどに取り入れても面白いのではないでしょうか





![スクリーンショット 2014-10-19 1.25.30.png](https://qiita-image-store.s3.amazonaws.com/0/54243/293ad9c3-7b63-66a0-00ce-341b2f13ea17.png)

途中、日経の記者さんが遊びに来てくださりました。



#発表

###みくらっしゅ☆
http://micrush.mlkcca-app.com/
https://github.com/shogochiai/micrush

クリックすると初音ミクが崩れていきます。
初めてのハッカソンだったそうです。とても奮闘してくれました。


![スクリーンショット 2014-10-19 1.26.12.png](https://qiita-image-store.s3.amazonaws.com/0/54243/eaad31c7-8611-d6c8-d845-8210714dfb6b.png)





###2Dゲーム


名前を決めて、十字キーで動かします。
2Dゲームを作ろうとしていました。これからが気になりますね！

http://jsfiddle.net/wmyx7tfh/83/show/
http://jsfiddle.net/hdz88cdr/6/show/　（番外編）

![スクリーンショット 2014-10-19 1.29.41.png](https://qiita-image-store.s3.amazonaws.com/0/54243/541774dd-af81-b83a-3c1d-b2379a0cfee2.png)




###あいうえおサイト

http://aiueo.mlkcca-app.com/#prezen2

http://prezi.com/0k7pfmazajr5/presentation/?utm_campaign=share&utm_medium=copy

ひらがなをオバケ（？）が運んで表示してくれます。


![写真 2014-10-18 19 04 46.jpg](https://qiita-image-store.s3.amazonaws.com/0/54243/87e8c50b-6ca4-6dbb-4f08-d8a89ca6bf93.jpeg)

最終的には動画など色々なブラウザ上に運べるようにするようです。

![スクリーンショット 2014-10-19 2.22.28.png](https://qiita-image-store.s3.amazonaws.com/0/54243/5067efa7-ddbe-5efb-f513-26cdab6bc8f4.png)

いろいろと書き込めるので試してみてください


###Social Why5

http://codepen.io/jun784/pen/DauwA

トヨタのリーン生産方式で有名な”なぜなぜ５回”が気軽に出来るエディタです。

![スクリーンショット 2014-10-19 1.28.44.png](https://qiita-image-store.s3.amazonaws.com/0/54243/a8a48c7e-7715-654d-bc4d-4508f2c0e299.png)


全員で問題解決に当たる際にとても有効ですね。弊社にも導入したい。


![スクリーンショット 2014-10-19 1.29.04.png](https://qiita-image-store.s3.amazonaws.com/0/54243/1fe5d633-d0e4-9413-c92b-fd4d34f7328c.png)






#今日は第4回 HTML5minutes！ 〜triton-js〜

**弊社も登壇します。学生さんは無料なのでぜひ参加してください。**
https://atnd.org/events/57295



![スクリーンショット 2014-10-19 1.37.26.png](https://qiita-image-store.s3.amazonaws.com/0/54243/581c4ce2-a461-8aa4-e7bd-f97bcb17b03c.png)