プログラミング

プログラミング プログラミング
Processing

マイクロビットを使ってみる 〜潜水艦ソナー

マイクロビットと「サーボモーター」をつかった作品のネタをいろいろ考えていたのですが、「潜水艦のソナー画面」や「空港の管制レーダー画面」のようなものをつくったら面白いのではないか?と思いつきました。サーボモーターに「超音波センサ」を取り付け、...
Processing

マイクロビットを使ってみる 〜Webブラウザに表示された図形をマイクロビットで動かす

以前、ビジュアルデザイン用のプログラム開発環境である「Processing」を使い、マイクロビットからの制御でパソコン画面に図形を描画させたことがあります(記事は こちら)。また、「Processing」の代わりに「p5.js」というJav...
プログラミング教育

マイクロビットを使ってみる 〜マイクロビットとStretch3を接続する

私は、小中学生にプログラミングなどを教えるボランティアグループのメンバーになっています。このグループでは、小中学生に電子回路とマイクロビットプログラミングを教える通年制のワークショップを実施しています。月1回のペースで合計9回実施し、「電子...
Processing

M5StickC PlusとWebブラウザをBluetooth接続してChart.jsでグラフ表示する

先日、「M5StickC Plus」と「p5.js」をBluetoothで接続し、M5StickC Plusで取得したデータに基づいて、Webブラウザで図形をアニメーション表示してみました(記事は こちら)。p5.jsとマイコンデバイスをB...
Processing

M5StickC Plusとp5.jsを接続してWebブラウザで図形を描画する

先日、「M5StickC Plus」と「Processing」というビジュアルデザイン用のプログラム開発環境をBluetoothで接続し、M5StickC Plusで取得したデータに基づいて、パソコンの画面上に図形をアニメーション表示してみ...
Processing

Processingでつくった作品をWebブラウザで表示する

パソコン画面上で図形をアニメーション表示するために「Processing」というプログラム開発環境をつかってみました(記事は こちら)。さて、私は最終的には「Processing」でつくったものをWebブラウザで表示させたいと思っています。...
Processing

マイクロビットとProcessingを接続して図形を描画する

先日、ビジュアルデザイン用のプログラム開発環境である「Processing」を使い、「M5StickC Plus」で取得したデータに基づき、パソコン画面に図形を描画させました(記事は こちら)。さて、これを試している途中「もしかしたらM5S...
Processing

M5StickC PlusとProcessingを接続して図形を描画する

M5StackやM5StickCにはLCD画面がついており、デバイスで取得したデータに基づいて文字や図形を表示させることができます。ただ、用途によっては、同じような情報をパソコンの大きな画面で表示させたい場合があります。デバイスで取得した数...
自然農体験

自然農の野菜栽培を体験する 〜「なんちゃって圃場管理システム」を改良する

先日、「なんちゃって圃場管理システム」をつくりました(記事は こちら)。自分の家庭菜園で、どこに何を植えたのかがすぐに分からなくなってしまうという状況に対処するため、Webブラウザ上で畑のレイアウト図を「お絵描き」したり、それを表示したりす...
自然農体験

自然農の野菜栽培を体験する 〜「なんちゃって圃場管理システム」をつくる

知り合いの方から畑の一画をお借りして、「自然農」での家庭菜園を楽しんでいます。小さなスペースですが、そこにこんな感じで、色々な種類の野菜を数株ずつ植えています。そのような植え方をしていると、最初のうちはいいのですが、早く収穫し終わった後のエ...