プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進

https://www.msn.com/ja-jp/news/techandscience/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80%E3%81%AB%E3%83%94%E3%83%83%E3%82%BF%E3%83%AA%E3%81%AA%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E8%A8%80%E8%AA%9E-pickcode-%E3%81%8C%E7%99%BB%E5%A0%B4-python%E3%82%84javascript%E3%81%AA%E3%81%A9%E3%81%AE%E3%82%88%E3%82%8A%E9%AB%98%E5%BA%A6%E3%81%AA%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A8%80%E8%AA%9E%E3%81%B8%E3%81%AE%E7%A7%BB%E8%A1%8C%E3%82%92%E4%BF%83%E9%80%B2/ar-AA1kly3j?ocid=msedgdhp&pc=U531&cvid=d60edf4dff1a4178a77bf2ad2fbf8c75&ei=23

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

プログラミングを始めるための最良の選択肢となることを目指して作成されたビジュアルプログラミング言語が「Pickcode」です。チャットボットやアニメーション、ゲームなどを作成しながらプログラミングについて学べ、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進することができるようになっています。 Pickcode | Make cool stuff with code https://pickcode.io/

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

実際にPickcodeでプログラミングについて学んでみます。上記ページにアクセスして「Try a lesson」をクリック。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

すると「最初に作りたいのは何？」という画面が表示され、選択肢として「A chatbot that says a few things(いくつかのことを話すチャットボット)」と「An animated drawing of a rectangle(アニメーションで描画された長方形)」が提示されます。好みの選択肢を選び、「Start」をクリック。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

30秒ほどで終わる簡単なPickcodeのガイドがスタートするので、「Start Tour」をクリック。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

画面右上にはレッスンの説明が表示されます。「Next」をクリック。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

画面左にはユーザーがコードを記述するためのスペース。「Next」をクリック。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

そして画面右下には記述したコードをテストするためのスペースが用意されています。「Start Lesson」をクリック。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

するとレッスンの説明欄に「ピックコードペイントは画面上でブラシを動かすことで動作します。ペイントブラシは常に画面中央から始まります」「再生ボタンを押してスターターコードを実行し、その動作を確認してください。長さ『100』の線が描かれるはずです」という記述が現れました。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

指示に従って画面右下にある再生ボタンを押すと、横向きの線が描写されました。どうやら画面右上に書かれているコードだと、長さ「100」の線を描画できる模様。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

レッスンをクリアしたら「Next」をクリック。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

次は「コードの数字を『200』に変更すると、線の長さが2倍になります」というもの。指示に従ってコード部分の数字を「100」から「200」に書き換えて再生ボタンを押すと、線の長さが2倍になりました。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

こんな感じで画面右上に出てくるレッスンに従いながら、Pickcodeでのコードの書き方を学んでいけばOK。初めは1本の線を引くところからですが、最終的には以下のような長方形を作成することが可能となります。基本的な説明は丁寧に行い、応用はユーザー自身に行わせるというスタイルで、回答がわからない人のためのヒントも用意されていました。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

「チャットボット作成」と「アニメーションでの長方形の描画」は、どちらもアカウント登録なしで無料で体験できるレッスンですが、アカウントを作成すればより多くのレッスンを体験することができます。なお、アカウント作成には生年月日の入力と、メールアドレスの登録が必要となります。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

アカウントを作成するとさらに多くのレッスンを受けられるようになります。緑色のレッスンは一度クリアしたもので、レッスンをクリアすると次のレッスンが解放されるという仕組みになっています。初めはかなり簡単なレッスンになっており、数分あればクリアできるくらいの難易度となっていました。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

レッスン名の横に「Plus」と書かれているものは有料のレッスンで、月額5ドル(約740円)を支払ってPickcode Plusに登録することで受けられるようになります。

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進© GIGAZINE 提供

なお、Pickcodeには他にもPythonのレッスンや1時間ほどの時間をかけて取り組むさまざまなお題も用意されており、プログラミング言語の習熟度に合わせたさまざまな学習が可能です。