こんにちは。谷口です。
ビジュアルプログラミングのサービスや子供向けプログラミング学習サイトが増えてきましたが、皆さんはあのコロコロコミックが「コロコロゲーム工作(クラフト)ブロック」というビジュアルプログラミングができるサイトを公開しているのをご存知でしょうか?
こちらはオープンソースのプロジェクトenchant.jsで作られたビジュアルプログラミング言語MOONBlock(前田ブロック)のコロコロ版と言うべく、MOONBlockと同様のブロックを組み合わせてコロコロコミックの人気キャラクターを動かしたりゲームを作ったりすることができます。
また組み合わせたブロックは、ボタン一つでJavaScriptのソースコードに変換してみることもできます。
今回はこちらの、子供達のプログラミング教育の最初の一歩としても、また大人がやっても楽しいゲーム工作ブロックを実際にやってみました。
corocoroblock.jp - このウェブサイトは販売用です! - コロコロ 工作 ゲーム ブロック クラフト ながとしやすなり コミック 作り リソースおよび情報
■コロコロゲーム工作(クラフト)ブロックとは
コロコロゲーム工作(クラフト)ブロックでは、ブラウザ上でブロックを組み合わせるだけで、誰でも簡単にコロコロコミックのキャラクターを使ったゲームが作れてしまいます。
◆操作の仕方
まずは操作の仕方のPDFを見てみよう!
画面の見方やボタンの説明の後に、キャラクターを画面に出して動かすチュートリアル的な説明もあるよ!
これが読み解ければりっぱなプログラマーだ!
これが読み解ける人は……ビジュアルプログラミングで勉強する必要はないぞ!
■やってみようゲーム工作ブロック
◆サンプルで遊んでみよう
プログラム例で、サンプルゲームのブロックを見たり実際に遊んだりすることができるぞ!
RUNをクリックして遊んでみよう!!
あー!!小学生が大好きなモチーフ!!楽しい!!!!
◆オリジナルゲームを作ってみよう
操作方法が分かったら、ブロックを組み合わせて自分だけのオリジナルゲームを作ってみよう!!
コロコロコミックの人気漫画、でんぢゃらすじーさんとかムラ神さまとかケシカスくんとかのブロックが使えるよ!!
大きいお友達が好きなドッジ弾平とか超速スピナーのブロックはないよ!!ゲームセンターあらしもないよ!!あるわけないだろ!!!!
小一時間もかからずに、日蝕の日にでんぢゃらすじーさんが量産型ムラ神さまに出会うと世界が終わるという退廃的なゲームを作ることができたよ!!
もちろん実行してみながら改良を加えていくことができるし、組み合わせたブロックはJavaScriptに変換して確認することもできるから、大きいお友達はJavaScriptの勉強にも使えるよ!!
みんなもコロコロコミックのキャラクターを使ってオリジナルゲームを作ってみよう!!
corocoroblock.jp - このウェブサイトは販売用です! - コロコロ 工作 ゲーム ブロック クラフト ながとしやすなり コミック 作り リソースおよび情報
■まとめ
ビジュアルプログラミング学習サイトはたくさんありますが、「コロコロゲーム工作(クラフト)ブロック」は、自分でゲームを作って遊び、さらにそれをJavaScriptのコードに変換して確認ができるため、プログラミングの勉強をしてみたい子供から、JavaScriptを習得したい大人まで、幅広く使えるサイトだと思います。
プログラミング初心者の皆さん、ぜひオリジナルのゲームを作ってみてください!
また、「他のビジュアルプログラミング学習のサイトも触ってみたい!」という方や、「既にある程度のプログラミングはできるから、実際のコーディングを学びたい!」という方は、先日このブログで書きました記事を参考にしてみてください。ゲーム感覚で楽しく学べる15サイトをご紹介しております。
初心者も楽しく勉強できる!ゲーム感覚でプログラミングが学べる15サイト - paiza開発日誌
さらにコーディングの基礎が身についてきましたら、ぜひpaizaでご自分のスキルをはかってみてください!
paizaは、技術を追い続けることが仕事につながり、スキルのある人がきちんと評価される場を作ることで、日本のITエンジニアの地位向上を目指したいと考えています。
自分のスキルを磨いていきたいと考えている方におすすめなのが「paizaラーニング」。オンラインでプログラミングしながらスキルアップできる入門学習コンテンツです。初心者でも楽しくプログラミングの基本を学ぶことができます。
そして、paizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。
スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。