第31回アソビワークショップ開催報告（簡易版）

記事作成の余力なく、イベント開催した印として残しておきます・・・。

2021-07-012021-07-01

Build your own extension for Microbit in Make Code Editor / メイクコードエディタでマイクロビットの拡張機能を自作する

前提

– Githubアカウントを作成済み（ですよね？）

手順①MakeCodeEditor上で任意のプロジェクトを作成。

ここでは”hoge”とする。

手順②プロジェクトをGithub上にリポジトリとして登録する。

まずはGithubアイコンをクリック。

そのまま「つづける」をクリック。

Githubでリポジトリが作成済みであることを確認。

手順③エディターに戻りJavaScript編集画面を開く。

元のコードは全部消してしまおう。

手順④ブロックを作成する

「hoge」というブロックにしよう。実際のコードは以下。

/** 
 * これはHoge（ホゲ）という何にも役に立たないクラスです
 */
namespace Hoge{}

これだけでは拡張機能としてエディターに追加されないのでGithubアイコンをクリックして変更内容をリポジトリにコミットする。

「変更をコミットしてプッシュ」をクリック。

プッシュが完了したら拡張機能を検索してみる。「高度なブロック」⇨「拡張機能」

自身のリポジトリURLで検索かけると「hoge」がヒット。こいつをクリックして追加してみる。

ふむ、変化がない。そうなんです。これではまだブロックが追加されないのです。

手順⑤本当にブロックを追加する

中身となる関数を用意する。これも「hoge」、わかりづらい・・・。

/** 
 * これはHoge（ホゲ）という何にも役に立たないクラスです
 */
namespace Hoge{
    //% blockId=hoge
    //% block="hoge %huga"
    export function hoge(huga: number): void
    {
        basic.showNumber(huga)
        }
}

そしてコミットするとほら、追加されてるでしょう黒いのが？

とはいえ使うには（使えないが）ちょっと不親切なので修正を行う。

手順⑥ブロックのプロパティ設定

変更できるのは以下の4つ。

色(color)
- ここの値設定の考え方はよく分かってません、すいません
優先順位(weight)
- 値の上下限値は不明ですが大きければ大きいほど上位に表示される模様
アイコン(icon)
- ユニコード形式で指定、今回はりんごさんにしてみた
- https://fontawesome.com/v5.15/icons/apple?style=brands
ブロック名(block)
- こちらも任意に指定可能。公式ガイドをとりあえず真似てみた。

/** 
 * これはHoge（ホゲ）という何にも役に立たないクラスです
 */
//% color=190 weight=100 icon="\f5d0" block="Basic Blocks"
namespace Hoge{
    //% blockId=hoge
    //% block="hoge %huga"
    export function hoge(huga: number): void
    {
        basic.showNumber(huga)
        }
}

ひとまずこんなもんでしょう。これを拡張していくと好きな機能をどしどし追加できる。少し前とは違ってだいぶ機能追加がしやすくなってる。さすがMSさん、これからもどんどんよろしくお願いします。

参考リンク

https://makecode.com/extensions/getting-started

https://makecode.com/defining-blocks

2021-06-262021-06-26

Hack the chicken race / チキンレースを攻略せよ!! 第30回アソビワークショップ開催報告

今回のテーマは「どうやったら時間・早さ・距離の計算ができるか？」でした。といっても計算のための公式を教えるのはルークスっぽくないので遊びながら学んでいきました。（結局最後までその公式にはたどり着けなかったけど・・・）

具体的には「micro: maqueen」なるロボカーを使って任意の距離を走らせるというものなのですが、距離の計算方法を知らない子供だと当てずっぽでパラスタして車を走らせるしかありません。じつはそこを狙いました。当てずっぽでパラスタする⇨上手くいかない⇨何か法則を見つけなければ　というサイクルを体験することで公式を教わらなくても自ずと公式にたどり着くのでは？という考えのもとに今回のイベントを考えました。

結果的には「うっすらと感じた」くらいが子供達の受け止めでしょうか。でも良いんです。学校の授業を進めていくうちに「あ、こんなことをやったかも」と思ってもらえれば。所詮全ては点と点。どう結びつけるかは運任せだし、そのきっかけとなる体験を僕らが用意できたら「ラッキー」と思いながらやっています。

そういえば映画製作はどうもだれてきているようなのでひとまず次回で終わりにしようかと思います。これは彼女たちからしたら失敗なのでしょうが（そう思わない子もいると思うけど）それも良い。

2021-06-12

What I cannot create, I do not understand / 自分で作れないなら、私は理解していない~第29回アソビワークショップ開催報告

今回はまーくんの力作です。みんなでモーターを手作りしました。とはいえいきなり制作にとりかかるのではなくまずは前回のおさらいから。前回はLEDを爆発させてしまいました。その原因はなんだったか？そう「抵抗」の不在でした。蛇口に例えると電気は水、その水の流れを抑えきれないあまりに前回のLEDは悲惨な結末を迎えました。そこでその水の流れを調整するのが抵抗器というわけです。

そしてモーターの制作に入りました。クリップを電池の両端につけて、銅線を二つのクリップに橋渡しする。そして電池の上に同線の丸部が真上に来るように磁石をセットすると・・・。

見事にみんなで回すことができました。前回は既製品のモーターを動かすことから始めたけど、今回はそれを自分で作って動かすことができました。かの有名な物理学者のファインマンが残した以下の言葉、みんなは心配しなくても大丈夫だね。

What I cannot create, I do not understand.(私が自分で作れないものは、私が本当の意味で理解していないものだ)
https://gigazine.net/news/20170701-explain-understand/

2021-05-232021-05-23

リモートコントロール扇風機をつくろう！第28回アソビワークショップ開催報告

ゴールデンウィーク、そして体調不良による延期によって約1ヶ月ぶりとなるイベントを開催しました。みんな元気な顔で会うことができてとってもよかった。

なにをやったか？

– リモートコントロール扇風機をつくろう
– オリジナル映画制作

リモートコントロール扇風機をつくろう

– 使った材料

– やったこと
– LEDを壊さないで光らせる

– モーターをうごかす

– 人のモーターをうごかす

オリジナル映画制作

– BGMに「ジジジ音」を入れてみた
– まおうのこぶんのキャラクターデザイン、絵文字を絵にしてみた
– 曲作りのやりかた、BandLabが良いかも

当日PR資料

SNSアカウント

2021-04-232021-04-23

減価する貨幣、そしてIoTとは？第27回アソビワークショップ開催報告

なにをやったか

イントロダクション（減価する貨幣、ヴェルケルについて）
オブナイズの使い方
オリジナル映画制作

イントロダクション

今回は価値が減っていく貨幣についてみんなで話し合いました
もし自分が旅に出るとしたらどんなものを持っていきたいか？
お金が使えるところがあればお金をたくさんもっていくといいけど、ジャングルみたいなところだと使えないので違うものがいい
お金は腐らないしいろんなものに交換できるからいいけどもしお金も腐っていくとしたら・・・？
そんな実験が実際に行われたことについてみんなで話しました

オブナイズの使い方

オブナイズはいわば「インターネットにつながるマイクロビット」
今回は友達のオブナイズに自分からメッセージを送ったりLEDを光らせたりしてみた
現代の技術を使うと遠くからでも物を動かすことができることをみんなで体験した
- それと同時に失敗した時の危うさも体感できた

オリジナル映画制作

セリフの役割分担についてみんなで議論した
セリフの収録方法は一旦スクラッチを使うことに決定
キャラ設定、デザイン作成について
- 妖精・魔王などの作成状況についてPR
その他
- BGM作成とガレージバンド、オープニング曲やメンバーから得られたキャラデザノウハウを共有した

2021-04-082021-04-08

コモンズの悲劇を避けるために必要なこととは！？第26回アソビワークショップ開催報告

なにをやったか

イントロダクション（アイディアを生み出すために必要なこと、コモンズの悲劇について）
オリジナル映画制作、今回はキャラデザ、BGM、背景それぞれの出来高を共有。作品のイメージにあってるかどうかを確認しながら今後の方針をみんなで議論した！残りの時間はそれぞれの作業を進めて最後に進捗を共有した！（なんだか仕事みたい笑）

イントロダクション

ある2人の議論「色んな人がアイディアを生み出すために必要なこと」について考えてみた
Aさん「アイディアを勝手に使われたら発明者のアイディアを生み出す気持ちがなくなってしまう」「だからアイディアはしっかりと管理（たとえばお金を支払うなどして）されるべきだ」
Bさん「しかしスクラッチではどうかな？あそこは誰のアイディアを使うにも自由だが決してアイディアを生み出す勢いは弱まることはないよ？」

さぁみなさんならどっちの考えを支持する？

オリジナル映画制作

キャラデザ: 追加キャラクターのデザインが完了した！
BGM: 各シーンのBGMを作ってみた！
背景: 総監督（？）のイメージを反映させてみた！以下はディスカッションの簡単なメモです。

# 背景
- 全体的に白い寂しいところを埋めて欲しい
- scene01
  - 椅子じゃなくてクッションにしてほしい
- scene03
  - 悪っぽい色に、ゾワワーというオーラが出てる感じ
- scene04
  - 黒じゃなくてピンクとか桜が舞っているのでそのふんいきにあったものに

# セリフ
- あんちゃんからセリフ案をつくるのでまゆちゃんがスクラッチに入れる

# キャラデザ
- ようせい、まおうをがんばります！

# キャラクタ設定
- 設定完了 あん、さき、まゆ、妖精
- デザイン完了 あん、さき、まゆ
- ↑未完了　魔王、魔王の子分

# BGM
- scene02
  - カチカチは良いけどジジジという壊れそうな音を入れて欲しい。

2021-03-262021-03-26

映画制作のおすすめキャラデザ手法はこれだ！第25回アソビワークショップ開催報告

なにをやったか

とある人の将来の職業を考えてみた。どうやら人生はそう早くは決まらないらしい。
オリジナル映画制作、前回考えたキャラデザ手法がどうやらうまくいかなかいようなのでみんなで上手いやり方を考えてみた
バルーンスパイダー、最終回！プログラミングで好きな色を出してみた。

イントロダクション

「ある少年」の人生から彼が将来何になるのか、何を成し遂げるのか考えてみた
彼はいつまで経っても何もうまくいかないので、ルークスのみんなは彼を「なまけもの」と考えた
- でも「いい人」かもしれないという意見もあった
驚きだったのは彼が世の中にいちばんインパクトを与えたのは彼が少年だったとき苦手だと思った「絵」だった
ゴッホの絵描きとしての将来を見抜ける人なんて誰もいなかった。
その素晴らしい作品を生み出したのはみんなが「なまけてる」と思っていた人生そのものだった

バルーンスパイダー

今回は最終回の「プログラミング」
- 前回はトラブルによりできませんでしたが、今回はばっちり対策してきたので大丈夫でした！
みんなは思い思いに好きな色を光らせている、と思いきや！
- 実は色のコンセプトを持ってプログラミングしていた
- そのコンセプトのもとになる本を２冊紹介してもらった
- なるほど、ただ闇雲に色を探すのではなくお手本となる教材からいい組み合わせを探すやり方があるのかと勉強になりました！

そして実際に出来上がった色がこちら！みんなそれぞれの光らせ方があって素晴らしい！

オリジナル映画制作

前回に引き続きキャラクターデザインの話が盛り上がった
- どうやら前回話に挙がったスクラッチのキャラクターテンプレートを活用する方法がうまくいかないらしい
- 理由は「デザインがしづらい」ということらしい
- 確かに絵を描くとなるとマウス操作になってしまうので想う通りのデザインができない
そこでみんなが思いついたのが「タブレット」だった！
- 使うアプリは「アイビスペイント」というらしく、iOS/ipadOS. AndroidOSでも使えるみたい
- 次回は映画の世界にキャラクターが入った姿を見ることができるかな！？