JavaScript – Ninja’s Works

APIアプリ（JavaScript）を動かす

JavaScriptで作ったAPIアプリを、Node.jsで動かします。Node.jsは「JavaScriptをサーバーサイドで動かすための実行環境」です。 node.js のインストールまだインストールしていない場合 […]

6-1. HTTPリクエストを検査する curl コマンド6-2. DB接続クレデンシャル6-3. バックエンドAPIアプリの設計6-4. connectDatabase()関数6-5. closeDatabase(db […]

5-1. ほぼカラのHTML5-2. FormとCSSデザイン5-3. JavaScriptを読み解く5-4. Bootstrap でデザインを効率化する5-5. ライブラリ［p5.js］でキャンバスに絵を描画5-6. […]

4-1. WEB&アプリサーバーの設計4-2. Nginx 初期セットアップ4-3. SSLサーバー証明書の取得と自動更新4-4. Node.js サーバーの初期設定4-5. はじめてのAPIプログラミング4-6 […]

3-1. 保守ネットワーク経路3-2. MySQLのインストール3-3. 新規DBユーザーの作成3-4. SQLコマンドを練習3-5. MySQLプロセスの設定変更3-6. （参考）DBサーバーと暗号化通信する場合3-7 […]

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

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

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

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

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

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

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

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

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

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