nuxt.jsNuxt.jsでスクロールアニメーションを入れる- ライブラリ Animated on Scroll (AOS)
明けましておめでとうございます。 フロントエンドエンジニアリングを勉強する前はjQuery多用ユーザーだったので、VueではjQuery使わないの？えっじゃあアニメーションとかコーディングしなきゃいけないの！？と慌てふためく脆弱エン...
Nuxt.js
nuxt.jsnuxt.jsNuxt.js でsanitize(サニタイズ)
Nuxt.jsでv-htmlを使用したら,xss 脆弱性を招くのでご遠慮くださいと怒られました。 WARN Compiled with 1 warnings ...
nuxt.jsNuxtに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 も全然使ったことのない、デザイナー上がりのディレクターです。こりゃやばいぞ…！ということで、備忘録...