vue.js まとめ ライブラリ

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

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

 

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

Vue.jsでスクロールの進行状況プログレスバーを実装する「vue-read-progress」

vue-read-progressは、ページのスクロールの進行状況をプログレスバーで表示できるコンポーネントライブラリです。

 

【動画サイズ:1.6MB】

 

 

記事はコチラ

 

 

Vue.jsでTwitterのような文字数カウントサークルを実装する「vue-twitter-counter」

vue-twitter-counterは、Twitterのような文字数をカウントして更新する円状のプログレスバーを実装できるコンポーネントライブラリです。

 

【動画サイズ:240KB】

 

記事はコチラ

 

 

Vue.jsでスクロールしてもついてくるスティッキー要素を設定する「vue-sticky」

vue-stickyは、画面をスクロールした際に、指定した箇所に要素が固定されてついてくるdirectiveライブラリです。

 

【動画サイズ:10KB】

 

記事はコチラ

 

 

Marqueeタグのようなスクロールアニメーションを実装する「vue-marquee-text-component」

vue-marquee-text-componentは、Marqueeタグのようなスクロールアニメーションを実装するコンポーネントライブラリです。
スクロールの速さや回数を設定することが可能です。

 

【動画サイズ:182KB】

 

記事はコチラ

 

 

Vue.jsでチェスゲームを閲覧するためのライブラリを実装する「vue-pgn」

vue-pgnは、チェスゲームを閲覧するためコンポーネントライブラリです。

chess.jsを内部で機能させています。
これによりチェスの移動の生成/検証、駒の配置/移動、およびチェック/チェックメイト/ステイルメイトの検出を行っています。

 

【動画サイズ:374KB】

 

記事はコチラ

 

 

Vue.jsで@メンション、#ハッシュ、URLにハイライト表示をする「vue-highlights」

vue-highlightsは、入力したテキストの@メンション、#ハッシュ、URLにハイライトさせるライブラリです。

内蔵された関数を使用すると、ハイライトした箇所にBlankされたリンクが設定されたHTMLを取得することが可能です。

 

【動画サイズ:31KB】

 

記事はコチラ

 

 

Vue.jsでCookieを操作する「vue-cookies」

vue-cookiesは、Vue.jsでcookieを操作するライブラリです。

Cookieの追加はもちろん削除やタイマーを設定することも可能です。
ブラウザが持っているCookieの一覧を取得することもできます。

 

【動画サイズ:108KB】

 

記事はコチラ

 

Vue.jsで配置図を実装する「vue-dag」

vue-dagは、Vue.jsを使って配置図を実装するコンポーネントライブラリです。

 

【動画サイズ:120KB】

 

記事はコチラ

 

Vue.jsで国際電話の入力補助する「vue-tel-input」

vue-tel-inputは、国際電話の入力補助するコンポーネントライブラリです。

 

【動画サイズ:295KB】

 

記事はコチラ

 

 

8月へのつぶやき

アクセス数

2020年8月のアクセス数は、前月に比べて11%の減少でした。
減少傾向が止まらないですね・・・

検索順位の落ち込みから、新規ユーザーの流入が減り続けてます。
順位を上げるには、コンテンツの充実うんぬんではなく、E-T-Aへの施策を考えなきゃなのかなあ
う~む・・・

 

 

前月のまとめ記事

Vue.jsライブラリ記事まとめ7月
おすすめ!【2020年7月】Vue.jsライブラリ記事まとめ

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

続きを見る

 

  • この記事を書いた人

カバノキ

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

-vue.js, まとめ, ライブラリ
-,