Viscuit（ビスケット）は、粘土遊びのようにコンピューターを触って遊びながらプログラミングを体験することができるプログラミング言語として親しまれています。
絵を描いて「メガネ」で動きを作るだけで、作った絵が動き出すという、操作が簡単と言われていることから「子供にやらせてみようかな」と思うお母さんは多いのではないでしょうか。
しかし、Viscuit（ビスケット）のアプリを立ち上げてみると、細かい説明はなく「ビスケットってどうやって使うの？」「保存の仕方は？」などと様々な疑問が出てきます。
もちろんアプリを使っているうちに使い方がわかってくるほど、簡単ではありますが、使い方や保存の仕方を覚えると、グンと楽しさが増すのは間違いありません。
ぜひ、ビスケットのやり方や使い方、保存方法をチェックして、親子でビスケットを楽しんでくださいね♪
Viscuit（ビスケット）プログラミング保存の仕方を今すぐチェック＞＞＞
★【プロボキッズ】のサイトで発信していましたが、現在は閉鎖しこちらにお引越ししました。
Viscuit（ビスケット）とは
Viscuit（ビスケット）は、とても簡単に作られたプログラミング言語で、自分で描いたイラストをメガネという部品に入れるだけで、アニメーションやゲーム、絵本などを作ることができます。
実際に5歳の娘にiPadを渡してやらせたら、使い方の説明なしで作り始めました。
それほど簡単で、しかも自分の絵が動き出すのが楽しいようで、長い時間作品を作っていました。
最初は作ったイラストを動かすだけから始めて、プログラミングの楽しさを味わえるといいですね！
Viscuit（ビスケット）のおすすめなポイント
りずこ- 対象年齢が4歳から
- 文字がほとんどない
- 自分が描いた絵が動き出す
対象年齢が4歳から
プログラミング言語を使ってプログラミングを子どもとやってみようと思ったとき、なかなか4歳からできるツールはありません。
Viscuit（ビスケット）は4歳からでも、できるほど簡単なので、プログラミングがよくわからないお母さんでも安心してお子さんと遊べますよ
文字がほとんどない
対象年齢が4歳からというだけあって、文字がほとんどありません。
ほとんどがイラストのアイコンになっているので、視覚的なわかりやすさとなっており、4歳でも「これを押せばいいのかな？」と何となくでも進んで行きます。
我が家の娘がそうでした♪
自分が描いた絵が動き出す
自分が描いた絵が動き出したら、とっても楽しくないですか？
最初は丸をたくさん描いて動かしていただけだったのが、次第に自分が思うように動いてほしいと思うようになり「こうしたらどうやって動くだろう？」と考え始めます。
Viscuit（ビスケット）はとても簡単に作られたプログラミング言語ですが、ゲームや絵本も作れて、やれることが無限です。
想像力を膨らませて、自分の作りたいものを作れるという楽しさを肌で感じられるきっかけとなりますよ。
パソコン・タブレット・スマホのダウンロード方法
りずこ- パソコン
- タブレット（iPad／Android／kindle Fire HD）
- スマホ（iPhone／Android）
[timeline title=”パソコンのダウンロード方法”] [ti label=”step1″ title=”Viscuit（ビスケット）にアクセス”]Viscuit（ビスケット）公式ページにアクセスしましょう。[/ti] [ti label=”step2″ title=”【あそぶ】クリック”]
[/ti] [ti label=”step3″ title=”【やってみる】画面をクリック”]
上記の方法はパソコンのブラウザ上で使う場合です。
パソコンにアプリをインストールする場合はstep４にお進みください♪[/ti]
[ti label=”step4″ title=”【ダウンロード】クリック”]
[/ti]
[/timeline]
[timeline title=”タブレット・スマホのダウンロード方法”] [ti label=”” title=”アプリをインストールする”]
タブレットやスマホでは、Viscuit（ビスケット）にアクセスして、アプリをインストールしてから【やってみる】画面をクリックします。
iPad・iPhoneは、ホーム画面のApp Storeのアプリを直接開き、Viscuit（ビスケット）のアプリをインストールしてもOKです。
[/ti]
[/timeline]
Viscuit（ビスケット）のやり方・使い方
りずこあそぶ場所を選ぼう
[timeline title=”あそぶ場所を選ぼう”] [ti label=”step1″ title=”あそぶモードを選ぶ”]
ビスケットは３つのモードにわかれています。
- みんなでつくる：ビスケット初心者用モード
- ひとりでつくる：ビスケット上級者モード
- さんかする：授業・ワークショップ開催時に使用
【さんかする】は授業やワークショップで使用するモードなので、今回は【みんなでつくる】と【ひとりでつくる】のみご説明していきます。
ビスケットを全く使ったことがなければ初心者向けの【みんなでつくる】を選びクリックしましょう。
使っているうちに慣れてきたら上級者向けの【ひとりでつくる】も使ってみてくださいね！
あそべる場所が出てくるので、あそびたい色をクリックします。
[/ti]
[ti label=”step3″ title=”えんぴつボタンをクリック”]
あそびたい場所を選んでクリックすると、ボタンが出てきましたね！
- 作品を作るボタン
- ビスケットランドを表示するボタン
- 過去の作品を見るボタン
その中の、作品を作る【えんぴつボタン】をクリックしましょう。
[/ti]
[/timeline]
ビスケットの画面やボタンの説明
みんなでつくる
【みんなでつくる】は下のような画面が表示されます。
- ステージ：描いた絵が動く場所
- メガネ置き場：メガネを置き、描いた絵を入れていく場所
- えんぴつボタン：絵を描く場所
- メガネ：命令をする
- 部品置き場：描いた絵を置く場所
- 回転ボタン：描いた絵を回転させる
- バツボタン：閉じる
【えんぴつボタン】をクリックすると、下のような画面が出てきます。
- 絵を描く場所：好きな絵を描いていきます
- まるボタン：完成したときにクリック
- 戻るボタン：絵を消す
- カラーパレット：色を選ぶ
- 太さ：太さを変更する
- 透明度：色の薄さを調整する
ひとりでつくる
【ひとりでつくる】は下のような画面が表示されます。
- ステージ：描いた絵が動く場所
- メガネ置き場：メガネを置き、描いた絵を入れていく場所
- えんぴつボタン：絵を描く場所
- メガネ：命令をする
- 音符マーク：音の命令
- 指マーク：「触ると」の命令
- 部品置き場：描いた絵を置く場所
- 送るボタン：保存
- バツボタン：閉じる
- 設定ボタン：設定画面表示
- あそぶボタン：あそぶ画面へ
- 回転ボタン：描いた絵を回転させる
【設定ボタン】をクリックすると下のような画面が出てきます。
- 背景の色：右側が画面下部の色・左側が画面上部の色を選択できる
- 横方向のループ：横方向に絵がつながるように繰り返すか、つなげないか
- 縦方向のループ：縦方向に絵がつながるように繰り返すか、つなげないか
- 速度設定：速いか遅いか
- 方眼紙設定：自由か大きくするか（大きくすると、速度や動きに変化がある）
- 背景色：背景色表示
- 完成：設定終了
Viscuit（ビスケット）で絵を描いて動かしてみよう
絵の描き方や動かし方は、【みんなでつくる】も【ひとりでつくる】も同じですので、【みんなでつくる】の画面で説明していきますね！
[timeline title=”【みんなでつくる】”] [ti label=”step1″ title=”好きな絵を描こう”]
好きな絵を描いたら、【まるボタン】をクリックします。
[/ti] [ti label=”step2″ title=”【メガネ】を【メガネ置き場】へ移動させる”]
ドラッグ＆ドロップで【メガネ】を【メガネ置き場】に移動させましょう。
[/ti] [ti label=”step3″ title=”メガネに絵を入れてみよう”]
絵をメガネの左レンズにドラッグ＆ドロップで入れてから、右のレンズにも絵を入れてみましょう。
どのように動くか見本が出るので、少しずらして入れるといいです！
レンズがピンクになっている場合は、メガネが壊れている証拠なので、レンズが白くなるように絵を入れてくださいね。
[/ti] [ti label=”step4″ title=”ステージに絵を入れてみよう”]
絵をドラッグ＆ドロップで、ステージに好きなだけ入れてみてください。
動きましたか？？
メガネの右レンズの絵を少し移動させると、動きが変わるのでやってみてくださいね！
絵を変更させたい場合は、step５を見てください★
[/ti] [ti label=”step5″ title=”絵を長押しする”]
絵を長押しすると、【えんぴつボタン】が出て、修正することができるようになります。
[/ti] [/timeline]
Viscuit（ビスケット）保存の仕方
みんなでつくる
[timeline title=”【みんなでつくる】保存の仕方”] [ti label=”step1″ title=”【送るボタン】クリック”]
[/ti]
[ti label=”step2″ title=”【まるボタン】クリック”]
[/ti]
[ti label=”step3″ title=”少々待ちます…”]
[/ti]
[ti label=”step4″ title=”ビスケットランドが開く”]
自分が作った作品だけではなく、みんなが作って送った作品も同じ場所に集まっているので、すごく賑やかですねｗ
[/ti] [ti label=”step5″ title=”ビスケットランドの画面をクリックする”]
ビスケットランドの画面の中ならどこでもいいので、クリックすると上の画像のようにボタンがいくつか表示されます。
- 閉じる：ビスケットランド画面を閉じる
- 一時停止：ビスケットランドの動きを止める
- はじめから：動きをはじめに戻す
- 絵の数：クリックするごとに、みんなのそれぞれの絵が【３つ】→【１つ】→【全部】と表示される数が変わる
- 絵を小さく：絵を小さくする
- 絵を大きく：絵を大きくする
次に、作った作品を呼び出す方法をご説明していきます。
[/ti] [ti label=”step6″ title=”過去作品を見る”]
自分が作った作品を作った場所【あそぶ場所】をクリックし、次に【過去作品を見る】ボタンをクリックします。
[/ti] [/ti][ti label=”step7″ title=”日付を選ぶ”]
作品が日付ごとに表示されるので作った日付を探していくのですが、作成してすぐであれば、一番上の一番左に入っているのでクリックしてみましょう。
番号を覚えておくと、次回から探し出しやすいですよ♪
[/ti] [ti label=”step8″ title=”作った絵を探す”]
古い順に並んでいるので、作ったばかりなら下の方に自分が作った絵があります。
【えんぴつボタン】をクリックすると、再度編集することができます。
ビスケットランドに送った作品を編集して、再度保存しても上書き保存はされず、別の作品として保存されます。
ひとりでつくる
[timeline title=”【ひとりでつくる】保存の仕方”] [ti label=”step1″ title=”【送るボタン】クリック”]
[/ti]
[ti label=”step2″ title=”【まるボタン】クリック”]
[/ti]
[ti label=”step3″ title=”日付をクリック”]
作品を作った日付をクリックします。[/ti]
[ti label=”step4″ title=”自分の作品を探しましょう”]
自分が作った作品はありましたか？
【えんぴつボタン】をクリックすると、再度編集することができます。
再度【送るボタン】で送った作品は上書き保存されず、別の作品として保存されます。
次に、作った作品を呼び出す方法をご説明していきます。
[/ti] [ti label=”step5″ title=”過去作品を見る”]
自分が作った作品を作った場所【あそぶ場所】をクリックし、次に【過去作品を見る】ボタンをクリックします。
[/ti] [ti label=”step6″ title=”日付をクリック”]
先ほどと同じように、作品を作った日付をクリックします。
[/ti] [ti label=”step7″ title=”自分の作品が表示される”][/ti]
[/timeline]
Viscuit（ビスケット）の解説本
Viscuit（ビスケット）の解説本は2冊発売されています。
- ビスケットであそぼう 園児・小学生からはじめるプログラミング／ぼうけんキッズ
- できるキッズ子どもと学ぶ4歳～小学生向けビスケットプログラミング入門／できるキッズシリーズ
出版社はそれぞれ違うのですが、Viscuit（ビスケット）を開発した原田康徳氏がどちらも書いています。
しかも、発売日も約2か月ほどしか変わりませんｗ
「どっちがいいのだろう…？」と悩んでいるお母さんって絶対いると思うので、簡単にご紹介します。
私は【ビスケットであそぼう 園児・小学生からはじまるプログラミング】を購入しましたが、「できるキッズ子どもと学ぶ4歳～小学生向けビスケットプログラミング入門」も本屋で立ち読みしたら、悩むほど見やすかったですｗ
発売日も2017年と古く感じると思いますが、使い方が本と全く違って、作ることができないということはありませんのでご安心ください★
迷ったときは、解説の見やすさや、作ってみたいと思うものがあるほうを選ぶといいので、実際にどんな本なのかみていきましょう。
ビスケットであそぼう 園児・小学生からはじめるプログラミング
- もくじ一覧はこちらから＞＞＞
- ①ビスケットであそぼう
- 絵を描いて動かそう（動きの命令）
- くらげみたいにゆ～らゆら（ランダムな動き）
- 色いろいろキャンディ（色のアニメーション）
- ダンシング棒人間（動きのアニメーション）
- 歩いて見えるしゃくとり虫（動く場所と動かない場所）
- くるくる回す（いろいろな回転）
②いろいろな動きを作ろう
- ロケットと星がぶつかったら（ぶつかると動きが変わる）
- 花が咲く（ぶつかると絵が変わる）
- かぜの伝染（情報の拡散）
- じゃんけん（シミュレーション）
③いろいろな動きを作ろう・かんたんゲーム編
- さわったら出てくる（さわると絵が増える）
- おそうじロボット（ぶつかると絵が減る）
- タマゴが割れたら？（さわると絵が変わる・増える）
- シューティングゲーム（部品をさわって操作する）
④模様を作ろう
- パタパタ模様（ならべ方で動かす）
- 増えながら動く模様（規則的に絵を増やす）
- ぶんしん模様でうめつくそう！（重なると広がる）
⑤音を鳴らそう
- リズムマシーン（繰り返して音を鳴らす）
- オリジナルけんばん楽器（タッチで音を鳴らす）
- オルゴール（ぶつかって音を鳴らす）
⑥落ちゲーを作ろう
- ボールくずし（ボールをタッチで消すゲーム）
- ボールくずしの得点計算（ゲームの点数を計算する）
できるキッズ子どもと学ぶ4歳～小学生向けビスケットプログラミング入門
- 【もくじ一覧】はこちらから＞＞＞
- 【やってみよう編】
- その１ ビスケットを始めよう
レッスン１ ビスケットについて知ろう
レッスン２ ビスケットにさわってみよう
レッスン３ お絵描き画面を表示しよう
レッスン４ ビスケットを続きから始めるには - その2 お魚を泳がせよう
レッスン５ 複数の色でお魚を描いてみよう
レッスン６ ステージにお魚を置こう
レッスン７ お魚を前に動かそう
レッスン８ タコさんを描こう
レッスン９ タコさんをゆらゆら動かそう
- その３ 海をにぎやかにしよう
レッスン１０ お魚が岩をよけるようにしよう
レッスン１１ ぐるぐる回るうずを作ろう
レッスン１２ お魚の口をぱくぱく動かそう - その４ おサルにリンゴを拾わせよう
レッスン１３ 「ひとりでつくる」の画面を見てみよう
レッスン１４ トラックを走らせてリンゴを落とそう
レッスン１５ トラックが画面のはじで消えるようにしよう
レッスン１６ おサルの動きを作ろう - その５ 画面をおして宝箱を開けよう
レッスン１７ 宝箱を描こう
レッスン１８ 指でおした時に宝箱が開くようにしよう
レッスン１９ 宝箱から宝石を出そう
レッスン２０ 宝箱からお化けを出そう
レッスン２１ 開いたら音が出るようにしよう
レッスン２２ 宝箱が動くようにしよう
【できるかな編】
- その１ シューティングゲームを作ろう
どうやって作るか考えよう
レッスン２３ シューティングゲームのステージと部品を用意しよう
レッスン２４ ファイターを動かそう
レッスン２５ ビームを発射しよう
レッスン２６ インベータ―を動かそう
レッスン２７ インベータ―をばくはつさせよう - その２ 対戦ゲームを作ろう
どうやって作るか考えよう
レッスン２８ 対戦ゲームのステージと部品を用意しよう
レッスン２９ 青くんのこうげきを作ろう
レッスン３０ 青くんの防ぎょを作ろう
レッスン３１ 赤くんの動きを作ろう
レッスン３２ こうげきがあたった時の動きを作ろう
レッスン３３ こうげきを防ぎょした時の動きを作ろう
レッスン３４ ゲームオーバーの動きを作ろう - その３ 作曲マシンを作ろう
どうやって作るか考えよう
レッスン３５ 作曲マシンのステージと部品を用意しよう
レッスン３６ 生成器からポッドを出そう
レッスン３７ バーの動きを作ろう
レッスン３８ 音の玉を作ろう
レッスン３９ 音の玉が自動で変わるようにしよう - その4 迷路ゲームを作ろう
どうやって作るか考えよう
レッスン４０ 迷路ゲームのステージと部品を用意しよう
レッスン４１ 探検くんを左に動かそう
レッスン４２ 探検くんを他の方向に動かそう
レッスン４３ モンスターの動きを作ろう
レッスン４４ ゲームオーバーの動きを作ろう
レッスン４５ 探検くんにカギを取らせよう
レッスン４６ ゴールを作ろう - その５ 繰り返し模様を作ろう
どうやってつくるか考えよう
レッスン４７ 波もん模様のステージと部品を用意しよう
レッスン４８ 生成器から波もんを出そう
レッスン４９ 波もんの数を増やそう
レッスン５０ 生成器をステージに加えよう
レッスン５１ 生成器と波もんを描き直そう
- その６ ブロックくずしを作ろう
- その１ ビスケットを始めよう
まとめ
Viscuit（ビスケット）の使い方や保存方法はわかりましたか？
使い方は覚えてしまえば本当に簡単なプログラミング言語ですね。
しかし今回ご説明したのは、ほんの一部分で、ビスケットはまだまだやれることがたくさんあります。
ぜひ、本を1冊手元に用意して、ゲームや絵本を作ってみてくださいね。
