Vue.js/Nuxt.js

Vue.js/Nuxt.js

複式簿記で家計簿を付けることができるWebアプリ「複式家計簿」をリリースしました!!

作ったサービスできること 複式簿記で家計簿を付けることができます。主な機能:複式簿記による仕訳、独自の勘定科目の設定、資産の管理、損益の計算技術的な話 フロントエンドはNuxt.js(JavaScript) バック...
Vue.js/Nuxt.js

Nuxt.js+Tailwind CSSでフォントファイルを読み込む方法

備忘録として残しておきます。 フォントファイルの配置 フォントファイルをプロジェクトの任意の場所(今回はstaticフォルダ直下)に保存します。 読み込み CSSファイルを編集してフォントファイルを読み込みます。 ./assets/css/...
Vue.js/Nuxt.js

Nuxt.jsでFirebase Realtime Databaseを使う

備忘録です。 初期設定 firebase authの設定と同じです。ライブラリのインストール npm install --save firebase Firebaseの初期化 plugins/firebase.js import f...
Vue.js/Nuxt.js

Nuxt.jsでFirebase Authを使ってみる

個人プロジェクトでNuxt.jsでFirebase Authを使うことになったので備忘録として書きます。 初期設定 ライブラリのインストール npm install --save firebase Firebaseの初期化 plugins/...
Vue.js/Nuxt.js

Nuxt.js+Axiosでファイルのアップロード

Axiosでファイルをアップロードする方法を書きます。 コード template <input type="file" v-on:change="select_file" /> <button @click="send"&...
Vue.js/Nuxt.js

Nuxt.jsでBulmaのNavbarのハンバーガーメニューを動作させる

今回はBulmaのNavbarをモバイルに対応させてハンバーガーメニューを動作させる方法を書きます。BulmaはJavaScriptを含んでいないためハンバーガーメニューを動かすには自前でJavaScriptを書く必要があります。B...
Vue.js/Nuxt.js

Nuxt.jsでtoastを使う

Nuxt.jsでトーストを使う方法をメモ インストール npm i @nuxtjs/toast --save nuxt.config.js modules: [ '@nuxtjs/toast', ], toast: { p...
Vue.js/Nuxt.js

Nuxt.jsのアプリをnginxでデプロイする

今回はNuxt.jsのアプリをnginxでデプロイする方法を書きます。環境 OS:Ubuntu Webサーバー:Nginx プロセスマネージャー:PM2サーバーはConohaのVPSサーバーを使っています。アプリの作成 今回は試...
Vue.js/Nuxt.js

Nuxt.jsで動的なリンクを生成してみる

今回はNuxt.jsで動的ルーティングを設定する方法を書きます。 ファイル構成 今回は次のようなURLを設定してみます。 domain/:id/:code/ Nuxt.jsで動的にルーティングを設定する場合は、ファイル名orフォルダ名を_名...
Vue.js/Nuxt.js

[Nuxt.js]Pay.jpの「既にインスタンス化されています」というエラーを解決する

Nuxt.jsで作っているサイトに決済サービスのPay.jpを導入しようとした際に「既にインスタンス化されています」というエラーが発生したので対処法をまとめます。 エラーの発生条件 次のような流れで決済画面にアクセスするとエラーが発生します...
タイトルとURLをコピーしました