Vue.js/Nuxt.js[Nuxt.js]nuxt.config.jsに環境変数を定義してプログラムから読み込む方法
Nuxt.jsで環境変数を設定する方法をメモ
nuxt.config
nuxt.config.jsに下みたいな感じでプログラムから読みたい値を定義します。
env: {
baseurl: ""
}
読み取り
script内で
p...
Vue.js/Nuxt.js
Vue.js/Nuxt.js Node.jsCloudflare PagesにNuxtのプロジェクトをデプロイしようとしたところSyntaxErrorが発生したので対処法をメモ
NuxtjsのプロジェクトをCloudFlare Pagesにデプロイしようとしたところローカル環境では発生しないSyntaxErrorが発生したので対処法を備忘録として残しておきます。
開発環境
Nodeバージョン：v16.13.1
np...
Vue.js/Nuxt.jsmicroCMS+Nuxt.jsでsitemapを生成してみる
microCMSを使ったNuxt.jsのサイトでsitemapを生成する方法をメモ。
必要なライブラリをインストール
npm install @nuxtjs/sitemap --save
nuxt.config.js
nuxt.config...
Node.jsFirebase Functions + Stripeでサイトにサブスク機能を導入してみる
＊私の勘違や仕様変更などでこの記事の内容が正しいとは限らないので、こちらの記事の内容を元に実装される際には公式のドキュメントも同時にご確認ください。
この記事・掲載しているコードは2021年12月23日時点での仕様を元に書いています。
要件...
Vue.js/Nuxt.js複式簿記で家計簿を付けることができるWebアプリ「複式家計簿」をリリースしました！！
作ったサービスできること
複式簿記で家計簿を付けることができます。主な機能：複式簿記による仕訳、独自の勘定科目の設定、資産の管理、損益の計算技術的な話
フロントエンドはNuxt.js（JavaScript）
バック...
Vue.js/Nuxt.jsNuxt.js+Tailwind CSSでフォントファイルを読み込む方法
備忘録として残しておきます。
フォントファイルの配置
フォントファイルをプロジェクトの任意の場所（今回はstaticフォルダ直下）に保存します。
読み込み
CSSファイルを編集してフォントファイルを読み込みます。
./assets/css/...
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...