vue.js

「vue-js-toggle-button」を使ってswitch ボタンを実装する

「vue-js-toggle-button」は、switchボタンを実装するライブラリです。シンプルなAPIで容易に実装ができます。スイッチの大きさや色などのカスタマイズを行うこともできます。コピペで実装できるサンプルを公開してます。

  / /
vue.js

「vuejs-paginate」を使ってページネーションを実装する

「vuejs-paginate」は、ページネーションを実装するライブラリです。シンプルなAPIで提供されており、容易に実装することができます。CSSによってページネーションコンポーネントのスタイルをカスタマイズすることができます。コピペで実装できるサンプルを公開してます。

  / /
vue.js

「vue-shortkey」を使ってショートカットキーを実装する

「vue-shortkey」は、ショートカットキーを実装するライブラリです。ショートカットキーによりイベントもしくはフォーカスを設定することができます。コピペで実装できるサンプルを公開してます。

  / / / /
vue.js

「vue2-animate」を使ってtransitionのアニメーションを実装する

「vue2-animate」は、Vueの内蔵transitionにAnimate.cssを適用させてアニメーションを実装するライブラリです。アニメーションの種類は、Bounce、Fade、Rotate、Slide、Zoomで28種類あります。コピペで実装できるサンプルを公開してます。

  / / / /
vue.js

「vue-accordion」を使ってアコーディオンメニューを実装する

「vue-accordion」はアコーディオンメニューを実装できるライブラリです。キャッチの画像を背景にタイトルと本文で構成されたメニューを実装できます。コピペで実装できるサンプルを公開してます。

  / / / /
vue.js

「vue-upload-component」を使ってアップロードコンポーネントを実装する

「vue-upload-component」はファイルアップロードコンポーネントを実装できるライブラリです。ファイルアップロードコンポーネント、
マルチファイルアップロード、ディレクトリのアップロード、ドラッグアップロード、ディレクトリのドラッグ、同時に複数のファイルのアップロードを実装できます。コピペで実装できるサンプルを公開してます。

  / / /
vue.js

「Vue-multiselect」を使って万能なselectを実装する

「Vue-multiselect」はシングルセレクト、複数選択、タグ付け、ドロップダウン、フィルタリングが実装できるライブラリです。コピペで実装できるサンプルを公開してます。

  / / / / / / / /
vue.js

「vue-chartjs」でグラフやチャートを実装する

「vue-chartjs」はVue.js製のグラフやチャートを実装するライブラリです。元々は「Chart.js」というGithubのスター 40,000 を超えるグラフィカルチャートライブラリです。コピペで使えるサンプルを公開しています。

  / / / /
vue.js

「Vue-Quill-Editor」でリッチなテキストエディタを実装する

「Vue-Quill-Editor」はVue.js製のリッチテキストエディタを実装するライブラリです。元々は「Quill Rich Text Editor」というGithubのスター 20,000 を超えるリッチテキストエディタです。コピペで使えるサンプルを公開しています。

  / / /