忘れないように記録しとこ

カバの樹

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

2020年6月1日

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

 

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

Vue.jsでTeamsやSlackみたいなメンションをテキストエリアに実装する「vue-mention」

vue-mentionは、TeamsやSlackみたいにメンションセレクト機能をテキストエリアに実装できるコンポーネントライブラリです。

「@」や「#」を使い分けることで、ユーザー検索やチケット検索などに切り替えることが可能です。

vue-mentionを使うには、「v-tooltip」のライブラリが必須です。

 

【動画サイズ:48KB】

 

記事はコチラ

 

 

Vue.jsでスクロール量をバーで表示する「vue-cobra」

vue-cobraは、ページのスクロール量をバーで表現することができるコンポーネントライブラリです。

良くあるウィンドウのトップにバーを表示することはもちろん、サイド側に表示することも可能です。

 

【動画サイズ:150KB】

 

記事はコチラ

 

 

Vue.jsでドラッグ可能なTreeを実装する「liquor-tree」

liquor-treeは、ドラッグ可能なTreeを実装することができるコンポーネントライブラリです。

豊富なオプションが用意されており、ちょっとしたカスタマイズにも柔軟に対応することがかのうです。
もちろん初期の導入も容易に行うことが可能です。

 

【動画サイズ:85KB】

 

記事はコチラ

 

 

Vue.jsでフリップ形式のカウントダウンタイマーを実装する「vue2-flip-countdown」

vue2-flip-countdownは、フリップ形式のカウントダウンタイマーを実装できるコンポーネントライブラリです。

 

【動画サイズ:24KB】

 

記事はコチラ

 

 

Vue.jsでtheadを維持したままスクロール可能なテーブルを実装する「vue-scrolling-table」

vue-scrolling-tableは、theadやtfootを固定して、中のデータだけをスクロールすることができるテーブルコンポーネントライブラリです。

いわゆるDate Tableと違って、普通のTableタグ(コンポーネント)を使っているので、既存のTableタグからの切り替えが容易に行えます。

 

【動画サイズ:225KB】

 

記事はコチラ

 

 

Vue.jsでiOSのネイティブピッカーのようなものを実装する「vue-smooth-picker」

vue-smooth-pickerは、iOSのネイティブ日付ピッカーのようなものを実装ですることができるコンポーネントライブラリです。

 

【動画サイズ:59KB】

 

記事はコチラ

 

 

Vue.jsでsyntax highlightエディタを実装する「vue-prism-editor」

vue-prism-editorは、Vue.jsを使ってPrism.jsのsyntax highlightが付いたエディタを実装するコンポーネントライブラリです。

またRead OnlyをOnにすることで、表示するだけにすることも可能です。

 

【動画サイズ:20KB】

 

記事はコチラ

 

 

画面サイズに合わせて要素を消してくれるVue.jsライブラリ「vue-not-visible」

vue-not-visibleは、画面サイズに合わせて要素を消してくれるVue.jsライブラリです。

6つのブレークポイントが予め提供されています。
またカスタムブレークポイントを設定することも可能です。

 

【動画サイズ:18KB】

 

記事はコチラ

 

 

5月へのつぶやき

アクセス数

2020年5月のアクセス数は、前月に比べて20%の大減少でした。

2ヶ月連続の減少はさすがにメンタルやられました。
思わず記事を書く手が止まってしまいました。

今月の頭からGoogleが大規模のコアアップデートを行った影響で、平均順位が激下りしました。
おそらくですが、Googleが新たに発表した新指針が影響しているのかなと考えています。

現在は、コンテンツよりもCLSなどのサイト構成に重きを置かれているように感じます。
はてなブログとかQiitaとかが優先して上に上がっているように感じるのは、この部分が影響しているのかなと思いました。

サイトの変化

Googleの新指針に合わせて、当ブログのテーマを変更しました。
以前のテーマも気に入っていたのですが、カスタマイズしすぎてアップデートできなくなってしまったので・・・

新しく「Affinger」を使用することにしました。
これでスマホも爆速だぞー!



あれ、あまり変わらない・・・むしろおそ・・・

というわけで、またテーマを魔改造しました!
これで変わらず、アップデートできなくなりましたね・・・

ここだけの話ですが、ソースコードなど記載するブログとして扱うと、不具合?不都合多いです。
その部分のカスタマイズ方法などもそのうち記事にしようと思います。

 

 

今日はこの辺でー

 

 

前月のまとめ記事

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

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

続きを見る

 

  • B!