Vue.js/Nuxt.jsNuxt.js+Tailwind CSSでフォントファイルを読み込む方法
備忘録として残しておきます。
フォントファイルの配置
フォントファイルをプロジェクトの任意の場所（今回はstaticフォルダ直下）に保存します。
読み込み
CSSファイルを編集してフォントファイルを読み込みます。
./assets/css/...
Vue.js/Nuxt.js
Vue.js/Nuxt.js Vue.js/Nuxt.jsNuxt.jsでFirebase Realtime Databaseを使う
備忘録です。
初期設定
firebase authの設定と同じです。ライブラリのインストール
npm install --save firebase
Firebaseの初期化
plugins/firebase.js
import f...
Vue.js/Nuxt.jsNuxt.jsでFirebase Authを使ってみる
個人プロジェクトでNuxt.jsでFirebase Authを使うことになったので備忘録として書きます。
初期設定
ライブラリのインストール
npm install --save firebase
Firebaseの初期化
plugins/...
Vue.js/Nuxt.jsNuxt.js+Axiosでファイルのアップロード
Axiosでファイルをアップロードする方法を書きます。
コード
template
<input type="file" v-on:change="select_file" />
<button @click="send"&...
Vue.js/Nuxt.jsNuxt.jsでBulmaのNavbarのハンバーガーメニューを動作させる
今回はBulmaのNavbarをモバイルに対応させてハンバーガーメニューを動作させる方法を書きます。BulmaはJavaScriptを含んでいないためハンバーガーメニューを動かすには自前でJavaScriptを書く必要があります。B...
Vue.js/Nuxt.jsNuxt.jsでtoastを使う
Nuxt.jsでトーストを使う方法をメモ
インストール
npm i @nuxtjs/toast --save
nuxt.config.js
modules: [
'@nuxtjs/toast',
],
toast: {
p...
Vue.js/Nuxt.jsNuxt.jsのアプリをnginxでデプロイする
今回はNuxt.jsのアプリをnginxでデプロイする方法を書きます。環境
OS：Ubuntu
Webサーバー：Nginx
プロセスマネージャー：PM2サーバーはConohaのVPSサーバーを使っています。アプリの作成
今回は試...
Vue.js/Nuxt.jsNuxt.jsで動的なリンクを生成してみる
今回はNuxt.jsで動的ルーティングを設定する方法を書きます。
ファイル構成
今回は次のようなURLを設定してみます。
domain/:id/:code/
Nuxt.jsで動的にルーティングを設定する場合は、ファイル名orフォルダ名を_名...
Vue.js/Nuxt.js[Nuxt.js]Pay.jpの「既にインスタンス化されています」というエラーを解決する
Nuxt.jsで作っているサイトに決済サービスのPay.jpを導入しようとした際に「既にインスタンス化されています」というエラーが発生したので対処法をまとめます。
エラーの発生条件
次のような流れで決済画面にアクセスするとエラーが発生します...
Vue.js/Nuxt.jsVue.js（Nuxt.js）でBulmaのModalを使う方法
今回はVue.js・Nuxt.jsでBulmaのModalを使う方法を書きます。
導入方法
BulmaをNuxt.jsに導入する方法は下の記事に載せてあります。Modalを実装
ModalのHTML
<button @click=...