nuxt.jsNuxt.jsでスクロールアニメーションを入れる- ライブラリ Animated on Scroll (AOS) 明けましておめでとうございます。 フロントエンドエンジニアリングを勉強する前はjQuery多用ユーザーだったので、VueではjQuery使わないの?えっじゃあアニメーションとかコーディングしなきゃいけないの!?と慌てふためく脆弱エン...2023.01.01nuxt.jsプログラミング
nuxt.jsNuxt.js でsanitize(サニタイズ) Nuxt.jsでv-htmlを使用したら,xss 脆弱性を招くのでご遠慮くださいと怒られました。 WARN Compiled with 1 warnings ...2022.12.31nuxt.jsプログラミング未分類
nuxt.jsNuxtにSass-loaderを導入する NuxtだってScssを使いたい。というわけで入れます。 Webpack確認 今回Nuxt2系(v2.15.8)を入れたのですが、Webpackはデフォルトでv4が入るのでしょうか。sass-loaderのv11.0.0以降は...2022.12.23nuxt.jsプログラミング
JavaScript[Nuxt.js]フィルターを作成する Nuxtのファイル構成を意識したNuxt.jsでのフィルターの作成方法です。Vueのやり方だと上手く行かなかったため、備忘録。 グローバルフィルター pluginsディレクトリ内にjsフォルダを作成し、どのページでもフィルタが読み込める...2021.07.12JavaScriptnuxt.jsプログラミング
nuxt.js[Nuxt.js]AccuWeatherのAPIを使ってお天気アプリを制作 Nuxt.jsでAPIを使う修行を自分に課していました。というわけで、今回はお天気アプリです。 トップページのカードに、このように表示させます。 取ってきている情報自体は、任意の場所のその日のお天気と気温(と日付)だけな...2021.07.07nuxt.jsVuetifyプログラミング
nuxt.js[Nuxt.js]componentsのButtonを使ってDeleteボタンDeleteBtnを実装 いつもお世話になっております。 最近アトミックデザインなるものを覚えたのですが、具体的な使い方がピン…!と来ていませんでした。 componentsをatomsやorganismsに分けるのはわかるんですけどmoleculesっ...2021.06.29nuxt.jsVuetifyプログラミング
ESLint【Nuxt.js】console.logでWarning :Unexpected console statementが出たときの対処法 .eslintrc.jsにrules: { 'no-console': 'off', を追加してもエラーが消えないよ!という時はyarn lint(npm run lint)しましょう2021.06.11ESLintnuxt.jsプログラミング
プログラミング[Mac] Nuxt.jsによるVue.js開発環境 その①Node.jsをインストール(anyenv + nodenv) いつもお世話になっております。仕事でVue.jsを使うことになったのですが、当方、Vue.jsどころか Nuxt.jsもjavascript も全然使ったことのない、デザイナー上がりのディレクターです。こりゃやばいぞ…!ということで、備忘録...2021.05.21プログラミング