無線LAN規格の一種.
IEEE 801.11を満たし、更にWi-Fi allianceの認定を受けたもの.
Wi-Fi - Wikipedia
(たぶん)Wi-Fi通信に必要な素子を組み立て、入出力を持った単体のモジュールに仕立てたもの.
このサイトに内部構成っぽいものがのってる.
www.rohm.co.jp
ESP-WROOM-02
akizukidenshi.com
なんと、Wi-Fiを送受信するだけでなく、GPIOからの入出力を処理したりもできる.
簡単なIoTならこいつに処理と無線送信を一括で任せられるぜ.
我々は脳で感じ、考え、運動の指令を出している。
もし運動の指令を出す脳部位がわかったとする。その部位を外部から活性化すれば、運動を強制できるのではないか。
ネズミを用いた実験でこれが実証された。
動画ここクリック、必見
論文:
Identification of a Brainstem Circuit Regulating Visual Cortical State in Parallel with Locomotion.
Neuron. 2014.
A. Moses Lee, et al..
思いつきでガリガリ書いていたプログラムが、案外いい感じになり、リファクタリングしたくなった.
保守という概念を覚える前に書いたコードを、保守出来るようにしたい.
こんなとき、どうすりゃいいのだろう.
コードの保守・機能追加をするために、コードを綺麗()にすること.
プログラムの振る舞いを変えずに、内部を書き換えること.
そのためには、プログラムの振る舞いが明確でなければならない.
プログラムの振る舞い = 入力に対する出力.
内部状態を持ってることもある.
スパゲッティすぎて書き直した方が速いんでない？もありうる.
プログラムの振る舞いを定義すること.
Multifunctional soft implants to monitor and control neural activity in the central and peripheral nervous system: A review
Z. Feketea, b, , , A. Pongrácza, b
Sensors and Actuators B: Chemical, 2017.
素材科学・微細加工の発達により、様々な脳インプラントが開発されている.
その例を取り上げ、近年の発展ポイントをまとめている総説.
・今回初めて知ったこと
d3.js version 4における、Eventの使い方・原理まとめ.
DOM living standardにおける、addEventListener()にselection.on()が対応する.
.on(typenames[, listener[, capture]])
typenames = click[.optionalName][ otherEvent]
typenameの後に、".potionalName"の形で名前を付けられる.
単一typenameイベントに対し、複数のイベントリスナをつける場合、違う名前で登録する(click.foo, click.bar)
また、同時に複数のtypenameに対しイベントリスナを付加できる。"click drag"みたいな形で、空白を入れて登録.
listenerの引数
listener(d, i, nodes)
thisはcurrent_DOM_element
being passed the current datum (d), the current index (i), and the current group (nodes), with this as the current DOM element.
Eventはなんと、listenerへ明示的には渡されない！！
d3.Eventオブジェクトを介してアクセスする(なんとなく気持ち悪い)
d3.Eventは、eventListenerが動いている間、届いたDOMEventになっている。listenerが終了すると、リセットされる.
To access the current event within a listener, use d3.event.
...
This is set during the invocation of an event listener, and is reset after the listener terminates.
Dragビヘイビアはオブジェクトであり、関数でもある.
d3.drag()がコンストラクタ.
drag(selection)またはselection.call(drag)で特定の要素へ結び付けられる.
The returned behavior, drag, is both an object and a function, and is typically applied to selected elements via selection.call. d3.js API reference
drag.on(typename[,listener])
The type must be one of the following:
- start - after a new pointer becomes active (on mousedown or touchstart).
- drag - after an active pointer moves (on mousemove or touchmove).
- end - after an active pointer becomes inactive (on mouseup, touchend or touchcancel).
the current datum d and index i, with the this context as the current DOM element.
たぶん（精査してないけど）d3.dispatchを利用した、自作Eventがdragの正体.
dragがEventで、drag.onがsekection.onに相当しているはず.
referenceにもそれっぽいこと書いてあったから、暇があったら精査.
あと, 自作イベントの必要性も要精査.
配列から特定の要素を乗り除く (例. [a, b, X, d] -> [a, b, d]) 方法を複数紹介する。
EcmaScript2016で新登場した、Array.filterメソッドを利用する方法.
// ary配列から3を除去する. let ary = [1,2,3,4,5]; let filtered = ary.filter((element) => element!==3); console.log(filtered) // [1,2,4,5]
filterメソッドは関数を引数に取る.
関数は配列の要素を引数にとり、trueまたはfalseを返す関数.
trueを返した要素のみによる配列をfilterメソッドは返す.
例では、
function (element){ return (element!==3) } // の省略表記である (element) => element!==3
をfilterメソッドの引数に渡した.
elemnt!==3 は、elementが3ではないときにtrueと評価されるため、3がfilterで除かれた.
ポイント1: filterメソッドは元の配列を変化させないよ
filter は呼び出された配列を変化させません。MDN
ポイント2: 要素がオブジェクトでも、うまいことfilterできるよ
let ary = [ {name:Panda, year:20}, {name:Usagi, year:30}, {name:Gorira, year:40} ] //オブジェクトの配列 let filtered = ary.filter((obj) => obj.year < 40); console.log(filtered); // [ {name:Panda, year:20}, {name:Usagi, year:30} ] 年寄りゴリラが弾かれた
filterの引数が関数であるため、柔軟性がすごい.
filterメソッドでうまくfilterできないことはないんじゃないかな？
ES2016がなくても動く、昔ながらのやり口.
数年したら、不要なやり方になると思う、filterほど柔軟でもないし(完全一致を求められる).
Array.indexOf(): 引数と一致する要素が何番目か(index)を教えてくれる
Array.splice(): 配列をほどいて繋ぎなおす(スプライス)する関数. 除去する要素のindexを指定し、そこを除いて残りをつなぎなおす
Array.prototype.filterを積極的に使おう！
