コモジラ研究所

コモジラ研究所では、2017年4月23日にGifter LABOさん主催である「オンリーワン体験スクール２０１７春」 にて、 毎度お馴染みSpheroを使ったワークショップを出展致しました。 今回は、Spheroとピンを使って、ボーリングをしました！

とはいっても、普通にボーリングをするわけではありません。 コースに設置されたピンを Sphero を使って一本ずつ倒し、 コースのクリアを目指します。 今回のワークショップでは、事前に開発したソフトウェアを用いてプログラミングをします。

コードが書けたら、PCに接続されているUSBコントローラーのボタンを押します。 すると、Spheroが動き始めます。

スタート地点からどのようなコードを書けば、 すべてのピンを倒すことができるか考えて、何度もやり直します。 コースには 5 つのレベルがあり、徐々に難しくなっていきます。 でも、参加者の中には一番難しいコースを一回でクリアしてしまう方もいました。

レベル５のコースをクリアした人には、自分で遊んでみたいコースを作ってもらいました。 創造性のあるコースを作ってくれて、スタッフも驚き、ワークショップは無事終了しました！

今回のワークショップで使用したプログラムは、Web上で公開されています 。よろしければご覧ください。

sphero-editor https://github.com/comozilla/sphero-editor/tree/develop

また、今回のワークショップで使ったSpheroはCANVASさんからお借り致しました。ありがとうございました。

リンク

過去のGifterLABOさんでのワークショップ記事

2016年11月26日土曜日に開催された「KMD フォーラム 2016」に出展しました！

今回は Parapara を ２つの種類のワークショップに使いました。

１つ目はホログラムを利用したワークショップです。

今回は、専用のプラ板を用意しました！

参加者には、これを切り貼りしてホログラムを作ってもらいました。

そして、Parapara をタブレットで使用し、 その上にホログラムを乗せることで、 絵を浮かばせることができます！

ホログラムで動画を浮かばせることもできるので、 ホログラムを利用する動画がインターネット上にいろいろあります！

しかし、大きい絵を描くことに子供達は夢中になっていました（笑）

小さいホログラムでは浮かばせることができないので、 そのため、大きいバージョンのプラ板を用意！

これで大きい絵も浮かび上がるようになりました。

２つ目はアミッドスクリーンという、 網戸をスクリーン上にしたものに Parapara を投影しました。

透明なことに興味を持ち様々な絵を描いていました。

網戸の後ろの景色やぬいぐるみを活用したアニメーションなどができ、 面白かったです。

沢山の参加者が来ていただきワークショップは成功で終了を迎えることが出来ました。ありがとうございました。

リンク

Parapara Animation: http://parapara.mozlabs.jp/

モノづくりが好きな学生の方、コモジラ研究所のスタッフとして一緒に活動してみませんか？

こんにちは。

8月2日に、代官山にある SodaCCo にて、 Sphero というボール型のロボットで鬼ごっこをする、 CANVAS さんが主催のワークショップを開催しました！

参加者は、Web 技術で作られたコントローラーに、「動き」をプログラミングして登録しました。

おにの人は、「どうやったらぶつかりやすい動きを作れるか」、 反対に逃げる人は、「どうやったらおにからぶつからない動きを作れるか」を 考えて作りました。

また、試合では作った動きを使って鬼ごっこをします。

「ぶつかれ、ぶつかれ！」と、試合中は白熱しました。（ぼくも白熱しました）

最後、コモジラの活動内容や、以前に行ったワークショップの説明などをして、 ワークショップは終わりました。

途中、通信のトラブルで試合が遅れたりしてしまったこともありましたが、 楽しんで、また Web 技術について知っていただけましたでしょうか。 また、ワークショップで使ったコントローラーなどのコードは、 Web 上で公開されています。 よろしければご覧ください。

Onigo Controller （コントローラー部分） https://github.com/comozilla/onigo-controller/tree/develop

Onigo Server （サーバー部分） https://github.com/comozilla/onigo-server/tree/develop

Virtual Sphero （Web上でSpheroの動きを確認） https://github.com/comozilla/virtual-sphero/tree/develop

リンク

お知らせの記事

CANVAS さんでのワークショップ紹介

ボール型ラジコン Sphero を使った新しいプログラミングワークショップのお知らせです。

8 月 2 日、コモジラ研究所が協力するワークショップ「サマーキャンプ2016 プログラミング講座」（主催：NPO 法人 CANVAS） が開催されます。 小学 3 ～ 6 年生のお子様を対象とし、Sphero を通してプログラミングの仕組みに触れられます。

ワークショップでは、PC から Sphero を操作するためのコントローラーアプリ作りにチャレンジします。 サンプルプログラムをベースに、自分の好きなようにコントローラーを改造。作ったコントローラーを使って、 Sphero 同士の鬼ごっこゲームも行う予定です。はたして勝つのは…？

2016 年 3 月 27 日に開催された「オンリーワン体験スクール2016春」（主催：NPO 法人 Gifter LABO さん）にて、ボール型ラジコン Sphero をプログラミングするワークショップを出展しました。

今回、会場に用意したのは…

迷路です！木の板とペットボトルで製作しました。

そしてワークショップでは、Sphero をプログラミングで動かし…

このように、迷路を抜けるプログラムを書けるか…！？という課題にチャレンジしてもらいました。

壁にぶつかったらどっちに進ませるか、スタッフと相談しつつ…

JavaScript による簡単なプログラミングを体験してもらいました。

6 名の方に参加していただきましたが、簡単なルートから難しいルートまで、みなさん無事にクリアすることができました。参加してくれたみなさん、ありがとうございました！

今回使用したプログラムは GitHub に掲載していますので、興味のある方はご覧ください。

コモジラ研究所は、 NPO 法人 Gifter LABO さんが主催する「オンリーワン体験スクール2016春」に Sphero を用いたワークショップを出展致します。

詳細は以下の通りとなります。

・日時 : 2016 年 3 月 27 日 (日曜) 13:00-17:00

・場所 : 株式会社富士通ラーニングメディア 品川ラーニングセンター (最寄り駅 : 品川駅)

・対象者 : 小学二年生から中学三年生

・1 回あたり所要時間 : 30 分

※参加には事前登録が必要です。

出展するワークショップは、 Sphero をプログラミングして動かし、迷路を抜けてみよう！というものとなります。

説明用の資料はまとまり次第、 Web にて公開する予定です。

また、昨年の同イベントへ出展した際の記事はこちらとなります。

それでは、皆様のご参加をお待ちしております！

Mozilla Foundation の運営する Teaching Activities にて、コモジラ研究所でワークショップを行った、手作りプロジェクションマッピングが掲載されました。

Teaching Activities とは、 Web を読み、 Web を書き、そして Web に参加するための活動を紹介するページです。

紹介ページはこちらになります。

2015 年ももう終わりということで、今年のコモジラ研究所の活動を簡潔にまとめてみます。

・HTML5 Conference にて登壇 (1/25)

HTML5 Conference のライトニングトークにてコモジラ研究所の紹介が行われました。

短い時間でしたが、多くの方に興味を示して頂けました。

・3DCG でワクワク 開催 (3/14-15 、 3/28-29)

3DCG をテーマに、主に Three.js を使用したワークショップを Mozilla Japan オフィスにて開催致しました。

両日共に、講師として雲海 達史さん、小山田 晃浩さんにご協力頂きました。

・Gifter LABO さん主催のイベントにワークショップ出展 (3/22)

「オンリーワン体験スクール2015春」にて、 3DCG プログラミングをテーマとしたワークショップを出展致しました。

Cardboard や Oculus Rift に運営スタッフまで夢中になっていたことが印象的でした。

・「ワークショップコレクション11」にてワークショップ実施 (8/29-30)

日本最大級のワークショップイベントである「ワークショップコレクション」にて手作りプロジェクションマッピングを出展致しました。

なんと、私達の出展物は、「第6回キッズワークショップアワード 最優秀賞」を受賞することができました！

・Mozilla Festival 2015 (ロンドン) にて手作りプロジェクションマッピングを出展 (11/6-8)

年に一度、ロンドンで開催される Mozilla Festival に、コモジラ研究所の企画が出展されました。

英語での企画でしたが、日本と同じく、多くの方に興味を示して頂けました。

・Firefox Developer Conference にて手作りプロジェクションマッピングを出展 (11/15)

Firefox の、 Web の開発者が集まるイベントにて、手作りプロジェクションマッピングを出展致しました。

このイベントにおいては、自分達の出展のみならず、多くの面白い話を伺うことができました。

そして今、コモジラ研究所は Sphero をテーマとしたイベントを企画中です。

一年間ありがとうございました。

コモジラ研究所の来年以降の続報にもご期待下さい！

「Sphero」というロボットをご存知ですか？

sphero.jsという、パソコンとSpheroをBluetoothでつなぐNode.jsのモジュールを使って、プログラミングができます！

Spheroの亜種として、スターウォーズの「BB-8」を再現したものも販売されています。

こちらも、スターウォーズの公開とクリスマスということで、盛り上がっています！

今回、コモジラ研究所はこのロボットを使ったアイデアを考えました！

リアルブロック崩し

コースを固定して自動操縦大会

スマホを使った卓球やホッケー　など

Spheroをプログラミングすることで、どんな「ワクワク」が生まれるのか楽しみです！

ぼくは3つ目の、「スマホを使った卓球やホッケー」を作ってみることにしました！

スマホにNode.jsは入っていなくて、直接Spheroをプログラミングして動かすのはできないので、

Sphero-Serverというものを作りました。

これは、スマホなどのSpheroを操作したいデバイスから、

Node.jsサーバーへWebSocketで接続して命令を送り、

Node.jsサーバーから、BluetoothでSpheroと接続する

という仕組みになっています。

これにより、スマホはもちろん、WebSocketに対応しているIoTデバイス、Bluetoothに対応していないデバイスからもSpheroを操作できます！

実装の際には、Node.jsの、Spheroと接続するシリアルポートのところで戸惑いました。

Windowsのみなさん、「serialport」モジュールを入れるときは、gitとclコマンドがコマンドプロンプトから使える状態にしてください！

これから、このSphero-Serverで使えるプロパティを増やしたり、jQueryのようなライブラリにしたりして、使いやすくしていき、どんどん新しいアイデアを形にできたらなと思います。

また、今日は今年最後のコモジラでした。

今年は、3月の「3DCGでワクワク」から、「パラパラアニメーション」をロンドンで行ったりと、国内外で、コモジラ研究所の活動が広がっていきました。

これからも、Spheroを使った活動などを行っていきたいと思います。

それでは、よいお年を！

コモジラ研究所は、 11/6-11/8 にロンドンにて開催された、 Mozilla Festival 2015 に Mozilla Factory の出展物の一つとして出展致しました！

今回私達は、先日のワークショップコレクションと同じく、手作りプロジェクションマッピングを出展致しました。

前回のワークショップコレクションと同じように、親子で話し合いながら一緒に製作する様子や、それに加えて参加者間で議論する様子をも見ることが出来ました。

また、姉弟で参加し、二人が全く志向の異なる作品を作っていた場面もあり、そのご両親もその発見に驚いておりました。

来てくださった方の中には、コモジラ研究所が学生のみから構成されていることや、身近なものからこのプロジェクションマッピングが構成できることに興味を持つ方も多くいらっしゃいました。

また、海外、英語での出展とのことで、私には不安もありましたが、来場者の方からも手助けやご配慮を頂き、無事に出展をすることができました。

来年の Mozilla Festival にも参加できるくらいのものを目指して、私達は今後も活動を継続していきます。

現在準備中の次回の活動がいつ告知できるかはわかりませんが、今後も私達にご注目ください！

今年 8 月に開催された、「手作りプロジェクションマッピング！」が 11 月の Mozilla Festival 2015 にて出展されることとなりました！

Mozilla Festival とは、年に一度、ロンドンにて開催される、「オープンなウェブ」の未来を作り上げていくことを目的としたイベントです。

そこへの参加に伴い、いくつかの資料を公開致しました：

・説明資料 (日本語)

・Document (English)

・過去の作品集

先日の「手作りプロジェクションマッピング！」ワークショップの様子が、Webメディア「SENSORS」にて紹介されました。

SENSORS：次世代キッズの学びの場は渋谷にあり「ワークショップコレクション11」レポート http://www.sensors.jp/post/workshop.html

先日開催されたワークショップコレクション11に出展したコモジラ研究所のワークショップの様子が、日本テレビにて紹介されます。

放送予定は以下の通りです：

・日時 : 2015 年 9 月 13 日 (土) 25:40-26:10

・放送局 : 日本テレビ (関東ローカル)

・番組名 : SENSORS (センサーズ) ※番組予告はこちら

・放映直後から 日本テレビの Web サイトにて一週間の見逃し配信

・Hulu 、 Gyao 、ニコニコ動画でも一週間限定で動画がストリーミング配信

深夜時間帯かつ関東ローカルの番組ですが、 Web による配信も行われますので、ご関心のある方は是非ご視聴下さい！

8/29(土)、30(日)に行われたワークショップコレクション11において、コモジラ研究所のワークショップが…

なんと…

最優秀賞を受賞しました！

今回コモジラ研究所が出展したのは、プロジェクションマッピングを手作りできるワークショップです。完成品のイメージは下を動画をご覧ください。

このワークショップでは、

1. 粘土で好きな形を作ったあと、 2. タブレットでお絵描きをし、 3. 複数のコマを描いてアニメーションにしたものを、 4. 粘土に向けて投影することでプロジェクションマッピングを行います。

ロケット、恐竜、お魚、お寿司、さまざまなテーマのアニメーションが登場し、スタッフもびっくりの力作揃いとなりました。

2日間合わせて数百名のお子さまにご来場いただき、大盛況にうちに終了となりました。メディア取材も受けておりますので、後日、このブログにて詳細をお知らせいたします。

ご来場くださった皆さん、スタッフの皆さん、本当にありがとうございました！

ワークショップコレクション11が無事に開催され、コモジラ研究所のワークショップにも絶え間なく多くのご家族の方にご来場頂きました！

コモジラ研究所は、8/29-30に開催されるワークショップコレクション11 (新南平台東急ビル5階) において、プロジェクションマッピングを体験するワークショップを出展しております！

※上の画像は搬入時点の画像です。

粘土で作った造形物と、Webアプリ「Parapara Animation」を組み合わせ、プロジェクションマッピングを体験するワークショップを開催します。

コモジラ研究所のビラおよびシールの配布も行っておりますので、会場にいらっしゃった方は是非お立ち寄りください！