忘れないように記録しとこ

カバの樹

【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】

 

記事はコチラ

 

前月のまとめ記事

おすすめ!
【2020年12月】Vue.jsライブラリ記事まとめ

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

続きを見る

 

  • B!