addEventLitenerとは

この記事はMojirageアドベントカレンダーの8日目の記事です。
matatsuna.hatenablog.com

addEventLitener

今まで、Processingでイベントがマウスだけだと思っていたので、この存在はかなりびっくりした
DOMの要素それぞれにイベントをつけることができる
そのつけれるイベントもクリックだけではなく、たくさんある
developer.mozilla.org
これから使いこなしていきたい

mouse,touch,pointer,mspointer

この記事はMojirageアドベントカレンダーの9日目の記事です。
matatsuna.hatenablog.com

今回最も悩まされたのがこのタッチ関係のイベントの使い分けです
腹が立つ事に、実装中にブラウザの仕様が変わりアップデートすると使えなくなるということが頻発した

mouse

文字通りマウスを使ったときに呼ばれる

touch

手でタッチしたときに呼ばれる

pointer

penなどを使った時によく呼ばれるが、画面の入力すべてに対応する予定らしい

msPointer

Windows系の一部で使われているイベント闇

上のものは同時に呼ばれることが最近多い(touchとpointerが同時に呼ばれる)ので、よく注意して使い分けないと行けない
touchの挙動についてはここを参考にデバッグした
app.codegrid.net

また、monitorEventとにらめっこをいっぱいした
developers.google.com
qiita.com
タッチを反応させる描画領域に指定して、全部のイベントを監視した

fetchとは?

この記事はMojirageアドベントカレンダーの7日目の記事です。
matatsuna.hatenablog.com

fetch

ajaxを使うためだけにjqueryを使ってたりしてたが、それがいらないほど便利な関数。
しかもPromiseと同じような構造をしていて、$.ajaxよりもシンプルかつ強力
ちなみに、ほとんどのブラウザが対応している(IE除く)
https://caniuse.com/#search=fetch

この記事にはとっても毎回お世話になっている
qiita.com

注意したいのは、phpでセッションを使ってるときは、クッキーを使っているので credentials: 'include' を含めないと行けない
これは超ハマったポイント