Nuxt.js

Nuxt.js

Nuxt.jsのバージョンを確認する方法!

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

Nuxt.jsの開発環境をDockerで作成する方法!

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

Nuxt.jsでローディング(Loading)画面を実装する!

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

Nuxt.jsでMoment.jsを使ってみた

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

Nuxt.jsでpluginを使ってみた(郵便番号検索)

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

[Nuxt.js]axiosをnuxtで使う方法とproxyでのCROS制約回避

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

[Nuxt.js]nuxtでvuexを使ってみた

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

[Nuxt.js]nuxtでcomponentにデータを渡す時はpropで!

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

nuxtにpugを入れてみた。

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

nuxtで画面遷移時のパラメータ受け渡し(params, query)

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

nuxt+vuetifyのディレクトリ構成を確認。

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