JavaScript

Vuex で Action, Mutation に第3引数を渡したくなったら

こんにちは。ふっくんです。 Vuexを使用していて Action や Mutation に第三引数を渡したいときありますよね? 私は少しハマったのですが、結論から言うとAction や Mutation に第三引数は渡せません! ドキュメントにもちゃんと書いてますね。 API リファレンス · Vuex ストアにミューテーションを登録します。ハンドラ関数は第・・・続きを読む

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

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

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

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

Bootstrap4ドロップダウンで選択した項目をボタンに表示したい!

こんにちは!ふっくんです。 Bootstrapを使用してドロップダウンボタンを作って、選択した項目をボタンに表示させたい時ありますよね? こういうドロップダウンで「項目1」を選択すると、 こんな感じで。 Bootstrapの公式ページには、このような動作をするドロップダウンは用意されてなかったため、処理を書いてみました。 ちなみに、JavaScriptの処理・・・続きを読む

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

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