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

カバの樹

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

毎日は見てられない人向けの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ライブラリの紹介記事まとめです。

続きを見る

 

  • B!