BLOG PAGE3

Web Workerを利用した並列処理

Javascriptでマルチスレッド処理 今回はService Workerを中心に、Web Workerを利用したJavaScriptの並列処理を紹介したいと思います。 Web Workerとは Web Workerとはwebコンテンツにおいて、シングルスレッドを前提とした言語であるJavaScriptをマルチスレッドで実行するための仕組みです。 負担の大きい処理を、メインス

#Web Worker#javascript#Service Worker 2018.12.03
VIEW

Web Audio APIで音を扱う

Webページ上で音声を扱う 今回はWeb Audio APIを使って、Webページ上で音声の再生やマイク音声の取得を試してみます。 Web Audio API Web Audio APIはWebアプリケーション上で音声処理を行うことのできるAPIです。これを用いることによってWebページ上で音声ファイルを再生したり、端末のマイクからの入力音声を取得して扱うことができるようになりま

#Web Audio API#javascript 2018.11.26
VIEW

Socket.IOでユーザ認証

ユーザ認証を含むWebSocket通信 今回は前回作成したチャットプログラムに、Socket.IOを使用してユーザ認証を含むチャット機能を追加しようと思います。 ミドルウェアに関して ミドルウェアはアプリケーションとOSの中間的な処理を行うソフトウェアです。 公式ドキュメントによると、Socket.IOはミドルウェアを使用しています。 今回はこちらを利用して接続してきたソケッ

#websocket#javascript#Node 2018.11.14
VIEW

Socket.IOでWebSocket通信

Socket.IOでWebSocket通信 今回はNode.jsのSocket.IOを使用して、クライアントPCとサーバ間でWebSocket通信をしてみたいと思います。 WebSocket通信とは コンピュータネットワーク用のプロトコルのひとつで、リアルタイムかつ双方向な通信を実現するためのプロトコルです。 コネクション確立時に従来のHTTP通信からWebSocketへのプロ

#websocket#javascript#Node 2018.11.07
VIEW

Keras学習済みモデルをTensorFlow.jsモデルに変換して推論を実行

tfjs_convertを試す Tensorflow.js公開当初は、学習済みTensorFlow.jsモデルが殆ど用意されておらず、他のディープラーニングモデルからモデル生成が必要でした。 モデル変換には、tfjs_converterというスクリプトを使います。TensorFlow.jsをインストールすると、同梱されており、使用方法は公式GitHubにあります。 現在、TensorFl

#TensorFlow#html5#javascript 2018.10.11
VIEW

TensorFlow.js学習済みモデルによる推論を実行

TensorFlow.jsを試す 以前の投稿で、PythonやC言語などで実行可能なTensorFlowのセットアップ手順を紹介しておりますが、今回は、Javascriptで実行するTensorFlow.jsを動かしてみた手順をまとめます。 TensorFlow.js TensorFlow.jsは、Webブラウザ上で機械学習のモデルの構築、学習、学習済みモデルの実行などが可能にな

#TensorFlow#html5#javascript 2018.10.10
VIEW

Raspberry Pi 3 Model B+ セットアップ

最新モデルでセットアップ手順を検証 以前の投稿から、ソフトウェアやハードウェアのバージョンをアップデートして、セットアップ手順をまとめます。セットアップ手順のまとめなので、Raspberry Pi上の環境構築までを説明します。 システム要件 システム要件は、以下の通りです。 シリアル通信、OSC通信、WEBサーバ、WebSocket通信を搭載する 各種アプリケーション

#RaspberryPi#Node 2018.09.28
VIEW

Web Bluetooth APIでBLE通信

WebブラウザでBLE通信 今回はWeb Bluetooth APIを利用して、PCのWebブラウザとRaspberry Piの間でBLE通信をしてみたいと思います。 BLE通信とは BLEとはBluetooth Low Energyの略で、Bluetoothのバージョン4.0以降のものを指します。 従来の規格に比べて、省電力かつ省コストで通信や実装を行うことができます。バージ

#Bluetooth#javascript#RaspberryPi 2018.09.25
VIEW

Webカメラで人検知センサーをつくる

今回はwebカメラベースの人検知センサーを実装していきます。 openFrameworks上でopenCVの輪郭抽出を使って実装しました。 openCvとは 実装に移る前にopenCvについて説明していこうと思います。 openCvは、コンピュータビジョンのオープンソースライブラリーです。 大きく分けて、イメージプロセッシング系とディテクション系の機能を提供しています。 イメー

#OpenCV#openFrameworks 2018.04.17
VIEW

Cordovaハイブリッドアプリの作り方 #3

前回で、既存のPluginを追加したアプリの作製ができるようになりました。 今回は、Pluginを自作して、取り込み、目標のアプリ完成を目指します。 Plugin作製 近接センサのみを利用するPluginが存在してなさそうだったので、作ってみました。今回はAndroid対応のみです。 Cordova documentでは、Plugin Developmentを参考に進めます。更に、

#Android#Cordova#HybridApp#java#javascript 2018.04.11
VIEW