LLM出力でMarkdownの入れ子コードブロックが崩れる問題と、インデント方式＋ブックマークレットによる安定化

①　外に３連`markdown＆中に３連`javascript

---
ChatGPT, GeminiなどでMarkdownを出力する際にはコードブロックにしてもらうとコピーしやすいのですが、その文中にコードがネストして出てくる場合は、意外と正しい表現が難しいのです。

```markdown
JavaScriptで簡単な計算結果を表示するには、以下のコードを使用します。


```javascript
let sum = 10 + 20;
console.log("合計は " + sum + " です。");
```

上記のコードは、```sum```という変数に10と20の合計を代入し、その結果をコンソールに出力します。
```
というのは、正しく表示されていますでしょうか？また、例えばObsidianにコピー＆ペーストしてみたら、どうなりますか？


---

②　外は３連`markdown、中は４連`javascript

---
ChatGPT, GeminiなどでMarkdownを出力する際にはコードブロックにしてもらうとコピーしやすいのですが、その文中にコードがネストして出てくる場合は、意外と正しい表現が難しいのです。

```markdown
JavaScriptで簡単な計算結果を表示するには、以下のコードを使用します。


````javascript
let sum = 10 + 20;
console.log("合計は " + sum + " です。");
````

上記のコードは、```sum```という変数に10と20の合計を代入し、その結果をコンソールに出力します。
```
というのは、正しく表示されていますでしょうか？また、例えばObsidianにコピー＆ペーストしてみたら、どうなりますか？


---

③　外は３連`bash、中は３連`javascript

---
ChatGPT, GeminiなどでMarkdownを出力する際にはコードブロックにしてもらうとコピーしやすいのですが、その文中にコードがネストして出てくる場合は、意外と正しい表現が難しいのです。

```bash
JavaScriptで簡単な計算結果を表示するには、以下のコードを使用します。


```javascript
let sum = 10 + 20;
console.log("合計は " + sum + " です。");
```

上記のコードは、```sum```という変数に10と20の合計を代入し、その結果をコンソールに出力します。
```
というのは、正しく表示されていますでしょうか？また、例えばObsidianにコピー＆ペーストしてみたら、どうなりますか？


---

④　外は３連`markdown、中は３連~javascript

---
ChatGPT, GeminiなどでMarkdownを出力する際にはコードブロックにしてもらうとコピーしやすいのですが、その文中にコードがネストして出てくる場合は、意外と正しい表現が難しいのです。

```markdown
JavaScriptで簡単な計算結果を表示するには、以下のコードを使用します。


~~~javascript
let sum = 10 + 20;
console.log("合計は " + sum + " です。");
~~~

上記のコードは、```sum```という変数に10と20の合計を代入し、その結果をコンソールに出力します。
```
というのは、正しく表示されていますでしょうか？また、例えばObsidianにコピー＆ペーストしてみたら、どうなりますか？


---

⑤　外は３連`markdown、中は４連スペース(仕様上言語名が書けないが、これがオリジナルのコードブロックの記法)

---
ChatGPT, GeminiなどでMarkdownを出力する際にはコードブロックにしてもらうとコピーしやすいのですが、その文中にコードがネストして出てくる場合は、意外と正しい表現が難しいのです。

```markdown
JavaScriptで簡単な計算結果を表示するには、以下のコードを使用します。


    
    let sum = 10 + 20;
    console.log("合計は " + sum + " です。");
    

上記のコードは、```sum```という変数に10と20の合計を代入し、その結果をコンソールに出力します。
```
というのは、正しく表示されていますでしょうか？また、例えばObsidianにコピー＆ペーストしてみたら、どうなりますか？

---


⑥　外３連`markdown、中４連スペース兼３連`javascript(ハイブリッド型)

---
ChatGPT, GeminiなどでMarkdownを出力する際にはコードブロックにしてもらうとコピーしやすいのですが、その文中にコードがネストして出てくる場合は、意外と正しい表現が難しいのです。
    
```markdown
JavaScriptで簡単な計算結果を表示するには、以下のコードを使用します。

    
    ```javascript
    let sum = 10 + 20;
    console.log("合計は " + sum + " です。");
    ```
    
上記のコードは、```sum```という変数に10と20の合計を代入し、その結果をコンソールに出力します。
```
というのは、正しく表示されていますでしょうか？また、例えばObsidianにコピー＆ペーストしてみたら、どうなりますか？


---

Subject: Markdown nested code block rendering test (English version)

---


①  Outer: triple backticks `markdown`, Inner: triple backticks `javascript`

---

When asking ChatGPT, Gemini, or similar tools to output Markdown, it is easier to copy when the content is placed inside a code block. However, when code appears nested inside that text, achieving correct representation can be surprisingly difficult.

````markdown
To display a simple calculation result in JavaScript, use the following code.


```javascript
let sum = 10 + 20;
console.log("The total is " + sum + ".");
````

The code above assigns the sum of 10 and 20 to the variable `sum` and outputs the result to the console.

`````
Is this displayed correctly? Also, what happens if you copy and paste this into Obsidian, for example?


---

②  Outer: triple backticks `markdown`, Inner: quadruple backticks `javascript`

---
When asking ChatGPT, Gemini, or similar tools to output Markdown, it is easier to copy when the content is placed inside a code block. However, when code appears nested inside that text, achieving correct representation can be surprisingly difficult.

```markdown
To display a simple calculation result in JavaScript, use the following code.


````javascript
let sum = 10 + 20;
console.log("The total is " + sum + ".");
`````

The code above assigns the sum of 10 and 20 to the variable `sum` and outputs the result to the console.

````
Is this displayed correctly? Also, what happens if you copy and paste this into Obsidian, for example?


---

③  Outer: triple backticks `bash`, Inner: triple backticks `javascript`

---
When asking ChatGPT, Gemini, or similar tools to output Markdown, it is easier to copy when the content is placed inside a code block. However, when code appears nested inside that text, achieving correct representation can be surprisingly difficult.

```bash
To display a simple calculation result in JavaScript, use the following code.


```javascript
let sum = 10 + 20;
console.log("The total is " + sum + ".");
````

The code above assigns the sum of 10 and 20 to the variable `sum` and outputs the result to the console.

````
Is this displayed correctly? Also, what happens if you copy and paste this into Obsidian, for example?


---

④  Outer: triple backticks `markdown`, Inner: triple tildes ~~~`javascript`

---
When asking ChatGPT, Gemini, or similar tools to output Markdown, it is easier to copy when the content is placed inside a code block. However, when code appears nested inside that text, achieving correct representation can be surprisingly difficult.

```markdown
To display a simple calculation result in JavaScript, use the following code.


~~~javascript
let sum = 10 + 20;
console.log("The total is " + sum + ".");
~~~

The code above assigns the sum of 10 and 20 to the variable ```sum``` and outputs the result to the console.
````

Is this displayed correctly? Also, what happens if you copy and paste this into Obsidian, for example?

---

⑤  Outer: triple backticks `markdown`, Inner: four-space indentation
(Note: language name cannot be specified by design; this is the original code block syntax)

---

When asking ChatGPT, Gemini, or similar tools to output Markdown, it is easier to copy when the content is placed inside a code block. However, when code appears nested inside that text, achieving correct representation can be surprisingly difficult.

````markdown
To display a simple calculation result in JavaScript, use the following code.


    
    let sum = 10 + 20;
    console.log("The total is " + sum + ".");
    

The code above assigns the sum of 10 and 20 to the variable ```sum``` and outputs the result to the console.
````

Is this displayed correctly? Also, what happens if you copy and paste this into Obsidian, for example?

---

⑥  Outer: triple backticks `markdown`, Inner: four-space indentation + triple backticks `javascript` (hybrid)

---

When asking ChatGPT, Gemini, or similar tools to output Markdown, it is easier to copy when the content is placed inside a code block. However, when code appears nested inside that text, achieving correct representation can be surprisingly difficult.

````markdown
To display a simple calculation result in JavaScript, use the following code.

    
    ```javascript
    let sum = 10 + 20;
    console.log("The total is " + sum + ".");
    ```
    
The code above assigns the sum of 10 and 20 to the variable ```sum``` and outputs the result to the console.
````

Is this displayed correctly? Also, what happens if you copy and paste this into Obsidian, for example?

---

本サイト（NoaRecord）では、体験を通して生成AIを実務で使いこなすための知見を整理・公開しています。
特に、GPTs（Custom GPT）やBookmarkletなど、比較的手軽に導入できる手法を中心に扱っています。

• 「ChatGPTと話してみた」はnoteで連載中。使ってて「あれ？」と思うような事例を簡単に紹介、解説しています。noteの方は基本的に無料で読めますが、ときどきXでシェアのお願いをしている回もありますので、ご協力いただければ幸いです。既に50話を超えて、100話以上になるネタは既に準備してありますので、順次作成して公開していきます。読んでるだけで、ChatGPTとの間のお互いの誤解が解消されていってほしいと思って書いています。近い内に本サイトの方では、もっと深堀りした内容を「増補版」として追加したいと思っていますが、公開条件等は未定です。話題によって内容の多寡はありますが、ツッコんでる解説のあるところは、かなり推測も混じえた内容も書いています。
• GPTs(CustomGPT)を公開する人向けの「プロンプトインジェクション対策」シリーズ。無対策だと、せっかくのあなたのノウハウが全部盗まれてしまうかもしれません。だからと言ってプロ並みの対策も簡単にはできません。noteで初級コースは全部無料で見れますので、GPTsで副収入などを考えている方などは、ぜひご覧ください。中級以上は有料としていますが、販売するGPTsの価格などに応じて、バランスのとれた対策を考える切っ掛けにしていただければと思います。無料のものでも最低限は使えるものにはなっています。
• 「プロンプトインジェクション対策実践ケーススタディ」は、下書きが終わった段階なので、公開時期未定です。具体的なGPTsを作ることを想定しながら、プロンプトにどういう対策をしていくべきか、noteでは出せないレベルの防御テクニックの情報をこちらのサイトで出していく予定です。
• GPTsのActions講座も予定しています。プロンプトだけではなく、外部のツールを使ってネットからAPIで情報を取ってきたりするものや、情報を取ってくる以外の使い方の教材も考えています。
• その他、Bookmarkletを使ったものや、小回りの利くツールも開発したり、教材にしたりしていく予定です。
• Discordも始めたいと思っています。

よろしければ、Xアカウントのフォローやシェアなどの応援、ご協力をお願い致します。

　公式：@NoaRecord 　　筆者個人雑談用：@Thinking_reed
※ 個人アカウントは雑談が主なので、情報の入手のためのフォローは公式をお勧めします。