👋

ChatGPT-4への指示にJavaScriptを使う【プロンプト付き】

立薗理彦

2023/03/19に公開

ChatGPT-4は自然言語とプログラミング言語を区別していないのでは？

前回「ChatGPT-4でVSCode Extensionを作る」という記事を書きました。

ChatGPT-4との対話で実際に動作するVSCode Extensionを開発したのですが、この作業をする中で「ひょっとして、ChatGPT-4は自然言語とプログラミング言語を区別していないのでは？」という仮説を持ちました。

ChatGPTは自然言語でのやりとりにおいて言語の違いを区別しておらず、日本語のやりとりに突然英語での質問を混ぜても自然にやりとりを継続します。実はプログラミング言語も英語や日本語などと同列に扱われているのではないかと感じたのです。

JavaScriptでChatGPTに指示できる？

これが正しければ、ChatGPTに例えばJavaScriptで指示を出すことができるようになります。
早速検証してみたところ、やはりというか驚くべき結果になりました。

使用したプロンプト

下記の【JavaScriptコード】に示すmarkdownToMermaidを使って【入力】のmarkdownをMermaid.jsのコードに変換してください

【入力】
# ChatGPT 株式会社
## 開発部門
### バックエンド開発部
#### DB 開発部
##### SQL デザイン課
###### メンバー
- エンジニア一号
- エンジニア二号
##### Index せってい課
###### メンバー
- エンジニア三号
- エンジニア四号
#### サーバ開発部
- エンジニア五号
- エンジニア六号
#### SRE 部
### フロントエンド開発部
## 営業部門
### 第一営業部
### 第二営業部

【JavaScriptコード】
function markdownToMermaid(markdown) {
  const lines = markdown.split('\n');
  let mermaidCode = 'graph TD\n';
  const idCounter = {};
  const parents = [];
  let inList = false;

  lines.forEach(line => {
    const headingLevel = line.match(/^#+/)?.[0]?.length;
    if (!headingLevel) {
      if (line.startsWith('-')) {
        const name = line.slice(1).trim();
        const englishName = name.replace(/[^a-zA-Z0-9]/g, '');
        idCounter[englishName] = (idCounter[englishName] || 0) + 1;
        const id = `${englishName}_${idCounter[englishName]}`;
        const parentId = parents[parents.length - 1];

        mermaidCode += `  ${id}("${name}")\n`;
        mermaidCode += `  ${parentId} --> ${id}\n`;
        inList = true;
      }
      return;
    }

    if (inList) {
      parents.pop();
      inList = false;
    }

    const name = line.slice(headingLevel + 1).trim();
    const englishName = name.replace(/[^a-zA-Z0-9]/g, '');
    idCounter[englishName] = (idCounter[englishName] || 0) + 1;
    const id = `${englishName}_${idCounter[englishName]}`;

    mermaidCode += `  ${id}("${name}")\n`;
    if (headingLevel > 1) {
      const parentId = parents[headingLevel - 2];
      mermaidCode += `  ${parentId} --> ${id}\n`;
    }
    parents[headingLevel - 1] = id;
  });

  return mermaidCode;
}