vue-image-effectを利用して画像にエフェクトかける2020.02.13nuxt.jsnuxt.jsライブラリ「vue-image-effect」をインストールすると、画像に様座なエフェクトをかけることができます。vue-image-effectを利用するための手順と簡単な使い方を記述してます。下記のコマンドで構築。ここでは、nuxtappという名前でプロジェクトを作成してます。nuxtapp下記の設定で構築してます。v1.19.1外部IP許可localhostではなくプライベートIPを利用して接続して確認したいので、作成したプロジェクト配下にあるpackage.jsonに下記を追加します。"3000"}},vue-image-effectインストール下記のコマンドでインストールします。vue-image-effectv-avatar使い方pages配下にあるindex.vueを下記の通りに編集します。http://プライベートIP:3000にアクセスすると画像に、ちょっとしたフラッシュみたいエフェクトがかかっていることが確認できます。/>grayScaleさせる場合は下記となります。/></div>エフェクトは下記の通り、たくさんあります。)にデプロイする手順。2020.02.14ライブラリ「vue-highlight-words」をインストールすると、指定した文字列をハイライト表示することできます。Stickerを利用するとスッテカーのような動作が簡単に実装できます。2019.12.16mavon-editorをインストールして、マークダウンエディタの構築手順となります。簡単に構築でき、使いやすいので非常に便利です。v-forディレクティブを利用時にエラーが発生したので対処手順を記載。2019.11.27electron-nuxtの環境構築。nuxt-community/electron-templateを利用してインストールしてます。2020.02.13ライブラリ「timeline-vuejs」をインストールすると、タイムラインが簡単に実装が可能です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。