#Nuxt

Nuxt」に関する記事一覧

こんにちは、コウジです! Nuxt.jsでgenerateするとルーティング上のファイルをすべて生成されてしまうので、困ることってありませんか? たとえば開発環境だけ管理画面を使えるようにするために/adminのようなルーティングが設定されているなど。 必要ないファイルを生成しない方法を紹介します。 Nuxtのgenerateをフックして生成ファイルを制御 このブログはNux...
Nuxtを使っていてグローバルなイベントをPubSubしたいという機会がありました。 Vue.jsでのPubSub Vue.jsでは下記のように$onと$emitが用意されています。 インスタンスの$onと$emitを使うことでEventEmitterのようなライブラリを使うことなく、イベントの発行と購読を行うことができます。 import Vue from 'vue'...
Nuxt.jsでlocalStorageを使って簡単な計算機アプリを作ってみました。 データベースは使わずすべてのデータはlocalStorageに保存しました。 今回はじめてNuxt.jsでlocalStorageをあわせて使ったので、どういう風に使うかを書きます。 作ったアプリはこちらです。
Nuxt2(nuxt-edge)に移行してビルド時間が改善されてとても快適になりました。 ですが移行するとTypeScriptとMarkdownのコンパイルがエラーになってしまい、結構ハマりました。 Githubの方でissueやPull Requestが出ていたので、直に修正されるかと思いますがエラーに対応した方法を記載します。 Nuxt2(nuxt-edge)でTypeScr...
Nuxt.jsのページ作成はVueのコンポーネントを組み合わせて作っていきます。 ただページによってはコンテンツ部分はマークダウンにしたいこともありますよね。 そんなにニーズに合わせてマークダウンを使う仕組みはありますが、ショートコードが使えない・・。 マークダウンでコンテンツを作っていると、ショートコードが使いたくなってしまうので、使える方法を探してみました。 マークダウンで...
Vue.js大好きマンなのにNuxt.jsは触ったことない・・。 これでは時代に乗り遅れるぞ!ということで、どんなものかとNuxt.jsを触ったら面白くて勢いで自分のホームページを作り変えてしまった。 Nuxt.jsはVue.jsを単体で使うのと何が違うのか? これ僕自身がNuxt.js使うまで思っていたことで、Vue.jsは好きだけどNuxt.jsは使ったことがないって人は同じ...
Nuxt.jsを身につけたい!
Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発