MENU

JSコードの中に直接YAMLを記述できるか？

JavaScriptコードの中にYAMLを直接記述することはできませんが、JavaScriptからYAMLファイルを読み込んだり、YAML文字列をパースして利用することは可能です。これを実現するためには、js-yamlのようなYAMLパースライブラリを使用します。

以下に、YAMLをJavaScriptコード内で扱う方法を説明します。

YAMLパースライブラリのインストール

まず、YAMLパースライブラリであるjs-yamlをインストールします。npmを使用してインストールできます。

npm install js-yaml

YAMLファイルを読み込む

次に、Node.jsを使用してYAMLファイルを読み込み、パースする方法を示します。

YAMLファイル (config.yaml)

server:
  port: 8080
  host: "0.0.0.0"

database:
  host: "localhost"
  port: 5432
  username: "user"
  password: "pass"

JavaScriptコード

const fs = require('fs');
const yaml = require('js-yaml');

try {
  // YAMLファイルを読み込み
  const config = yaml.load(fs.readFileSync('config.yaml', 'utf8'));

  // 読み込んだYAMLデータを使用
  console.log(config);

  // サーバー設定の例
  const server = config.server;
  console.log(`Server running at http://${server.host}:${server.port}/`);

  // データベース設定の例
  const db = config.database;
  console.log(`Connecting to database at ${db.host}:${db.port} with user ${db.username}`);
} catch (e) {
  console.error(e);
}

YAML文字列をパースする

YAMLファイルを読み込む代わりに、YAML文字列を直接JavaScriptコード内でパースすることもできます。

JavaScriptコード

const yaml = require('js-yaml');

// YAML文字列
const yamlString = `
server:
  port: 8080
  host: "0.0.0.0"

database:
  host: "localhost"
  port: 5432
  username: "user"
  password: "pass"
`;

try {
  // YAML文字列をパース
  const config = yaml.load(yamlString);

  // 読み込んだYAMLデータを使用
  console.log(config);

  // サーバー設定の例
  const server = config.server;
  console.log(`Server running at http://${server.host}:${server.port}/`);

  // データベース設定の例
  const db = config.database;
  console.log(`Connecting to database at ${db.host}:${db.port} with user ${db.username}`);
} catch (e) {
  console.error(e);
}

このように、JavaScriptコード内でYAMLファイルを読み込んだり、YAML文字列をパースすることができます。これにより、設定ファイルをYAML形式で管理しつつ、JavaScriptでその設定を利用することが可能になります。

コラム