【2021年1月】Vue.jsライブラリ記事まとめ

毎日は見てられない人向けの2021年1月のVue.jsライブラリの紹介記事まとめです。

Vue.jsライブラリ リンク集

Vue.jsで増減ボタン付き数値入力コンポーネントを実装する「vue-numeric-input」

vue-numeric-inputは、増減するボタンが搭載された数値入力フィールドを実装するコンポーネントライブラリです。

最低値・最大値はもちろん、入力幅の設定も行うことが可能です。

長押しによる連続入力機能もあります。

【動画サイズ：88KB】

記事はコチラ

Vue.jsで範囲スライダー付きのヒストグラムを実装する「vue-histogram-slider」

vue-histogram-sliderは、範囲をスライダーで指定することができるヒストグラムコンポーネントライブラリです。

グラフの色付けなどのカスタマイズはもちろん、キーボードによる操作やドラッグによる拡大表示をすることも可能です。

【動画サイズ：273KB】

記事はコチラ

Vue.jsで動画も対応したライトボックスぽい機能を実装する「vue-silentbox」

vue-silentboxは、ライトボックスにインスパイアされて開発された、動画にも対応しているビューアコンポーネントライブラリです。

.mp4、.ogg、.webm、.mov、.flv、.wmv、.mkvの動画達に対応しています。
もちろんブラウザで使用できる画像はすべて対応しています。

【動画サイズ：468KB】

記事はコチラ

Vue.jsでサークルや棒のプログレスバーを実装する「svg-progress-bar」

svg-progress-barは、サークルや棒のプログレスバーを実装できるコンポーネントライブラリです。

【動画サイズ：127KB】

記事はコチラ

Vue.jsで画像リストに選択機能を実装する「vue-select-image」

vue-select-imageは、画像リストの画像をクリックして、選択した画像を取得できる機能が実装されるコンポーネントライブラリです。

単体の選択機能はもちろん、複数選択を行うこともできます。

【動画サイズ：331KB】

記事はコチラ

前月のまとめ記事