Nuxt.js

Advertisements
nuxt.js

Nuxt.jsでスクロールアニメーションを入れる- ライブラリ Animated on Scroll (AOS)

明けましておめでとうございます。 フロントエンドエンジニアリングを勉強する前はjQuery多用ユーザーだったので、VueではjQuery使わないの?えっじゃあアニメーションとかコーディングしなきゃいけないの!?と慌てふためく脆弱エン...
nuxt.js

Nuxt.js でsanitize(サニタイズ)

Nuxt.jsでv-htmlを使用したら,xss 脆弱性を招くのでご遠慮くださいと怒られました。 WARN Compiled with 1 warnings ...
nuxt.js

NuxtにSass-loaderを導入する

NuxtだってScssを使いたい。というわけで入れます。 Webpack確認 今回Nuxt2系(v2.15.8)を入れたのですが、Webpackはデフォルトでv4が入るのでしょうか。sass-loaderのv11.0.0以降は...
JavaScript

[Nuxt.js]フィルターを作成する

Nuxtのファイル構成を意識したNuxt.jsでのフィルターの作成方法です。Vueのやり方だと上手く行かなかったため、備忘録。 グローバルフィルター pluginsディレクトリ内にjsフォルダを作成し、どのページでもフィルタが読み込める...
nuxt.js

[Nuxt.js]AccuWeatherのAPIを使ってお天気アプリを制作

Nuxt.jsでAPIを使う修行を自分に課していました。というわけで、今回はお天気アプリです。 トップページのカードに、このように表示させます。 取ってきている情報自体は、任意の場所のその日のお天気と気温(と日付)だけな...
nuxt.js

[Nuxt.js]componentsのButtonを使ってDeleteボタンDeleteBtnを実装

いつもお世話になっております。 最近アトミックデザインなるものを覚えたのですが、具体的な使い方がピン…!と来ていませんでした。 componentsをatomsやorganismsに分けるのはわかるんですけどmoleculesっ...
ESLint

【Nuxt.js】console.logでWarning :Unexpected console statementが出たときの対処法

.eslintrc.jsにrules: { 'no-console': 'off', を追加してもエラーが消えないよ!という時はyarn lint(npm run lint)しましょう
プログラミング

[Mac] Nuxt.jsによるVue.js開発環境 その①Node.jsをインストール(anyenv + nodenv)

いつもお世話になっております。仕事でVue.jsを使うことになったのですが、当方、Vue.jsどころか Nuxt.jsもjavascript も全然使ったことのない、デザイナー上がりのディレクターです。こりゃやばいぞ…!ということで、備忘録...
Advertisements
タイトルとURLをコピーしました