Vue.js

Vue.js

【Vue.js】算出プロパティとメソッドの違い。どう使い分ければ良いの?

この記事はVue.jsの算出プロパティについて、「メソッドとの違い」や「算出プロパティの使い所」がよくわからない、と混乱したことがある人向けにまとめた内容です。 算出プロパティとは Vue.jsではテンプレート内に計算や式を記述すること...
Vue.js

【Vue.js】Vue CLI 3系のインストール方法

今回は"Vue.js"アプリの開発に使用する公式ツール、「Vue CLI」のインストール方法を紹介します。 Vue.jsでは、Vue CLIを使って、プロジェクトの作成やプラグインの追加を行うことが可能です。 この記事で扱うVue CL...
SPA

Vue.js + axios + Vue Routerで作る!シンプルなSPAの作り方

この記事では、SPAがはじめてという方向けに、"Vue.js"と"Vue Router"、"axios"を使った、SPAの作り方を紹介します。 そのため、「SPAのアプリケーションを作ってみたいけれど、どこから手をつければ良いかわからない...
Firebase

【Firebase】Vue.jsで作ったWebアプリを公開する方法を解説【初心者向け】

この記事ではFirebaseを使うメリットについて紹介します。 また、Firebaseでどのくらい簡単にWebアプリを公開できるかの一例として、Vue.jsで作ったアプリをFirebaseのHostingで公開する手順について解説します。 ...
Nuxt.js

【Nuxt.js】axiosのインストール方法と使い方を、プロジェクトの作成から解説

Nuxt.jsにaxiosを導入する方法とその使い方を、プロジェクトを作成するところから解説します。 こんにちは、aiiro(@aiiro29)です。 この記事は、次のような方に向けた内容となっています。 「nuxt-communit...
Nuxt.js

【Nuxt.js】axiosとproxy-moduleを使って、リクエストをプロキシする方法

この記事では、nuxt-communityが提供している、"proxy-module"と"axios"を組み合わせて、サーバに送信するリクエストをプロキシする方法を紹介しています。 Nuxt.jsに"axios"をインストールする方法は、...
Vue.js

[Vue.js] 3項演算子を使ったクラスバインディングを配列構文で書き換える

Vue.jsでは、ある条件の時だけhtmlタグにclassを設定したいという場合、下記のように3項演算子を使ってclassをバインドさせることができます。 <li :class="(viewName === 'music') ? '...