すべてのカテゴリ

環境変数を使って他の人にも使いやすいプログラムにする！前回はハードコーディングの話を紹介しましたが、開発者以外が既に作成されたプログラムを再利用する際、プログラムの設定を変更したい場合があります。ブログサービスの例では、提供するブログのタイトルなどを変えたい場合があります。そのような事を考えると、そうした変更がやりやすいプログラムにしておくと、再利用する場合に使いやすいプログラムになります。その際に利用できるのが「環境変数（Environment variable）」です。この記事では、Vite を利用して作成した Vue のプロジェクトで環境変数を利用する例を紹介します。どんな場合に環境変数を使うか？これまで紹介してきた、Vue を利用してブログサービスを提供するプログラムを考えてみます。 今までタイトルを入れていませんでしたが、例えばブログのタイトルなどに利用すると便利です。一番簡単にプログラムを書く場合、プログラムに直接、「タイトル」を埋め込んで仕舞えば良いことになります。<template>  <div>    <h1>{{ title }}</h1>  </div></template><script>export default {  data() {    return {      title: "Vueを利用したブログサービスの作り方",    };  },};</script> のように記述すれば、タイトルを表示する事が可能です。しかし、この場合は、このタイトルを