2020.03.18

JavaScriptのswitch文の使い方

switch文は時にifより読みやすい。その辺は感覚で選べばいいと思う。 switch文はそのままだと「caseにマッチしたところから処理を開始する」だけなので、breakを書かないと下に書いてある ...More

2020.03.16

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

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

2020.03.12

JavaScriptで座標間の距離を求める

JavaScriptで座標間の距離を求める ## ノルムとは > [解析学](https://ja.wikipedia.org/wiki/解析学)において、**ノルム** ([英](https:/ ...More

2020.03.05

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

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

2020.03.05

JavaScriptで文字列を含むかどうか判定する時のベストプラクティス

文字列の中に特定の文字列が含まれているかどうか確認したい時、indexOfを使う人が多い。 ```js const str = 'あいうえお' if ( str.indexOf('あいう') != ...More

2020.03.04

JavaScriptのfor...in文を使うときに気をつけること【Possible iteration over unexpected (custom / inherited) members】

## for...in文 JavaScriptでは、for...inを使うとオブジェクトのプロパティ(キー)でループできる。 ```js const expressions = {happy: 1, ...More

2020.03.13

webでいろんなリップを試せるアプリを作ったので知見をメモ

## 概要 作ったものはこちら(https://touchlip.koatech.info/) 対面カメラやアップロードした画像に対し、色々なリップを合わせることができます。 こういったソリュー ...More

2020.02.17

Canvas APIを使ってWebでグラフィックを描画したり加工したりする

## canvas APIとは htmlのcanvas要素のこと。 ```html <canvas id="canvas"></canvas> ``` canvasの上にはJavaScriptで ...More

2020.01.13

jsとpython3のmapとfilter、包括表記が何で速いかみたいな話

## map, filter mapは配列の数を変えずに内容を書き換える。 filterは配列の内容を変えずに数を変える。 これらを使うと単純にforEachするよりも読み手に目的が伝わりやすい ...More

2019.12.12

【JavaScript】mapの中で非同期関数を呼ぶ

## 結論 ```javascript await Promise.all( array.map((i) => { return await api.call(i) }) ); `` ...More

2019.12.10

Typescriptでジェネリックを活用する

## TypeScriptのジェネリックとは ジェネリックとは、型を抽象化する機構を指す。 Typescriptでは、型引数を使用して、どんな型でも受け取れる関数やクラスを実現することができる。 ...More

2019.12.10

ReferenceError window is not defined

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

2019.12.10

x.map is not a function

## mapができない 配列に対してmapしたはずなのに x.map is not a function と怒られることがある。 ```js document.getElementsByTagNam ...More

2019.12.10

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

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

2019.12.10

JavaScriptで自動テスト導入

## そもそもなぜテストを書くか 個人で開発をしていると中々やらないのかなという印象です。 プログラムが意図した挙動になっているかを確認するのがテストですが、テストを書くことはそれ以上の意味を持ちます ...More

2019.12.10

JavaScriptのプリミティブ型とラッパーオブジェクト

![javascript](//images.ctfassets.net/5jtbzi0687fj/6zs5XBQE12rjqY45jxPIfV/028215f3157bc014e90a6926a53 ...More

2019.12.10

JavaScriptでオブジェクト配列のグルーピング

## サンプルコード オブジェクト配列をあるプロパティでグルーピングしたい時のサンプル。 ```js const groupBy = (array, property) => { return a ...More

2020.03.06

【JavaScript】これだけ知っておけばいいスプレッド演算子

## 概要 JavaScriptのドット3つ、もといスプレッド演算子の便利な使い方をご紹介。 「スプレッド」という名前の通り、配列やオブジェクトの中身を展開するような使い方をする。 > スプレッド構 ...More

2019.12.10

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

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

2019.12.10

Node.jsでスクレイピング

## 実行環境 ```javascript $ node -v v8.12.0 $ npm -v 6.4.1 ``` ## install ライブラリはcheerio-httpcliを用いる。 下記コ ...More