毎日は見てられない人向けの2019年9月のVue.jsライブラリの紹介記事まとめです。
目次
Vue.jsライブラリ リンク集
「vuecsv」で配列をCSV形式でダウンロードする
vuecsvは、配列をCSV形式でダウンロードできるライブラリです。
option機能が搭載されており、改行コードを指定することができます。
画面に雪を降らせる「vue-niege」の使い方
vue-niegeは、画面に雪を降らせるライブラリです。
カウントダウンタイマーを「vuemodoro」で実装する
vuemodoroはカウントダウンタイマーコンポーネントです。
二種類のスタイルを備えておいます。
タイマーは、分秒の単位で設定することが可能です。
アコーディオンタブを「vue-bulma-accordion」で実装する
vue-bulma-accordionは、アコーディオンのタブを実装するライブラリです。
Bulmaベースのスタイルで実装します
1万件でも100万件でも「vue-virtual-scroller」でリストをスクロールする
vue-virtual-scrollerは、あらゆる量のデータを高速でスクロールできるライブラリです。
100万件のデータでも非常に軽いスクロールを実装することが可能です。（管理人テスト済み
高さの調整がシビアですが、そこさえクリアできればリストのタグに依存することなく、データ量に依存しない軽いスクロールが導入できます。
カレンダーページを「fullcalendar-vue」で実装する
fullcalendar-vueは、FullCalendarが配布しているVue.js用の公式カレンダーコンポーネントです。
FullCalendarは、Githubスター9000超え、Used by 18000超えのモンスターライブラリです。
ビューの表示が多義に渡り、月のビューから時間のタイムラインまで選択することができます。
日付のクリックイベントやドラックセレクトも行えます。
ホットキーのバインドを「v-hotkey」で実装する
v-hotkeyは、ホットキーをバインドするVue.js製のコンポーネントライブラリです。
[enter] や [ctra+a] などのキーボードを押した時にイベントを起動させることができます。
デフォルトのキーコードマップは、米国の標準キーボードに基づいています。
異なるレイアウトのキーボードを使用する開発者には、独自のキーコードエイリアスを提供します。
エイリアス名は単一の文字でなければなりません。
円形時計コンポーネントを「vue-clock」で実装する
vue-clockは、時計コンポーネントを実装するライブラリです。
円形の時計をホームページに設定することが可能です。
仮想数字キーボードを「numeric-keyboard」で実装する
numeric-keyboardは、モバイルブラウザーで機能する仮想数字キーボードコンポーネントライブラリです。
モバイルのシステムキーボードの代わりに、数字キーボードを出す仮想入力ボックスで、html5標準プロパティをサポートし、ネイティブ入力要素のように可能な限り動作する素敵なカーソルもあります。
ドロップダウンメニューを「v-selectmenu」で実装する
v-selectmenuは、Vue.js製のシンプルで簡単に実装することが可能なドロップダウンメニューコンポーネントです。
通常メニューはもちろん、複数グループタイプ、クイック検索を備える事が可能です。
マウスの右クリック（コンテキストメニュー）またはマウスを移動してメニューを呼び出すことも可能です。
ページガイドを「vue-page-guide」で実装する
vue-page-guideは、Vue.js製のページガイドコンポーネントライブラリです。
ガイドツールチップの向きのを設定可能なシンプルなライブラリです。
モバイルタッチスライダー「vue-awesome-swiper」の使い方
vue-awesome-swiperは、Vue.js用のハードウェアアクセラレーションを備えた最新のモバイルタッチスライダーです。
もともとは、SwiperというGithubスター2万超えのモンスター級ライブラリです。
最新のアプリ/プラットフォームのみに焦点を合わせて最高のエクスペリエンスとシンプルさを実現しています。
シンプルなスピナーを「vue-simple-spinner」で実装する
vue-simple-spinnerは、Vue.js製のシンプルなスピナーを実装するライブラリです。
色々な形のプログレスバーを「vue-progress-path」で実装する
vue-progress-pathは、色々な形のプログレスバーを実装できるVue.js製ライブラリです。
要素の外側のクリックを「vue-clickaway」で検出する
vue-clickawayは、モーダルウィンドウを閉じたりドロップダウン選択を非表示にしたりする時に要素の外側をクリックしたことを検出することができるライブラリです。
ドラッグスクロールを「vue-dragscroll」で実装する
vue-dragscrollは、マウスの左クリックで画面を掴んで、ドラッグスクロールすることを可能にするVue.js製ライブラリです。
ブラウザストレージの操作を「vue-ls」で行う
vue-lsは、ローカルストレージ、セッションストレージ、メモリストレージを操作するためのVueライブラリです。
フォーム入力を補助する「vue-text-mask」の使い方
vue-text-maskは、フォームの入力補助をするテキストマスク設定ライブラリです。
text-maskというGithub Star 7000を超えるライブラリのVue.js用コンポーネントです。
電話、日付、通貨、郵便番号、割合、電子メールなど入力マスクを設定することが可能です。
さいごに
9月はfullcalendarのライブラリを筆頭に、管理人が業務で使ったことがあるライブラリを中心に更新しました。
そろそろライブラリの記事数が100件を超えそうなので、カテゴリー別の一覧ページを作ろうと思っています。
詳しくはまたのちほど・・・
前月のまとめ記事
https://www.kabanoki.net/4661/