Vue.js/Nuxt.jsNuxt.js+Axiosでファイルのアップロード Axiosでファイルをアップロードする方法を書きます。 コード template <input type="file" v-on:change="select_file" /> <button @click="send"&... 2021.03.15Vue.js/Nuxt.js
Node.jsExpressにアップロードされた画像をGCP Storageにアップロードする 今回はNode.jsのExpressにアップロードされた画像をGoogle CloudのStorageにアップロードしてみたので備忘録として書きます。 必要なライブラリなど multerと@google-cloud/storageを使用しま... 2021.03.15Node.js
Vue.js/Nuxt.jsNuxt.jsでBulmaのNavbarのハンバーガーメニューを動作させる 今回はBulmaのNavbarをモバイルに対応させてハンバーガーメニューを動作させる方法を書きます。BulmaはJavaScriptを含んでいないためハンバーガーメニューを動かすには自前でJavaScriptを書く必要があります。B... 2021.03.01Vue.js/Nuxt.js
Vue.js/Nuxt.jsNuxt.jsでtoastを使う Nuxt.jsでトーストを使う方法をメモ インストール npm i @nuxtjs/toast --save nuxt.config.js modules: [ '@nuxtjs/toast', ], toast: { p... 2021.02.14Vue.js/Nuxt.js
Vue.js/Nuxt.jsNuxt.jsのアプリをnginxでデプロイする 今回はNuxt.jsのアプリをnginxでデプロイする方法を書きます。環境 OS:Ubuntu Webサーバー:Nginx プロセスマネージャー:PM2サーバーはConohaのVPSサーバーを使っています。アプリの作成 今回は試... 2021.02.08Vue.js/Nuxt.js
Vue.js/Nuxt.jsNuxt.jsで動的なリンクを生成してみる 今回はNuxt.jsで動的ルーティングを設定する方法を書きます。 ファイル構成 今回は次のようなURLを設定してみます。 domain/:id/:code/ Nuxt.jsで動的にルーティングを設定する場合は、ファイル名orフォルダ名を_名... 2021.01.28Vue.js/Nuxt.js
Vue.js/Nuxt.js[Nuxt.js]Pay.jpの「既にインスタンス化されています」というエラーを解決する Nuxt.jsで作っているサイトに決済サービスのPay.jpを導入しようとした際に「既にインスタンス化されています」というエラーが発生したので対処法をまとめます。 エラーの発生条件 次のような流れで決済画面にアクセスするとエラーが発生します... 2021.01.14Vue.js/Nuxt.js
Vue.js/Nuxt.jsVue.js(Nuxt.js)でBulmaのModalを使う方法 今回はVue.js・Nuxt.jsでBulmaのModalを使う方法を書きます。 導入方法 BulmaをNuxt.jsに導入する方法は下の記事に載せてあります。Modalを実装 ModalのHTML <button @click=... 2021.01.13Vue.js/Nuxt.js
Vue.js/Nuxt.jsNuxt.jsにBulmaを導入する方法 Nuxt.jsで作っているプロジェクトにフレームワークのBulmaを導入することがあったのでメモ今回はCDNではなくnpmでインストールして導入します。 パッケージをインストール Bulmaのインストール npm install bul... 2021.01.09Vue.js/Nuxt.js
Vue.js/Nuxt.jsNuxt.jsでAxiosを使ってみる Nuxt.jsでAxiosを使う方法をメモ インストール npm install @nuxtjs/axios --save nuxt.config.js modules: [ "@nuxtjs/axios", ], nuxt.con... 2020.12.20Vue.js/Nuxt.js