Node.jsExpressにアップロードされた画像をGCP Storageにアップロードする
今回はNode.jsのExpressにアップロードされた画像をGoogle CloudのStorageにアップロードしてみたので備忘録として書きます。
必要なライブラリなど
multerと@google-cloud/storageを使用しま...
Node.js 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...
Vue.js/Nuxt.jsNuxt.jsでページタイトルを変更する方法
Nuxt.jsでページタイトルを変更する方法をメモ次のように書くことでタイトルを変更できます。
document.title = "タイトル"
タイトルを設定したい場合はmountedに上のように書けばタイトルを設定できます。