第2章 Linux準備(ユーザー, SSH鍵, ドメイン)

2-1. Linuxユーザー追加とカギ設定🔑2-2. Linuxサーバーのホスト名変更2-3. 新しいLinuxユーザーでログイン2-4. ドメイン取得とDNS2-5. VScodeを使ってSSH接続 この章では、Lin […]

続きを読む… from 第2章 Linux準備(ユーザー, SSH鍵, ドメイン)

第1章 WEBアプリ開発体験プロジェクト

1-1. どんなアプリを開発するのか1-2. アプリ開発プロセス1-3. 開発企画(どんなアプリなのか)1-4. 要件定義(機能を決める)1-5. 基本設計1-6. 詳細設計1-7. プログラミング 中高生を対象としたプ […]

続きを読む… from 第1章 WEBアプリ開発体験プロジェクト

ゲームパッドでラズタンクを操作する

CoderDojo青梅 午後の部の参加者に朗報です!これまでラズタンクのリモート操作は、第二期までPCキーボードの矢印キーで動かし、第三期はNode-REDのダッシュボードのボタンで動かしました。ダッシュボードはスマホ画 […]

続きを読む… from ゲームパッドでラズタンクを操作する

コーダー道場 青梅カップ2024

あっというまの1年間でした。Pythonコマンドとカクカク映像での運転を改善するため、MJPGストリーミングと見た目のかっこいいWEBダッシュボードを開発した1年間です。この成果を2025年3月9日(日)午後の部で発表し […]

続きを読む… from コーダー道場 青梅カップ2024

はじめての JavaScript

ボタンを押したら、何かひとつだけ動くすごく単純なコードから練習してみます。 ボタンを押してテキストを表示する HTMLファイルを新規作成 最小限のHTMLファイルを新規作成します。ファイル名はどんな名前でも構いませんが拡 […]

続きを読む… from はじめての JavaScript

Node-REDでラズタンク前進・更新(上級:URL命令)

ラズタンク動作(前進のみ) Node-Redフローを設定する ラズタンク動作(停止する stop) Node-Redフローを設定する URL命令を呼び出してみよう 前進するときは[http://razpi10.local […]

続きを読む… from Node-REDでラズタンク前進・更新(上級:URL命令)

WEBアプリをJavaScriptでつくる準備

JavaScript の復習 まずは JavaScript を動かす基本を確認しましょう。ラズパイでもWindowsでも構わないので、どこかのフォルダに2つのファイル(test.html と test.js)を作ります。 […]

続きを読む… from WEBアプリをJavaScriptでつくる準備

Node-redを利用してラズパイのカメラをwebで見る

どうも久しぶりの投稿です。今回はNode-redという物を利用してwebからラズパイに付いているカメラを見る方法です。 完成形 まずは完成形です。 作り方 早速作り方です。まずはリモートデスクトップを使ってラズパイと繋げ […]

続きを読む… from Node-redを利用してラズパイのカメラをwebで見る

WEBアプリでラズパイ操作(Flask, Python)

PCでキー操作して、ラズパイでpythonコードを実行する STEP1. キー操作画面はWEBサーバー(2)で配信して、同じネットワークにあるPCがキー操作をする。STEP2. キー操作に対応するpythonアプリ(3) […]

続きを読む… from WEBアプリでラズパイ操作(Flask, Python)

映像ストリーミング(MJPG Streamer)

ラズパイの映像ストリーミング。WEBブラウザでサクサク表示する映像にする ラズパイカメラの映像をネットワークに配信する。下図(1)番の部分を準備します。 ラズパイの環境を確認します。 CoderDojo青梅のラズタンク […]

続きを読む… from 映像ストリーミング(MJPG Streamer)