Vue.js/Nuxt.jsNuxt.js+Axiosでファイルのアップロード
Axiosでファイルをアップロードする方法を書きます。
コード
template
<input type="file" v-on:change="select_file" />
<button @click="send"&...
増田拓海
Vue.js/Nuxt.js
Node.jsExpressにアップロードされた画像をGCP Storageにアップロードする
今回はNode.jsのExpressにアップロードされた画像をGoogle CloudのStorageにアップロードしてみたので備忘録として書きます。
必要なライブラリなど
multerと@google-cloud/storageを使用しま...
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=...
Vue.js/Nuxt.jsNuxt.jsにBulmaを導入する方法
Nuxt.jsで作っているプロジェクトにフレームワークのBulmaを導入することがあったのでメモ今回はCDNではなくnpmでインストールして導入します。
パッケージをインストール
Bulmaのインストール
npm install bul...
Vue.js/Nuxt.jsNuxt.jsでAxiosを使ってみる
Nuxt.jsでAxiosを使う方法をメモ
インストール
npm install @nuxtjs/axios --save
nuxt.config.js
modules: [
"@nuxtjs/axios",
],
nuxt.con...