comozilla

[comozilla]

Spheroでボーリングのワークショップを出展しました

コモジラ研究所では、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さんでのワークショップ記事

(投稿者: yusuke™JP)

[comozilla]

KMDフォーラム 2016 でワークショップを開催しました！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

リンク

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

Parapara on Github: https://github.com/mozilla/parapara/

[comozilla]

コモジラ研究所では、一緒に活動する仲間を募集しています

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

コモジラ研究所の主な活動は、Web技術を中心としたワークショップの企画・運営です。これまで Open Web Board や 3DCG など、自由にテーマを設定してワークショップを開催してきました。

わたしたちは技術のプロフェッショナルではありませんが、スタッフや参加者同士で教え合い、楽しみながら技術向上を目指しています。いろいろな技術に触れてみたい学生にとっては絶好の学びの場であり、学生同士をつなぐ交流の場ともなっています。

（ワークショップの様子）

活動は東京・六本木の Mozilla Japan オフィスで行います。ワークショップの開催は数か月��1回程度で、スタッフは土曜日に不定期に集まって打ち合わせを行います。

そのほか、持ち寄ったPCでアプリ開発をしていたり、電子部品を使った工作を楽しんだり、スタッフは自由に活動しています。 モノづくりが好き、人に技術を教えるのが好きな方なら、中学生、高校生、大学生、どなたでもOK。興味を持った方は comozilla-all@mozilla-japan.org までご連絡ください。

新たなコモジラ研究所メンバーをお待ちしております！

[comozilla]

Sphero で鬼ごっこをするワークショップを開催しました！

こんにちは。

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 さんでのワークショップ紹介

（投稿者: shundroid）

[comozilla]

Sphero で鬼ごっこ！？新たなワークショップのお知らせ

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

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

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

詳細は公式サイト（http://www.canvas.ws/kenkyujo/laboratory/scrobot_2016.html）をご覧ください！

[comozilla]

ボール型ラジコン Sphero のワークショップを出展しました。

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

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

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

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

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

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

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

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

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

（投稿者 K.N.）

[comozilla]

Gifter LABO さんの「オンリーワン体験スクール2016春」に出展致します！

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

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

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

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

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

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

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

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

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

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

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

(投稿者 : y.)

[comozilla]

teach.mozilla.org にて手作りプロジェクションマッピングが紹介されています！

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

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

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

是非一度ご覧下さい！

[comozilla]

2015 年のコモジラ研究所

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 をテーマとしたイベントを企画中です。

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

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

(投稿者 : y.)

[comozilla]

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を使った活動などを行っていきたいと思います。

それでは、よいお年を！

(投稿者 : shundroid)

[comozilla]

Mozilla Festival 2015 に参加致しました！

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

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

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

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

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

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

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

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

(投稿者 : y.)

[comozilla]

Mozilla Festival 2015 に「手作りプロジェクションマッピング」が出展されます

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

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

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

・説明資料 (日本語)

・Document (English)

・過去の作品集

是非ご覧ください！

[comozilla]

ワークショップの様子が「SENSORS」にて紹介されました

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

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

こちらは先日放映された日本テレビ系「SENSORS」のWeb版記事となります。 ご興味のある方はどうぞご覧ください。

[comozilla]

「手作りプロジェクションマッピング！」の様子が日本テレビ「SENSORS」にて紹介されます！

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

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

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

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

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

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

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

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

(投稿者 : y.)

[comozilla]

第6回キッズワークショップアワード 最優秀賞を受賞しました！

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

なんと…

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

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

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

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

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

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

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

（投稿者 K.N.）

[comozilla]

「手作りプロジェクションマッピング！」初日ご報告

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

最大で一時間程の待ち時間が生じるほど、非常に多くの方にご参加頂き、また、保護者の方には説明や誘導にもご協力頂き、スタッフ一同感謝しております。

ワークショップコレクションは明日まで開催されていますので、お時間のある方は是非ご来場下さい！

（投稿者 y.）

[comozilla]

「ワークショップコレクション11」に出展しています！

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

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

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

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