GitHub Flavored Markdown (GFM) のバージョンに注意

event

2025.02.15

person

@chnotchy

前提

next.js 15.1.6

バージョン3系だと動く？

調べてみると、GFM のバージョン 3 系だと、うまく動くという情報があります。そこでバージョン 3.0.1 などを試してみましたが、起動に失敗しました。

そこで最新の 4.0.1 を試してみると、うまく動作しました。

変更手順

remark-gfm 3 系のバージョンを使用している場合は、以下のコマンドを実行してください。

code

bash

編集モード

# npm
npm install remark-gfm

# bun
bun remove remark-gfm

remark-gfm 4 系のバージョンをインストールします。

code

bash

編集モード

# npm
npm install remark-gfm@4.0.1

# bun
bun add remark-gfm@4.0.1

package.json の remark-gfm のバージョンが 4.0.1 になっていることを確認してください。

next.config.mjs に import remarkGfm from 'remark-gfm' を追加し、 remarkPlugins に以下のように追加してください。

code

javascript

編集モード

remarkPlugins: [
  remarkGfm,
],

例えば、markdownで以下の記法が使用できるようになります。

code

markdown

編集モード

- [ ] タスクリスト
- [x] タスクリスト

| ヘッダー1 | ヘッダー2 | ヘッダー3 |
| :-------- | :-------- | :-------- |
| セル1     | セル2     | セル3     |
| セル4     | セル5     | セル6     |

完了したら、起動してみてください。

おわりに

最後までご覧いただきありがとうございます。

PC ロールでは、テクノロジーに関する情報をまとめて発信しています。

また、おすすめのガジェットについて幅広く紹介するガジェロールもあります。

ガジェットやソフトを使うエンジニア・クリエイターのみなさん、ぜひご覧ください。

ガジェロール | ガジェットの巻物

PC ロール | PC の巻物