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

2019年10月1日

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

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

 

 

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

「vuecsv」で配列をCSV形式でダウンロードする

「vuecsv」でCSVをダウンロードする 20

 

vuecsvは、配列をCSV形式でダウンロードできるライブラリです。
option機能が搭載されており、改行コードを指定することができます。

>>記事はこちら

 

画面に雪を降らせる「vue-niege」の使い方

「vue-niege」で画面に雪を降らせる

 

vue-niegeは、画面に雪を降らせるライブラリです。

>>記事はこちら

 

カウントダウンタイマーを「vuemodoro」で実装する

「vuemodoro」でカウントダウンタイマーを実装する 9

 

vuemodoroカウントダウンタイマーコンポーネントです。
二種類のスタイルを備えておいます。
タイマーは、分秒の単位で設定することが可能です。

>>記事はこちら

 

アコーディオンタブを「vue-bulma-accordion」で実装する

「vue-bulma-accordion」でアコーディオンタブを実装する

 

vue-bulma-accordionは、アコーディオンのタブを実装するライブラリです。
Bulmaベースのスタイルで実装します

>>記事はこちら

 

1万件でも100万件でも「vue-virtual-scroller」でリストをスクロールする

1万件でも100万件でも「vue-virtual-scroller」でリストをスクロールする

 

vue-virtual-scrollerは、あらゆる量のデータを高速でスクロールできるライブラリです。
100万件のデータでも非常に軽いスクロールを実装することが可能です。(管理人テスト済み
高さの調整がシビアですが、そこさえクリアできればリストのタグに依存することなく、データ量に依存しない軽いスクロールが導入できます。

>>記事はこちら

 

カレンダーページを「fullcalendar-vue」で実装する

カレンダーページを「fullcalendar-vue」で実装する 0

 

fullcalendar-vueは、FullCalendarが配布しているVue.js用の公式カレンダーコンポーネントです。
FullCalendarは、Githubスター9000超え、Used by 18000超えのモンスターライブラリです。
ビューの表示が多義に渡り、月のビューから時間のタイムラインまで選択することができます。
日付のクリックイベントやドラックセレクトも行えます。

>>記事はこちら

 

 

ホットキーのバインドを「v-hotkey」で実装する

ホットキーのバインドを「v-hotkey」で実装する 14

 

v-hotkeyは、ホットキーをバインドするVue.js製のコンポーネントライブラリです。

[enter][ctra+a] などのキーボードを押した時にイベントを起動させることができます。

デフォルトのキーコードマップは、米国の標準キーボードに基づいています。
異なるレイアウトのキーボードを使用する開発者には、独自のキーコードエイリアスを提供します。
エイリアス名は単一の文字でなければなりません。

>>記事はこちら

 

円形時計コンポーネントを「vue-clock」で実装する

円形時計コンポーネントを「vue-clock」で実装する 4

 

vue-clockは、時計コンポーネントを実装するライブラリです。
円形の時計をホームページに設定することが可能です。

>>記事はこちら

 

仮想数字キーボードを「numeric-keyboard」で実装する

仮想数字キーボードを「numeric-keyboard」で実装する

 

numeric-keyboardは、モバイルブラウザーで機能する仮想数字キーボードコンポーネントライブラリです。
モバイルのシステムキーボードの代わりに、数字キーボードを出す仮想入力ボックスで、html5標準プロパティをサポートし、ネイティブ入力要素のように可能な限り動作する素敵なカーソルもあります。

>>記事はこちら

 

ドロップダウンメニューを「v-selectmenu」で実装する

ドロップダウンメニューを「v-selectmenu」で実装する

 

v-selectmenuは、Vue.js製のシンプルで簡単に実装することが可能なドロップダウンメニューコンポーネントです。
通常メニューはもちろん、複数グループタイプ、クイック検索を備える事が可能です。
マウスの右クリック(コンテキストメニュー)またはマウスを移動してメニューを呼び出すことも可能です。

>>記事はこちら

 

ページガイドを「vue-page-guide」で実装する

ページガイドを「vue-page-guide」で実装する

 

vue-page-guideは、Vue.js製のページガイドコンポーネントライブラリです。
ガイドツールチップの向きのを設定可能なシンプルなライブラリです。

>>記事はこちら

 

 

モバイルタッチスライダー「vue-awesome-swiper」の使い方

モバイルタッチスライダー「vue-awesome-swiper」の使い方

 

vue-awesome-swiperは、Vue.js用のハードウェアアクセラレーションを備えた最新のモバイルタッチスライダーです。

もともとは、SwiperというGithubスター2万超えのモンスター級ライブラリです。
最新のアプリ/プラットフォームのみに焦点を合わせて最高のエクスペリエンスとシンプルさを実現しています。

>>記事はこちら

 

シンプルなスピナーを「vue-simple-spinner」で実装する

スピナーを「vue-simple-spinner」で実装する 10

 

vue-simple-spinnerは、Vue.js製のシンプルなスピナーを実装するライブラリです。

>>記事はこちら

 

色々な形のプログレスバーを「vue-progress-path」で実装する

色々な形のプログレスバーを「vue-progress-path」で実装する

 

vue-progress-pathは、色々な形のプログレスバーを実装できるVue.js製ライブラリです。

>>記事はこちら

 

要素の外側のクリックを「vue-clickaway」で検出する

要素の外側のクリックを「vue-clickaway」で検出する

 

vue-clickawayは、モーダルウィンドウを閉じたりドロップダウン選択を非表示にしたりする時に要素の外側をクリックしたことを検出することができるライブラリです。

>>記事はこちら

 

ドラッグスクロールを「vue-dragscroll」で実装する

ドラッグスクロールを「vue-dragscroll」で実装する

 

vue-dragscrollは、マウスの左クリックで画面を掴んで、ドラッグスクロールすることを可能にするVue.js製ライブラリです。

>>記事はこちら

 

ブラウザストレージの操作を「vue-ls」で行う

ローカルストレージの操作を「vue-ls」で行う

 

vue-lsは、ローカルストレージセッションストレージメモリストレージを操作するためのVueライブラリです。

>>記事はこちら

 

フォーム入力を補助する「vue-text-mask」の使い方

フォーム入力を補助する「vue-text-mask」の使い方 66

 

vue-text-maskは、フォームの入力補助をするテキストマスク設定ライブラリです。
text-maskというGithub Star 7000を超えるライブラリのVue.js用コンポーネントです。

電話、日付、通貨、郵便番号、割合、電子メールなど入力マスクを設定することが可能です。

>>記事はこちら

 

さいごに

9月はfullcalendarのライブラリを筆頭に、管理人が業務で使ったことがあるライブラリを中心に更新しました。

そろそろライブラリの記事数が100件を超えそうなので、カテゴリー別の一覧ページを作ろうと思っています。

詳しくはまたのちほど・・・

 

 

前月のまとめ記事

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

  • この記事を書いた人

カバノキ

印刷会社のWEB部隊に所属してます。 WEB制作に携わってから、もう時期10年になります。 普段の業務では、PHPをメインにサーバーサイドの言語を扱っています。 最近のお気に入りはJavascriptです。 Vue.jsを狂喜乱舞しながら、社内に布教中です。

-vue.js
-,