毎日は見てられない人向けの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ライブラリです。
６つのブレークポイントが予め提供されています。
またカスタムブレークポイントを設定することも可能です。
【動画サイズ：18KB】
5月へのつぶやき
アクセス数
2020年5月のアクセス数は、前月に比べて20%の大減少でした。
２ヶ月連続の減少はさすがにメンタルやられました。
思わず記事を書く手が止まってしまいました。
今月の頭からGoogleが大規模のコアアップデートを行った影響で、平均順位が激下りしました。
おそらくですが、Googleが新たに発表した新指針が影響しているのかなと考えています。
現在は、コンテンツよりもCLSなどのサイト構成に重きを置かれているように感じます。
はてなブログとかQiitaとかが優先して上に上がっているように感じるのは、この部分が影響しているのかなと思いました。
サイトの変化
Googleの新指針に合わせて、当ブログのテーマを変更しました。
以前のテーマも気に入っていたのですが、カスタマイズしすぎてアップデートできなくなってしまったので・・・
新しく「Affinger」を使用することにしました。
これでスマホも爆速だぞー！
・
・
・
あれ、あまり変わらない・・・むしろおそ・・・
というわけで、またテーマを魔改造しました！
これで変わらず、アップデートできなくなりましたね・・・
ここだけの話ですが、ソースコードなど記載するブログとして扱うと、不具合？不都合多いです。
その部分のカスタマイズ方法などもそのうち記事にしようと思います。
今日はこの辺でー
前月のまとめ記事
-
-
【2020年4月】Vue.jsライブラリ記事まとめ
毎日は見てられない人向けの2020年4月のVue.jsライブラリの紹介記事まとめです。