ES2015(ES6)

JavaScript filter関数を使用して条件に一致する要素で配列を生成する

こんにちは。ふっくんです。 前回は、 javascript の map 関数をご紹介しました。 JavaScript map関数を使用して必要な要素のみで配列を生成する 今回は、 javascript の filter 関数をご紹介します。 map 関数と filter 関数を使えば、javascriptで配列を扱う時にかなり楽になると思います。 filte・・・続きを読む

JavaScript map関数を使用して必要な要素のみで配列を生成する

こんにちは。ふっくんです。 今回は、 javascript の map 関数をご紹介します。 map関数の使い方 map関数で何ができるかというと 配列の全ての要素の中から必要な要素のみを取り出し、新たな配列を生成することができます! 例えば、以下のような連想配列があるとしましょう。 const animals = [ {‘id’: 1, ‘category・・・続きを読む

JavaScript でフォーカスの当たっているボタンなどからフォーカスを外す

ブラウザー上のボタンを押して HTML などでダイアログを描画した場合、ボタンが隠れていたとしてももともと押されたボタンにフォーカスが当たったままになっているため、 Enter キーなどを押すとまたボタンが押されたことになってしまい、イベントが再発してしまいます。 これを防ぐ方法を考えてみます。 対策 Enter キーでボタンの Click イベントが発火す・・・続きを読む

Koa.js v2 入門 2 ルーティング (koa-route/koa-router)

最近 Express.js から Koa.js に乗り換えました。 前回の記事 (Koa.js v2 入門 1 (async/await を使ったNode.jsの新しいWeb開発)) では Koa v2 の思想と最初のステップを見てきました。 今回は middleware のうち、たいていのアプリに不可欠なルーティング機能です。 ミドルウェアの一覧を確認 ル・・・続きを読む