Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
プログラミング学習webで学べるViscuit(ビスケット)の使い方 | 思いだし にっき
サイトアイコン 思いだし にっき

プログラミング学習webで学べるViscuit(ビスケット)の使い方

<p><img class&equals;"size-full wp-image-6322 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk015&period;png" alt&equals;"Viscuit" width&equals;"620" height&equals;"127" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>2020年からの新学習指導要領で「プログラミング教育必修化」がスタートするということから、小学生のお子さんや、これから入学というお子さんに向けてScratch・MOONBlockをご紹介してきました。<&sol;p>&NewLine;<p>今回は同じwebでプログラミングが学べるのでも少し違うタイプのViscuitのご紹介と使い方です。大人でも十分楽しめるので是非試してみてください&lpar;&Hat;&Hat;&rpar;<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>プログラミング学習Viscuit(ビスケット)とは<&sol;h2>&NewLine;<p>「Viscuit(ビスケット)」とは、ヴィジュアルプログラミング言語と呼ばれるプログラミング言語です。<&sol;p>&NewLine;<p>他に有名なものとして<a href&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;6206&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><strong>Scratch <&sol;strong><&sol;a>や <a href&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;6235&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><strong>MOONBlock<&sol;strong><&sol;a>などがあります。<&sol;p>&NewLine;<p>一般的なプログラム言語と違い、コードを覚えたり入力する必要はありません。<br &sol;>&NewLine;ルールも少しわかれば操作できます。<&sol;p>&NewLine;<p>直感的に使えるので小さいお子さんやプログラミングに興味がある初心者がプログラミングがどういうものかを体験するのにぴったりです。<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 18px&semi;"><strong><span style&equals;"color&colon; &num;ff00ff&semi;">Viscuit<&sol;span><&sol;strong><&sol;span>は<strong>Scratch<&sol;strong>や<strong>MOONBlock<&sol;strong>のようにブロックを組み合わせるのではなく、<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 16px&semi;"><strong><span style&equals;"background-color&colon; &num;ffff00&semi;">自分で描いた絵を動かしながらプログラミングを学んで<&sol;span><&sol;strong><&sol;span>いきます。<&sol;p>&NewLine;<p>完成した絵が自分の命令通りに動きます。<&sol;p>&NewLine;<p>難しいことを覚えなくても、プログラムの楽しさを知ることができます。<&sol;p>&NewLine;<p>ビスケットを使うと、アニメーション、ゲーム、動く絵本などを簡単に作ることができます。<&sol;p>&NewLine;<p>考えただけでもワクワクしてきませんか?(^^)<&sol;p>&NewLine;<p>画面にある「めがね」がプログラム &lpar;車が前に進む、という意味&rpar;の基本となり、「変化」の仕方をコンピュータに教えます。<&sol;p>&NewLine;<p>ビスケットは基本的にこのめがねで全ての動きをつくります。<&sol;p>&NewLine;<p>このメガネでいろいろな動きを作りだし、独自の世界を創造できます。<br &sol;>&NewLine;無限の可能性を秘めているツールといえますね。<&sol;p>&NewLine;<p>と言ってもわけがわからないですよね(^^; とにかく触ってみると「なーんだ簡単」とすぐ慣れます^^<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>webで学習 Viscuit(ビスケット)の特徴<&sol;h2>&NewLine;<p><strong><span style&equals;"color&colon; &num;3366ff&semi;">・とてもかんたんに使える<&sol;span><&sol;strong><&sol;p>&NewLine;<p>Viscuitは、絵を描いて配置するだけでいろいろな動きを作ることができます。<br &sol;>&NewLine;なので、小さいお子さんでも触って動かしているうちにすぐ使いこなすことができます。<&sol;p>&NewLine;<p>また、大人向けの内容も動画で公開されています。<&sol;p>&NewLine;<p>遊んでいる感覚でさわっているうちにプログラミングが学べます<&sol;p>&NewLine;<p>Viscuitはプログラミング言語ですが、「学ぶ」というよりも「遊ぶ」感覚で学習できるんですね。<&sol;p>&NewLine;<p>動かすための絵を描いて、動かし方を指定して、また調整してという繰り返しです。それによって想像力もひろがりますね。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong><span style&equals;"color&colon; &num;3366ff&semi;">・他のユーザーの作ったプログラム作品を共有できる<&sol;span><&sol;strong><&sol;p>&NewLine;<p>Viscuitの公式サイトでは、他のユーザーが作成したものを見て、実際に遊んでみることができます。<&sol;p>&NewLine;<p>他の人の作品を見ることで、自分が作りたいもののイメージも広がります。<br &sol;>&NewLine;また、友達と一緒に作って公開するのも楽しいですね。<&sol;p>&NewLine;<p>自分の描いた絵を、自分の思い通りに動かすために部品や配置を考え選ぶ・・実行してうまくいかなければ、そこで「なぜ?」と考えて再び調整する。<&sol;p>&NewLine;<p>こういった繰り返しはプログラミング的思考、考え方そのもので、2020年から導入される新学習指導要領で目的とするところの<strong>論理的思考力や問題解決能力<&sol;strong>など様々な普遍的な力が身につくわけです。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Viscuitの使い方<&sol;h2>&NewLine;<p>簡単に使えますが、どのボタンを押すの?どうやって絵を描くの?というとっかかりがないと、とまとどってしまいます<&sol;p>&NewLine;<p>基本の操作を覚えましょう。<&sol;p>&NewLine;<p><a href&equals;"http&colon;&sol;&sol;www&period;viscuit&period;com&sol;" target&equals;"&lowbar;blank" rel&equals;"noopener"><strong>Viscuit<&sol;strong><&sol;a> に接続します。 <&sol;p>&NewLine;<p>TOPページを下にスクロールすると「<strong>ビスケットであそぶ<&sol;strong>」という項目のしたに「<strong>やってみる<&sol;strong>」ボタンがあります。<&sol;p>&NewLine;<p>クリックしてみましょう。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6323 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk01&period;png" alt&equals;"やってみる" width&equals;"489" height&equals;"384" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>よく解らない時はもう少し下にスクロールすると「<strong>遊び方動画<&sol;strong>」があります。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6324 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk02&period;png" alt&equals;"動画" width&equals;"491" height&equals;"314" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ここで使い方の解説が出るので一通り見てみましょう。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6325 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk03&period;png" alt&equals;"使い方" width&equals;"492" height&equals;"335" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>基本の使い方<&sol;h3>&NewLine;<p>「やってみる」をクリックすると図のような画面になります。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6326 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk04&period;png" alt&equals;"Viscuit画面" width&equals;"498" height&equals;"380" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>1&period;左の「みんなでつくる」をクリックします。<&sol;p>&NewLine;<p>すると色の四角が出てきます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6327 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk05&period;png" alt&equals;"" width&equals;"480" height&equals;"185" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>一番左の青い四角をクリックしてみます。これは海です。<&sol;p>&NewLine;<p>色の箱は場所を表しています。グレーはオバケの居るエリア緑は草むらとか・・好きなエリアに行って作ってみましょう。<&sol;p>&NewLine;<p>2&period;クリックすると選んだ色の四角と右側にグレーのようなスペースがある四角が表示されボタンが3つ出てきます<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6328 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk06&period;png" alt&equals;"みんなで" width&equals;"411" height&equals;"335" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>並んだボタンの左の<strong>えんぴつをクリック<&sol;strong>します。<&sol;p>&NewLine;<p>画面が切り替わります。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6329 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk07&period;png" alt&equals;"Viscuit画面" width&equals;"491" height&equals;"376" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>3&period;右上の鉛筆をクリックします。<&sol;p>&NewLine;<p>ここで絵を描きます。<br &sol;>&NewLine;海なので海にいるものをかいてみましょう<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6330 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk08&period;png" alt&equals;"海" width&equals;"480" height&equals;"379" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>色の上にある棒をドラッグすると線の色や太さを変えられます。<&sol;p>&NewLine;<p>出来たら〇をクリックします。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6331 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk09&period;png" alt&equals;"絵が描けた" width&equals;"483" height&equals;"383" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>4&period;先ほどの画面の右の方に描いた絵が表示されます<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6332 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk010&period;png" alt&equals;"" width&equals;"471" height&equals;"435" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ドラッグして海に持っていきます。<br &sol;>&NewLine;好きなだけ配置します。<&sol;p>&NewLine;<p>5&period;絵の上にあるメガネをグレーのスペースにドラッグします。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6333 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk011&period;png" alt&equals;"メガネをドラッグ" width&equals;"478" height&equals;"183" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>メガネの中に描いた絵をドラッグします。<br &sol;>&NewLine;左のメガネが基本の位置になります。<br &sol;>&NewLine;右のメガネが動きになります<br &sol;>&NewLine;左のメガネの絵より下に右の絵を置くと下へ、上へ置くと上へ、右に置くと&Implies;へ・・・というように海の画面の絵が動きます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6334 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk012&period;png" alt&equals;"動き" width&equals;"477" height&equals;"300" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>6&period;完成したら右の一番上のボタンをクリックします。<br &sol;>&NewLine;するとすぐ下の〇のボタンが押せるようになるのでクリックします。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6335 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk013&period;png" alt&equals;"" width&equals;"482" height&equals;"198" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>7&period;これで海の画面に移動して泳ぎだします。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-6336 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;01&sol;bk014&period;png" alt&equals;"泳ぎだす" width&equals;"482" height&equals;"359" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>基本の操作がわかったらいろいろチャレンジしてみましょう。<&sol;p>&NewLine;<p>遊び方動画で、やさしいのからむずかしいのまで、いろいろ作り方を解説しています。<&sol;p>&NewLine;<p>段々複雑な動きを使えるようになりますよ。<&sol;p>&NewLine;<p>自由に絵を動かしたり、ゲームを作ってみましょう。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Viscuit さいごに<&sol;h2>&NewLine;<p>3つのプログラミングソフトを使ってみましたが、どれも楽しく簡単に使えます。<&sol;p>&NewLine;<p>複雑な動きや面白いゲームを作れるようになるには、大人の固くなった頭(私です)では、少し時間がかかりそうですが、あんなこともやってみたいと思いも広がります。<&sol;p>&NewLine;<p>お子さんならなおのことですね。(^^ <&sol;p>&NewLine;<p>ここで負けじとお父さんお母さんもチャレンジしてみてください。<br &sol;>&NewLine;触ってみると簡単で面白いことが実感できますよ(^^<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;blogmura&period;com&sol;ranking&sol;in&quest;p&lowbar;cid&equals;10802790" target&equals;"&lowbar;blank" rel&equals;"noopener"><img src&equals;"https&colon;&sol;&sol;b&period;blogmura&period;com&sol;88&lowbar;31&period;gif" alt&equals;"ブログランキング・にほんブログ村へ" width&equals;"88" height&equals;"31" border&equals;"0" &sol;>にほんブログ村<&sol;a> <a href&equals;"https&colon;&sol;&sol;blog&period;with2&period;net&sol;link&sol;&quest;id&equals;1839199"><img title&equals;"人気ブログランキング" src&equals;"https&colon;&sol;&sol;blog&period;with2&period;net&sol;img&sol;banner&sol;banner&lowbar;22&period;gif" width&equals;"88" height&equals;"31" &sol;><&sol;a><a style&equals;"font-size&colon; 0&period;9em&semi;" href&equals;"https&colon;&sol;&sol;blog&period;with2&period;net&sol;link&sol;&quest;id&equals;1839199">人気ブログランキング<&sol;a><&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了