Nuxt.js

Nuxt.jsのバージョンを確認する方法について書いています。Nuxt.jsのバージョンを確認するコマンドを使用して、バージョンを確認する方法を書いています。プロジェクトディレクトリにインストールしたNuxt.jsのバージョンnpm lis...

Nuxt.jsの開発環境をDockerを使用して作ってみました。今回はNuxt.jsを動かすDocker環境の作り方と初期画面の表示までの手順を書いています。Nuxtのバージョンは2.15.8、Vueのバージョンは2.6.14の環境です。N...

Nuxt.jsでローディング(Loading)画面を実装する掲示板アプリでローディング画面を作成しました。ローディングは通信中にユーザーに待機してもらうための画面になります。本記事ではローディング画面を使う方法と独自のローディング画面の実装...

Nuxt.jsでMoment.jsを使ってみたNuxt.jsでMoment.jsを使ってみました。本記事では導入する手順と使い方について記載しています。載せているサンプルは日付変換と、現在日付取得、日付の加算・減算です。Moment.jsの...

Nuxt.jsでpluginを使ってみた（郵便番号検索）前回はaxiosをnuxtに導入して、郵便番号apiやqiita apiを動かしてみました。今回はnuxtで郵便番号検索プラグイン作ってみたので、自作プラグインの作り方を書いています。...

axiosをnuxtで使う方法です。nuxtでのaxiosの導入方法と、実際に使ってQiitaからデータを取ってきてみています。zipcloudという郵便番号サービスにアクセスを行うと、cros制約にかかったのでcros制約をnuxtで回避...

nuxtでvuex(store)を使ってtodoリストを作ってみました。サンプルコードと解説とかをのっけてます。vuexとは下記リンク先(公式？)に詳しく書いてますが、配列やオブジェクトなど、変数の状態変化をコンポーネントやページ間で共有で...

コロナで世の中大変ですね。通勤電車は人が少なくて、それだけはチョットいい感じです。。早く落ち着いてほしいなぁ・・・業務でnuxtやってますが、component間でデータを渡して変更したりするのにハマりました😇答えとしては、propsを使っ...

nuxtでpugを使ってみました。 インストール方法と、pugの使い方を簡単に記載しています。pugとはHTMLを効率的に書くためのテンプレートエンジンです。インデントに意味を持たせて、終了タグを省略したり、クラス属性を簡単につけれたり慣れ...

nuxtで画面遷移を試してみました。QueryパラメータとURLパラメータについて書いています。nuxtで画面遷移するときのパラメータ渡しnuxtで画面遷移する時には、URLに /test?name=hoge などで値を渡す、クエリパラメー...

前回作ったnuxtプロジェクト(ui:vuetify)のディレクトリ構成を確認してみました。ディレクトリ構成を確認してみた。ツリーで全体を確認poc-nuxt/ ▾ assets/ README.md variables.scss ▾ co...