Nuxt.js 【Nuxt.js】extractCSSを設定してCSSを外部ファイルに抽出する はじめに この記事ではNuxt.jsで使用するcssを外部ファイルに抽出するための設定方法を紹介します。 extractCSSを設定する Nuxt.jsではデフォルトではextractCSSがfalseに設定されています。 そのため、... 2019.10.01 Nuxt.jsVue.js
Nuxt.js 【Nuxt】PM2を使って本番環境でNuxtアプリケーションを実行する はじめに この記事ではPM2を使って、本番環境でNuxtアプリケーションの実行する方法を紹介します。 PM2をインストール PM2はNode.jsのプロセスマネージャーで、Node.jsのアプリケーションを動作させるために使用します。... 2019.05.23 Nuxt.jsVue.jsツール
Nuxt.js 【Nuxt.js/Vue Router】nuxt-linkにv-on:clickを設定する方法 はじめに この記事では、Nuxt.jsの「」にv-on:clickを設定する方法を紹介します。 click.nativeを使用する nuxt-linkにクリックイベントを設定するときは、clickだと反応しない。click.nativ... 2019.05.20 Nuxt.jsVue.js
Nuxt.js 【Nuxt】JSやCSS、Webフォントなどの外部リソースを全てのページで使用する はじめに この記事では、Nuxt.jsでCDNで配布されているJSやCSS、webフォントなどの外部リソースを使用するための設定方法について紹介します。 外部リソースのインクルード リソースをグローバルにインクルードする アプリケー... 2019.05.17 Nuxt.jsVue.js
Nuxt.js 【Nuxt.js】nuxt.config.jsで.envで定義した環境変数を取得して使用する はじめに この記事ではNuxt.jsのnuxt.config.js内で.envファイルで定義した環境変数を使用する方法を紹介します。 dotenvモジュールをインストールする .envを読み込むためにnuxt-communityが公開... 2019.05.14 Nuxt.jsVue.js
Nuxt.js 【Nuxt】テンプレートでassetsとstatic配下のリソースを参照するときの書き方 はじめに この記事ではNuxt.jsの「assets」ディレクトリと「static」ディレクトリの使い分けと、ディレクトリに配置したファイルの参照方法について紹介します。 assetsとstaticディレクトリの使い分け Nuxtでは... 2019.05.09 Nuxt.jsVue.js
Nuxt.js 【Nuxt】nuxt-linkで遷移するときに画面の一番上にスクロールする この記事では「nuxt-link」を使って画面遷移した際に、画面の一番上にスクロールさせる方法を紹介します。 「nuxt-link」で画面の一番上にスクロールさせる 「nuxt-link」はデフォルトだと、画面遷移したときにスクロール位... 2019.05.08 Nuxt.jsVue.js
Vue.js 【Vue.js】コンポーネントにpropsを定義する際のおすすめの方法 はじめに この記事ではVue.jsのコンポーネントにpropsを定義する際に、どうするのが良いかについて説明します。 内容 ありがたいことに、Vue.jsでは公式からスタイルガイドが提供されています。 propsの定義方法についても... 2019.01.23 Vue.js
Vue.js 【Vue.js】v-forを使ってセレクトボックスのoptionタグを生成する この記事では、 v-for を使用してselectタグ内のoptionタグを生成する方法を紹介します。 optionタグのvalueが1から始まるセレクトボックス 下記は値が1から5までのoptionタグを生成する例です。 <t... 2019.01.11 Vue.js
Vue.js 【Vue.js】算出プロパティとメソッドの違い。どう使い分ければ良いの? この記事はVue.jsの算出プロパティについて、「メソッドとの違い」や「算出プロパティの使い所」がよくわからない、と混乱したことがある人向けにまとめた内容です。 算出プロパティとは Vue.jsではテンプレート内に計算や式を記述すること... 2018.11.09 Vue.js