// JavaScriptコード
function hello(name) {
  console.log(`Hello, ${name}!`);
  return `Hello, ${name}!`;
}
 
const greeting = hello("World");

// TypeScriptコード
function add(a: number, b: number): number {
  return a + b;
}
console.log(add(2, 3));

## Pythonコード
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)
 
print([fibonacci(i) for i in range(10)])

/* CSSコード */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
}

---
title: "サンプル記事 - 全Markdown記法デモ"
date: "2025-11-09"
excerpt: "Markdown記法の表示確認用サンプル"
tags: ["Markdown"]
slug: "sample"
---
 
# サンプル記事 - 全Markdown記法デモ
 
このサイトでの投稿記事で利用できるマークダウンの基本的な記法を網羅したサンプル記事です。
GitHub Flavored Markdown (GFM) がサポートされています。
 
 
## 見出し（Headers）
 
# H1見出し
## H2見出し  
### H3見出し
#### H4見出し
##### H5見出し
###### H6見出し
 
## 文字装飾（Text Formatting）
 
**太字（Bold）**  
*斜体（Italic）*  
***太字かつ斜体***  
~~取り消し線（Strikethrough）~~  
`インラインコード`  
 
## リンク（Links）
 
[通常のリンク](https://mitsupon.net)  
[タイトル付きリンク](https://mitsupon.net "Mitsupon's Website")  
[自動リンク](https://mitsupon.net)  
[メールリンク](mailto:email@example.com)
 
参照リンク[link1]や[link2]も使えます。
 
[link1]: https://mitsupon.net "Mitsupon's Website"
[link2]: https://mitsupon.net/posts "Mitsupon's Posts"
 
## 画像（Images）
 
![Alt text](https://placehold.jp/150x150.png) 
タイトル付き
![Alt with title](https://placehold.jp/250x150.png "画像のタイトル")
 
## プレビューカード
拡張記法を使って、OGPプレビューカードを表示できます：
@[https://github.com]
 
@[https://nextjs.org]
 
@[https://tailwindcss.com]
 
@[https://www.typescriptlang.org]
 
 
## リスト（Lists）
 
### 番号付きリスト
1. 最初の項目
2. 2番目の項目
   1. ネストした項目
   2. もう一つのネスト
3. 3番目の項目
 
### 番号なしリスト
- 項目1
- 項目2
  - ネストした項目
  - もう一つのネスト
    - さらにネスト
- 項目3
 
### タスクリスト（GitHub Flavored Markdown）
- [x] 完了したタスク
- [ ] 未完了のタスク
- [x] もう一つの完了したタスク
- [ ] まだやっていないタスク
 
## 引用文（Blockquotes）
 
> これは引用文です[^quote]。
> 複数行にわたって引用することができます。
> 
> > ネストした引用文も可能です。
 
## コード（Code）
 
### インラインコード
文中で`変数名`や`function()`のようにコードを埋め込めます。
 
### コードブロック
 
```javascript
// JavaScriptコード
function hello(name) {
  console.log(`Hello, ${name}!`);
  return `Hello, ${name}!`;
}
 
const greeting = hello("World");
```
 
```typescript
// TypeScriptコード
function add(a: number, b: number): number {
  return a + b;
}
console.log(add(2, 3));
```
 
```python
# Pythonコード
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)
 
print([fibonacci(i) for i in range(10)])
```
 
```css
/* CSSコード */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
}
```
 
## テーブル（Tables - GitHub Flavored Markdown）
 
| 機能         | 対応状況 | 説明                       | 優先度 |
| ------------ | :------: | -------------------------- | :----: |
| テーブル     |    ✅     | 表形式のデータ表示         |   高   |
| 取り消し線   |    ✅     | ~~削除された~~テキスト     |   中   |
| タスクリスト |    ✅     | チェックボックス付きリスト |   高   |
| 脚注         |    ✅     | 文章の補足説明[^2]         |   中   |
 
### テーブルの配置
| 左寄せ | 中央揃え | 右寄せ |
| :----- | :------: | -----: |
| Left   |  Center  |  Right |
| align  |  align   |  align |
 
## 水平線（Horizontal Rules）
 
---
 
***
 
___
 
## 脚注（Footnotes）
脚注の例です[^1]。文章に補足説明を追加できます。
脚注は数字[^4]でも文字[^note-id]でも作成できます。
 
## エスケープ（Escaping）
 
\*これらの文字はエスケープされています\*  
\`バッククォート\`  
\# ハッシュ記号  
\[角括弧\]  
\(丸括弧\)
 
## HTML（一部使用可能）
detailsやsummaryタグも使用可能です：
<details>
<summary>クリックして展開</summary>
 
この内容は折りたたまれています。 HTMLタグの一部が使用可能です。
 
</details>
 
 
<kbd>Ctrl</kbd> + <kbd>C</kbd> でコピー
 
<mark>ハイライトされたテキスト</mark>
 
## 数式（LaTeX記法 - KaTeX対応）
数式にも対応しています。
 
### インライン数式
文中に数式を埋め込む場合: アインシュタインの $E = mc^2$ や、二次方程式の解の公式 $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$ などが使用できます。
 
### ブロック数式
独立した数式ブロックを作成できます。
 
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
 
### 複雑な数式例
 
分数と根号：
$$
\sqrt[n]{1+x+x^2+\ldots+x^n} = \sqrt[n]{\frac{1-x^{n+1}}{1-x}}
$$
 
行列：
$$
\begin{pmatrix}
a & b \\
c & d
\end{pmatrix}
\begin{pmatrix}
x \\
y
\end{pmatrix}
=
\begin{pmatrix}
ax + by \\
cx + dy
\end{pmatrix}
$$
 
総和記号と極限：
$$
\lim_{n \to \infty} \sum_{k=1}^{n} \frac{1}{k^2} = \frac{\pi^2}{6}
$$
 
微分方程式：
$$
\frac{d^2y}{dx^2} + p(x)\frac{dy}{dx} + q(x)y = f(x)
$$
 
三角関数の恒等式：
$$
\sin^2(x) + \cos^2(x) = 1
$$
 
複素数の指数表現：
$$
e^{i\theta} = \cos(\theta) + i\sin(\theta)
$$
 
## 脚注定義
 
[^1]: これは最初の脚注です。マークダウンファイルの基本的な使い方を説明しています。
 
[^2]: 脚注は文章に補足説明を追加するための機能です。
 
[^important]: 非常に長い脚注の例です。複数行にわたって長ーーーーーーーーーーーーーーーーい脚注を記述することも可能です。
 
[^4]: 数字の脚注です。
 
[^note-id]: 文字IDの脚注です。
 
[^quote]: 引用文にも脚注を付けることができます。