Nuxt.js

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

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

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

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

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 ▾...