タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
本記事の背景と目的 「小学校」のプログラミング教育では Scratch が広く使われています。Scratch は Google Blockly をベースにしているため、似たようなビジュアルプログラミング環境を作成することが可能です。本記事では Blockly を利用してエディタを作りますが、Scratch と差別化を図るため、次の目標を設定したいと思います。 IE でも実行できる、ブラウザ上のエディタにする 中学校におけるプログラミング教育が対象とする、ネットワークを活用した双方向性のあるコンテンツを扱える環境にする 本記事の最大の目的は、一緒に作る仲間を探すことです。興味を持たれた方は GitHub からご連絡お願い致します。 今の時点でできること 今の実行環境を以下の図に示しました。 WebSocket を用いて、例えばクライアント側が別のクライアントPCにメッセージを送信できるような
Blockly は、ドラッグ&ドロップ ブロックを使用する Google のビジュアル プログラミング エディタです。世界で最も人気のあるコーディング教育プログラムを支えているエンジンです。 Blockly ライブラリは、コーディング コンセプトをインターロック ブロックとして提示する、カスタマイズ可能なエディタをアプリに追加します。また、任意の言語でクリーンなコードを作成し、アプリケーションに合わせたカスタム ブロックを作成できます。
Blockly Games
Games for tomorrow's programmers. Block-based programming lessons for beginners. Free from Google.
本記事では Blockly を使ったビジュアルエディタを拡張して、カスタムブロックを追加 する過程をまとめました。 Blockly はコードの編集と生成（テキストコードの書き出し）のための環境であり、Blockly だけではプログラムの実行はできません。例えば Python や JavaScript 等のコードを生成することができます。 Blockly エディタに新しくブロックを追加するには ブロックを追加するまでの手順は大まかに４つに分けられます。 新しい block の構造（見た目、受け取るデータなど）を JSON で定義 作った block からコードを生成するために、generator を JavaScript で記述 （省略可）ブロックに対応する関数を JavaScript で記述 Blockly エディタを表示する HTML ファイル内の toolbox に block を追加
MindAR,A-Frame,Google Blocklyで顔認識ARをプログラミングするサイトを作ってみた - Qiita
MindAR,A-Frame,Google Blocklyで顔認識ARをプログラミングするサイトを作ってみた 「顔認識ARを作ろう」 MideAR,A-Frame,Google Blocklyで顔認識ARをプログラミングする「顔認識ARを作ろう」はこちら https://kaihatuiinkai.jp/nesopuro2/face_ar/ 顔認識をWebページ上で作動させることができるMindARというJavascriptライブラリを見つけました。以前に作成した「ARを作ろう」に組み込んだところ、あっさり作動しました。（世の中、便利になりましたね）「顔」をマーカーにしてARを表示します。 PNGファイルの透明画像にも対応しているので、「ARを作ろう」よりもっと面白いことができそうです。眼鏡、帽子、カチューシャ、ヒゲなどを顔の上にAR表示できます。「SNOW（スノー）」のアプリのようなこと
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blockly で中学校プログラミング教育のための教材を作る - Qiita
Blockly | Google for Developers
Blockly にカスタムブロックを追加する手順 - Qiita
news.yahoo.co.jp
news.yahoo.co.jp
blog.livedoor.jp/diet2channel
trafficnews.jp
girlsreport.net
gravure-grazie.com