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

アプギガトップ > クリック一発で「JavaScript」に変換可能なビジュアルプログラミング言語をまとめてみた!
注目記事ピックアップ
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
プログラミング
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...

ページトップへ戻る