毎日は見てられない人向けの2020年11月のVue.jsライブラリの紹介記事まとめです。
目次
Vue.jsライブラリ リンク集
Vue.jsで楽しくスクラッチできるコンポーネントを実装する「vue-scratchable」
vue-scratchableは、コンポーネントを楽しくスクラッチできるようにするライブラリです。
実装が簡単で、スクラッチ可能領域のパーセント値の計算をすることもできます。
ブラシの形状を指定するオプションが用意されているので、ブラシのカスタマイズをすることも可能です。
【動画サイズ:114KB】
Vue.jsで本をめくるよな画像Viewerを実装する「flipbook-vue」
flipbook-vueは、まるで本をめくるように画像を切替えることができるViewerコンポーネントライブラリです。
2対の画像を1ページとして表現しています。
これにより本のようなページ構成を実現しています。
画像を拡大する機能も搭載されています。
オプションでページめくりの向きを変更することが可能です。
ココがポイント
- 本のようなめくりアニメーション
- 画像の拡大機能
- ページめくりの向き変更
【動画サイズ:456KB】
Vue.jsでトーナメント表を実装する「vue-tournament-bracket」
vue-tournament-bracketは、トーナメント表を実装することができるVue.js用コンポーネントライブラリです。
slotを使って、独自のタグを設定する事が可能です。
3位決定戦のような表記ができます。
ココがポイント
- Vue.js用のライブラリ
- トーナメント表を実装
- 3位決定戦みたいなものも実装可能
Vue.jsで折りたたみテキストを実装する「vue-truncate-collapsed」
vue-truncate-collapsedは、特定の文字数で折りたたむテキストを実装するコンポーネントライブラリです。
展開するときのテキストをコンポーネント毎に設定することも可能です。
【動画サイズ:146KB】
前月のまとめ記事
おすすめ!
-
-
【2020年10月】Vue.jsライブラリ記事まとめ
毎日は見てられない人向けの2020年10月のVue.jsライブラリの紹介記事まとめです。