2020.03.16

WebカメラとJavaScriptだけで高精度なまばたき検知を実現できた話

## 概要 ドライバーモニタリングシステムの展示などで睡眠検知のシステムをよく見かけます。 興味があったので自前で実装してみました。 以下のデモサイトでは睡眠検知と書きましたが、やっているのは ...More

2020.03.05

Vue.js / JavaScriptでスロットル(throttle)処理を実装する

## スロットルとは何か、なぜ必要なのか スロットル処理とは、絶えず流れてくるデータを一定間隔で間引く処理のこと。 60fpsのVideo Streamで毎フレーム顔認証を行うとすると、1秒間に6 ...More

2020.02.12

Vue.jsでIntervalをリアクティブに変化させるパターン

## 概要 setIntervalで何かをリアルタイムに描画している時、リアクティブにintervalを調整する技。 例として以下。 1. bpmを調節できるメトロノーム setInte ...More

2020.01.22

文章からパワハラを判定するサイトを作った

## サイト概要 暇だったのでパワハラ判定機を作った。 機能はシンプルで、文章をぶちこんだらそれがパワハラなのかそうでないのか分類してくれる。 あとSNSでシェアできる。 [出来上がったものはこち ...More

2020.01.17

[Vue warn]: Duplicate keys detected

## [Vue warn]: Duplicate keys detected `[Vue warn]: Duplicate keys detected: '0'. This may cause an ...More

2020.01.10

Vue.js(Nuxt.js)からwebsocketを扱う方法

## 準備 ```bash npm install websocket ``` ## 実装 vueファイルに以下記述 ```js import { w3cwebsocket } from ' ...More

2019.12.10

Vuexの使い方まとめ

## vuex vueアプリのステートパターンライブラリ Vueインスタンスにstoreと書くと、全ての子コンポーネントにstoreが注入される。 ```js Vue.use(vuex); cons ...More

2019.12.10

ReferenceError window is not defined

Nuxt.jsでDOM操作していたら`ReferenceError window is not defined`とエラー。 ## 原因 Nuxt.jsがvueファイルをサーバーサイドでレンダリングした ...More

2019.12.10

Vue.jsとFirebaseでログイン機能とユーザー情報保存機能を実装

## 概要 Vue.jsのアプリにFirebaseでログイン機能を追加し、ユーザーのデータをCloud Firestoreに格納するサンプルを作りました。 ## setup ```js import ...More

2019.12.10

Vue.jsで明示的にデータバインディング

問題はVue.jsからionicのwebコンポーネントを使って開発している時に起こった。 どうやらデータバインディングができていない。 ```js <template> <ion-item> < ...More

2019.12.10

Rails世渡り2【docker × Ruby on Rails × Vue.js】

![rails](//images.ctfassets.net/5jtbzi0687fj/3kHkHQgyrJ2jle3cJZCmXf/2936d8626afb38d48fd69d97438def3d ...More