何回ぶーされたら消えるのか実験する

こういうのでいいんだよ。

Moutonまでぶーされてて草

本スレ
https://p.hatena.ne.jp/p/1508440607914201088/t/1540031002091458560

ぶーぶーぶー

全然ブーが足りない！

もう、ダルい。

プレビュー機能網羅的テストサンプル

このファイルは、Markdownエディタのプレビュー機能を徹底的に検証するためのサンプルです。
目次は以下の通りです。

[toc]

---

1. 見出し (Headings)

H1 見出し

H2 見出し

H3 見出し

H4 見出し

H5 見出し

H6 見出し

---

2. テキスト装飾 (Text Formatting)

基本的な装飾から、プラグインによる拡張装飾まで。

2.1 特殊文字のエスケープ

Markdownの制御文字をそのまま表示します。
*アスタリスク*
_アンダースコア_
# ハッシュ
[角括弧]

2.2 長い文章の折り返しテスト

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

---

3. リスト (Lists)

3.1 番号なしリスト (Unordered List)

• レベル 1
  • レベル 2
    • レベル 3
      • アイテム A
      • アイテム B
  • レベル 2 戻り
• レベル 1

3.2 番号付きリスト (Ordered List)

1. ステップ 1
   1. サブステップ A
   2. サブステップ B
2. ステップ 2
   • 番号付きの中の番号なし
3. ステップ 3 (番号指定)
   10. 手動で番号を指定してもMarkdownパーサによっては自動採番されます

3.3 タスクリスト (Task List)

• 未完了のタスク
• 完了したタスク
• [x] 記法によるチェックボックス
  • ネストされた完了タスク

3.4 定義リスト (Definition List)

Apple
: 米国のテクノロジー企業。iPhoneやMacを製造。

Microsoft
: 米国のソフトウェア企業。WindowsやOfficeを開発。
: Xboxなどのハードウェアも手掛ける。

---

4. 引用 (Blockquotes)

格言:

千里の道も一歩から。

ネストされた引用:
これは引用の中にさらに引用を入れた例です。

• リストも含めることができます
• 引用内でMarkdownも有効です

---

5. リンクと画像 (Links & Images)

5.1 リンク

• Writer's Canvas 公式サイト (外部リンク)
• 見出し1へ戻る (内部リンク)
• 自動リンク: https://www.example.com
• メールリンク: address@example.com
• ツールチップ付きリンク: ホバーしてください

5.2 画像

画像リンク (画像をクリックするとリンク先に飛びます):

---

6. テーブル (Tables)

6.1 標準テーブル

6.2 装飾付きテーブル

---

7. コードブロック (Code Blocks)

7.1 JavaScript

// フィボナッチ数列
function fibonacci(n) {
    if (n <= 1) return n;
    return fibonacci(n - 1) + fibonacci(n - 2);
}

console.log(fibonacci(10)); // Output: 55

7.2 Python

import os

def list_files(startpath):
    for root, dirs, files in os.walk(startpath):
        level = root.replace(startpath, '').count(os.sep)
        indent = ' ' * 4 * (level)
        print('{}{}/'.format(indent, os.path.basename(root)))
        for f in files:
            print('{}{}'.format(indent, f))

7.3 Diff (コード差分)

- const foo = 'bar';
+ const foo = 'baz';
  console.log(foo);

7.4 HTML (Raw HTML)

<div class="container">
    <p>Hello World</p>
</div>

---

8. HTML要素の直接記述

Markdown内で許可されているHTMLタグのテストです。

ここに詳細な内容が表示されます。
Markdown記法も一部有効な場合があります。

• リスト項目1
• リスト項目2

色付き文字 (span style):
Red Text
Green Text
Blue Text

---

9. 数式 (MathJax)

インライン:
オイラーの等式は $e^{i\pi} + 1 = 0$ です。

ブロック:
二次方程式 $ax^2 + bx + c = 0$ の解の公式:

$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

行列:
$$
\begin{pmatrix}
a & b \
c & d
\end{pmatrix}
\times
\begin{pmatrix}
x \
y
\end{pmatrix}

\begin{pmatrix}
ax + by \
cx + dy
\end{pmatrix}
$$

---

10. ダイアグラム (Mermaid)

10.1 フローチャート

graph TD
    Start((開始)) --> Init[初期化]
    Init --> Check{条件判定}
    Check -- Yes --> Proc1[処理 A]
    Check -- No --> Proc2[処理 B]
    Proc1 --> End((終了))
    Proc2 --> End
    
    subgraph サブプロセス
    Proc1
    end

10.2 シーケンス図

sequenceDiagram
    autonumber
    Browser->>Server: GET /api/data
    activate Server
    Server-->>Database: Query
    activate Database
    Database-->>Server: Result
    deactivate Database
    Server-->>Browser: JSON Response
    deactivate Server

10.3 ガントチャート

gantt
    title プロジェクトスケジュール
    dateFormat  YYYY-MM-DD
    section 設計
    要件定義       :done,    des1, 2024-01-01, 2024-01-05
    基本設計       :active,  des2, 2024-01-06, 3d
    詳細設計       :         des3, after des2, 5d
    section 実装
    コーディング   :         coding, after des3, 10d

10.4 クラス図

classDiagram
    class Animal {
        +String name
        +makeSound()
    }
    class Dog {
        +bark()
    }
    Animal <|-- Dog

---

11. チャート (Chart.js)

11.1 棒グラフ

{
  "type": "bar",
  "data": {
    "labels": ["1月", "2月", "3月", "4月", "5月", "6月"],
    "datasets": [{
      "label": "売上 (万円)",
      "data": [12, 19, 3, 5, 2, 3],
      "backgroundColor": "rgba(54, 162, 235, 0.2)",
      "borderColor": "rgba(54, 162, 235, 1)",
      "borderWidth": 1
    }]
  },
  "options": {
    "responsive": true,
    "scales": {
      "y": {
        "beginAtZero": true
      }
    }
  }
}

11.2 ドーナツチャート

{
  "type": "doughnut",
  "data": {
    "labels": ["赤", "青", "黄"],
    "datasets": [{
      "data": [300, 50, 100],
      "backgroundColor": [
        "rgb(255, 99, 132)",
        "rgb(54, 162, 235)",
        "rgb(255, 205, 86)"
      ],
      "hoverOffset": 4
    }]
  }
}

---

12. その他 (脚注・略語・絵文字)

12.1 脚注 (Footnotes)

文中の特定の単語^note1に対して注釈を付けます。
複数の脚注^note2も可能です。

12.2 略語 (Abbreviations)

テキスト中の略語にマウスオーバーで説明を表示します。
CSS
HTML

*[CSS]: Cascading Style Sheets
*[HTML]: HyperText Markup Language

12.3 絵文字 (Emoji)

• 感情: 😄 😢 😆
• 物体: 🚀 💻 📖
• 記号: ⚠️ 🏁 ❤️

---

13. エッジケース確認

長いURLの表示

https://www.google.com/search?q=very+long+url+parameter+test+example+string+to+check+wrapping+behavior+in+preview+window

巨大な見出し

非常に長い見出しテキストが入った場合の折り返し挙動を確認するためのテストセクション

wysiwygテスト.md

仕様

もう遅いし寝るお。

まだまだ足りないぞｺﾗｰｰｰ！

https://p.hatena.ne.jp/p/1539937129449132032/t/1539997242465718272
みんなでぶーしてあげてー👇️