-
ラズパイに保存されているmp4ファイルの名前を指定してダウンロードする方法【JavaScript】
2021/04/04 -javascript, RaspberryPi
JavaScript, raspberrypiラズパイで取得したmp4形式の動画を複数格納されている場合に名前を指定してダウンロードする方法をJavaScriptで実現してみました。 下図のテキストボックスに入力した名前のファイル ...
-
SpringBootアプリ+PostgreSQLをラズパイで動作
2021/01/19 -RaspberryPi, SpringBoot
PostgreSQL, raspberrypi, SpringBoot, ラズパイ前回はSpringBoot+Postgresqlで作成したクイズアプリをMac上で動作させましたが、今回はラズパイ上で動かしてみました。 SpringBootによるクイズアプリの作成は以下の記事に書い ...
-
クイズアプリをSpringBoot+PostgreSQL+MyBatis+Thymeleafで作る(3)【Controller,フロントエンド作成】
2020/12/30 -SpringBoot
BootStrap, MyBatis, PostgreSQL, SpringBoot, Thymeleafクイズアプリの最終仕上げを行っていきます。 前回までの内容は以下です。 クイズアプリをSpringBoot+PostgreSQL+MyBatis+Thymeleafで作る(1)【環境構築】 クイズアプ ...
-
クイズアプリをSpringBoot+PostgreSQL+MyBatis+Thymeleafで作る(2)【サーバサイド〜SpringBoot起動まで】
2020/12/30 -SpringBoot
BootStrap, MyBatis, PostgreSQL, SpringBoot, Thymeleaf前回、SpringBootプロジェクトの雛形作成とデータベース作成まで実施しましたので、今回はWebアプリ制作に取り掛かります。 クイズアプリをSpringBoot+PostgreSQL+MyBati ...
-
クイズアプリをSpringBoot+PostgreSQL+MyBatis+Thymeleafで作る(1)【環境構築】
2020/12/30 -SpringBoot
BootStrap, MyBatis, PostgreSQL, SpringBoot, ThymeleafSpringBootの勉強としてクイズアプリを作ってみました。 完成したアプリ動画は以下です。 今回はWebアプリのプロジェクト作成とデータベース構築までを実施します。 開発環境 OS: ma ...
-
Webアプリからラズパイの動画ストリーミングを再生する方法3選
2020/11/02 -javascript, RaspberryPi
GStreamer, HLS, mjpeg-streamer, raspberrypi, RTSPラズベリーパイにカメラを接続し、スマホやパソコンで動画が見れるようにした際に3つの手段をクライアントからの使いやすさ、サーバー(ラズパイ側の)準備の手軽さ、映像の低遅延で比較した結果を整理します。 環 ...
-
Sensortagの温度データをJavaScript (Web Bluetooth API)で取得して表示する
2020/10/04 -bluetooth, javascript
bluetooth, sensortag, webapiSensorTagとは 周辺光、デジタル・マイク、磁気センサ、湿度、圧力、加速度計、ジャイロスコープ、磁力計、物体の温度、周囲温度を含む 10 個の低消費電力センサを搭載し、コイン電池1個で数年間に ...
-
Cloud Firestoreから取得したデータをjavascriptでグラフ描画する
2020/05/31 -Firebase, javascript
Cloud Firestoreに格納したデータからグラフ描画した結果をweb表示できるようにしてみます。 今回はweb公開前のローカル環境で試すところまで行い、次回にFirebaseにホスティングして ...
-
iPhoneから取得した加速度データをFirebaseのCloud Firestoreに書き込む
前回、iPhoneアプリ上に加速度値をリアルタイムにグラフ表示しました。 iphoneアプリで加速度センサーの値をリアルタイムにグラフ表示する 今回は取得した加速度値をFirebaseのFiresto ...
-
iphoneアプリで加速度センサーの値をリアルタイムにグラフ表示する
iPhoneアプリで加速度センサーの値を取得する方法については多くの記事が見つかりましたが、リアルタイムに計測値をグラフ表示する方法についてはなかなか見つけられなかったので試行錯誤で作成してみました。 ...