【5ヶ月連続!3位】ほかにも多くのプログラミングスクールがありますが、現役エンジニアが利用して間違いないスクールを厳選しています。developersの上位にGoogleはランクインしています。技術レベルもトップランクの企業で最先端の技術を公開して世界中のエンジニアや開発者に影響を与えています。そんなGoogleのレポジトリを見ていると最新のレポジトリにJavaScriptの「blockly」というレポジトリがあるので、見てみるとあまりにも未来すぎるビジュアルプログラミングエディターが公開されていたのでご紹介します。関連記事blocklyとはGoogleのblocklyの公式ページには下記のように書かれています。extensible.ピュアなJavaScriptライブラリで、150kb以下で作られている100%クライアントサイドだけで書かれているメジャーなブラウザはカバーしているこれだけのクオリティのものを開発できるのはさすがGoogleですよね...。Googleの公開しているblocklyの凄さこちらの公式サイトにアクセスするとみれますので、まずはこちらを見てみてください。左のブロックをドラッグアンドドロップで変更したり、回数やテキストを変更することによってリアルタイムに右のコードが変更されます。セレクトボックスではJavaScriptを設定しているので、JavaScriptのコードがリアルタイムで生成されます。https://i.gyazo.com/b930dd1a05092902dd1893d506805cc2.mp4これでコードを書かなくても、アルゴリズムを考えるだけでコードが特定のプログラミング言語毎に生成されるので言語特有の書き方を知らなくても書くことができるようになりました。この切り口から言語を学習していくということもできるようになったのは革命的ですね!Loopを試してみるとこんな感じ左のメニューのところからクリックして選択するとLoopに関する機能を変更できます。repeatの回数だったり、whileかuntilかというものを選択できるなどプログラミングの基礎的な繰り返しの処理を勉強できます。シンプルな機能でありながらプログラミングの基礎が直感的に理解できるので、プログラミング学習の書籍に書かれていたループの処理の説明よりも、このブロックの処理を変更することによってより分かりやすくなりましたね。右下の再生の→を押すことによって、変更した値の機能を動かしてみることができます。JavaScriptのwindow.alertの機能が実行されるのがわかります。これがリアルタイムに実行して体験できるのはjsfiddleなどのビジュアルエディターのその先に行った気がしますね。左のテキストのリストから追加するモジュールを選択します。今回はシンプルなテキストを追加するモジュールをエディターに追加して、printするという処理を追加してみました。wolrd!だけだったものが、abcというものが追加されて表示されるようになりました。シンプルなテキストのほかにもテキスト系の処理を簡単に追加して、処理を行うことができるようになるのは非常に便利ですね。https://i.gyazo.com/0a280d298c90533aae8bdb6e529b52fb.mp4公式サイト:https://developers.google.com/blockly/簡単なゲームでプログラミングの考え方が学習できるドキュメントを読んでいると、なんとblocklyで作られているゲームも発見しました。これが凄すぎるのが、ゲームをクリアしていくという感覚を持ちつつプログラミングが学習できるというところです。https://i.gyazo.com/ca76186026879c192e7e7e34c305f6dd.mp4人をどのように動かせば、ゴールにたどり着けるのかというところはプログラムをどのように書いたら仕様通り、考えている通りの動きになるのかというところで使う考え方と共通しています。上の動画で試してみたのは、間違ったときのケースです。人を動かす素材が左のグレーのところに用意されているのですが、この場合はどうしたらよいでしょうか?右にドラッグアンドドロップして実際に人を動かしてみます。http://rplay.me/wp-content/uploads/movie/game_google.mp4このように、基礎的なプログラムの動きについて上記で紹介してきたパターンだとプログラミングをするときに使うワードも出てくるのでとっつきにくいという方もいるかもしれませんが、ゲームで楽しみながら「仕組みを考える」という大事なスキルを身につけることができます。繰り返しの処理の考え方を使うような問題も出てくるので、楽しく基本を学んでいけますね。公式サイト:https://blockly-games.appspot.com/mazeプログラミング学習がわかりやすく、誰でも勉強できるようになったオンラインでプログラミング学習ができるサイトやサービスが増えてきました。」などのようにオンラインでハングアウトしつつ先生にマンツーマンで動画を用いて学習していくスタイルなど多様なプログラミング学習スタイルが出てきました。今回のGoogleが開発しているBlocklyは、そういうオンラインでのプログラミング学習の概念を変えていくようなサービスでした。playストアが充実していくことによって、アプリの開発者からお金をもらっているというプラットフォームを運営している関係上アプリの開発を如何に簡単にできるかというところに力を注いでいるようです。AppleもSwiftで簡単にアプリを開発できるようにしていくと発表していたので、同じような取り組みですね。今後もこの2社のプログラミングを簡単に行えるようにするという取り組みからは目が話せませんね。以上blocklyを使ってみた感想でしたが、ぜひ実際に使ってみてください。感動すると思います!ドキュメントなどを読んでみても面白いです。:https://github.com/google/blockly-games初心者でも起業や独立する際に必要なプロダクトを作るための、プログラミングが学習できるサイトをまとめてみましたので、こちらも合わせてどうぞ。使える学生にも人気のプログラミングスクール5選プログラミング独学者が悩んだときに相談できるサイトまとめ起業・副業に!プログラミングのオンライン・通う学習スクールの評判比較ホームページ作成初心者必見。JavaScript初心者】React.jsのよく出るエラーと解決集HTML・CSSプログラミング基礎・言語の書き方入門Googleが公開している「blockly」というビジュアルプログラミングエディターが凄すぎる初心者がJavaScriptのフレームワークVue.jsを覚える時のまとめモダンなサービスに必須。Postsを使ってページ分割を自動化した時のSEOはどうなるのか初心者向けプログラミング基礎知識・考え方プログラミング言語別WebCamp成功体験談1ヶ月みっちり通って使い倒した、ウェブキャンプの転職成功体験談です。企業情報と評判から会社をえらぶ口コミや企業情報から入社対策をしましょう。