シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > クリック一発で「JavaScript」に変換可能なビジュアルプログラミング言語をまとめてみた!
注目記事ピックアップ
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
share0
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
share0
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
share0
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
share0
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
share0
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
share0
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/03/11 23:00

クリック一発で「JavaScript」に変換可能なビジュアルプログラミング言語をまとめてみた!


どうも、まさとらん(@0310lan)です!

みなさんは「ビジュアルプログラミング言語」をご存知でしょうか…?

Scratch」などに代表されるプログラム言語の一種で、レゴブロックを組み立てるようにプログラミングしていくので、初心者でも楽しく作品を作れるのが特徴となっています。


しかしながら、意外に本格的なゲームが作れるので、過去にアプギガでも記事にして反響を頂いたことがあります。

参考記事:「レゴ感覚の「scratchプログラム」を極めた猛者の作品5選が異次元レベル!

 

そこで今回、このような便利に使える「ビジュアルプログラミング言語」の中から、「JavaScript言語」へクリック1つで変換することができるモノを厳選してみましたのでご紹介しようと思います!

 

第2の「Scratch」を目指して開発段階のビジュアルプログラミング言語!
Waterbear


冒頭でご紹介した「Scratch」に影響を受けたと言われるビジュアルプログラミング言語。

色鮮やかなブロックや、多彩なパラメータが用意されており、上部メニューからサンプルプログラムを読み込んで動かすことも可能となっています。

 

例えば、お馴染みの「ブロック崩し」や、ピンポン、マルバツゲーム、グラフィックサンプルなどが用意されています。


 

ドラッグ&ドロップで組み立てたブロックは、同時にバックグラウンドでJavaScriptに変換されています。

変換したい場合は、エディタ上部にある「Script Text」タブをクリックするだけでOKです。


 

すると、現在組み立てているブロックのJavaScriptが表示されます。


あとは、こちらをコピーして自分のサイトなどで利用したり、友人とシェアしても良いでしょう。

もちろん、ブロックを組み立てながらJavaScriptがどのように動くのかを学習するのにも最適となっています。

 
マルチな言語変換が可能なGoogleのビジュアルプログラミング言語!
Blockly


Googleが提供するビジュアルプログラミング言語ということで、知っている方も少なくないはず。

パラメータは少ないのですが、基本的なプログラミングは可能になっており、現在も少しずつ開発が進められています。

 

ブロックを組み立てたら、上部タブメニューの「JavaScript」をクリックすれば変換することが可能。


 

簡単ですね。


しかも、ご覧のとおりPython、Dart、XMLへの変換も1クリックで可能になっているのが特徴的です。

 

また、面白いチュートリアルが豊富に揃っているのも必見です。


ブロックの概念を学習するために、国旗・首都を組み合わせる問題や、迷路のゴールに辿り着くように誘導するブロックを組み立てたり、飛行機の座席数を算出する問題など…。どれも、楽しみながらプログラミングを学べますよ。

 
ゲームも簡単に作れる国産のビジュアルプログラミング言語!
MOONBlock


日本語で安心して使えるビジュアルプログラミング言語として知られているのがこちら!

特に、ゲームを作るのが得意で、横スクロールアクションやシューティング、パズルなど幅広いゲーム作りが、ブロックを組み立てるだけで楽しめるようになっています。

 

もちろん、JavaScriptに変換するのも簡単で、画面下部の「ソースコード」ボタンをクリックするだけです。


 

すると、ソースコードをすぐに確認することができます。


 

また、簡単にゲームが作れるということもあり、子供たちにも人気が高いです。

そのせいか…ビジュアルプログラミング言語としては珍しく、日本語の書籍も販売されているくらいです!


興味のある方は、ぜひ一読されることをオススメします。

 
おまけ
最後に、JavaScriptとは関係ないのですが、過去にアプギガでご紹介した面白いビジュアルプログラミング言語を紹介しておきます!

Viscuit(ビスケット)


こちらは、アニメーション作成が得意なビジュアルプログラミング言語となっており、動くゲームアプリを非常に効率よく短時間で作ることができます。

ほぼすべて、マウスのドラッグ&ドロップで作成できるので、子供から大人まで幅広く楽しめるようになっています。

 
まとめ
最近は、小学生からプログラミングを始める人が増えているせいか、今回ご紹介したようなビジュアルプログラミング言語のニーズが年々高まっているようです。

いきなり小難しい英数字の羅列を勉強するよりかは、「ブロックを組み立てる」という動作の方が確かに楽しいですよね。それに、基本的な概念も分かりやすいかと思います。

これからプログラミングを始めよう!と、思っている方も…まずは、ビジュアルプログラミング言語から実践してみてはいかがでしょうか?

 

written by まさとらん

 

 

 


 

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る