シンプルなタグフォーム「Voerro Vue Tags Input v2」

Voerro Vue Tags Input v2は、typeaheadを使用したシンプルなタグフォームです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

シンプルなカウントダウンタイマー「vue-awesome-countdown」

vue-awesome-countdownは、豊富なスロットとメソッドを備えた超軽量なカウントダウンタイマーです。プロセス全体と予想される終了時間との間のエラーは、わずか1〜3ミリ秒と高精度を誇っています。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

Vue.js用のバリデーションで人気の「VeeValidate」の使い方

VeeValidateは、Vue.js用のバリデーションコンポーネントライブラリです。全部で27種類のバリデーションパターンを備えています。おそらくVue.js用のバリデーションでは最大の人気があります。Githubスター 6千超え、Used by 1万7千超えの超モンスター級に人気です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

フォームで選択した画像のプレビューが見れる「vue-img-preview」

vue-numeral-filterは、計算プロパティを作成したくない状況で数値形式のデータをフォーマットおよび操作するためのVue.jsフィルターライブラリです。もともとは Numeral.js というJavaScriptライブラリです。vue-numeral-filterは、Numeral.jsをVue.jsフィルターとしたライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

数値をフォーマットおよび操作する「vue-numeral-filter」の使い方

vue-numeral-filterは、計算プロパティを作成したくない状況で数値形式のデータをフォーマットおよび操作するためのVue.jsフィルターライブラリです。もともとは Numeral.js というJavaScriptライブラリです。vue-numeral-filterは、Numeral.jsをVue.jsフィルターとしたライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

始めにボヤっと表示される lazy load「vue-progressive-image」

vue-progressive-imageは、読み込み始めはボヤッとしてから表示される lazy load ライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

文字サイズがヌルヌルのレスポンシブ「vue-responsive-text」で遊んでみた

vue-loading-overlayは、ローディングオーバーレイを実装できるコンポーネントライブラリです。実装方法が、わかり易く、非常に容易な点が優れています。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

導入しやすいローディングオーバーレイ「vue-loading-overlay」の使い方

vue-loading-overlayは、ローディングオーバーレイを実装できるコンポーネントライブラリです。実装方法が、わかり易く、非常に容易な点が優れています。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

ボディのスクロールをロックする「v-scroll-lock」の使い方

v-scroll-lockは(modal / lightbox / flyouts / nav-menus)等のスクロールを中断することなくボディのスクロールをロックするライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

割と使われているカルーセルスライダー「vue-carousel」を使ってみた

vue-carouselは、Vue.js製のカルーセルスライダーを実装するコンポーネントライブラリです。Githubのスターが1000を超えていいて、Used byも3000超えているので割と使われているライブラリです。オートプレイはもちろん、ページネーションの設定を行うことも可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

自動でスクロールされるリストを「vue-seamless-scroll」で実装する

vue-seamless-scrollは、自動でスクロールされるリストをシンプル実装できるVue.js製ライブラリです。縦の上下スクロールだけでなく、横のスクロールも行うことが可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

12種類のフィルター処理を「vue2-filters」でサクッと一括で実装する

vue-text-maskは、フォームの入力補助をするテキストマスク設定ライブラリです。text-maskというGithub Star 7000を超えるライブラリのVue.js用コンポーネントです。電話、日付、通貨、郵便番号、割合、電子メールなど入力マスクを設定することが可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

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

vue-text-maskは、フォームの入力補助をするテキストマスク設定ライブラリです。text-maskというGithub Star 7000を超えるライブラリのVue.js用コンポーネントです。電話、日付、通貨、郵便番号、割合、電子メールなど入力マスクを設定することが可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

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

vue-lsは、ローカルストレージ、セッションストレージ、メモリストレージを操作するためのVueライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

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

vue-dragscrollは、マウスの左クリックで画面を掴んで、ドラッグスクロールすることを可能にするVue.js製ライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

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

vue-clickawayは、モーダルウィンドウを閉じたりドロップダウン選択を非表示にしたりする時に要素の外側をクリックしたことを検出することができるライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。