


**TEST**
# Hello, *world*!

aaa

Below is an example of JSX embedded in Markdown. <br /> **Try and change
the background color!**

<div style={{ padding: '20px', backgroundColor: 'tomato' }}>
  <h3>This is JSX</h3>
</div>

TEST

```js
const a = 5
```


TEST




このブログは、Next.js × TypeScript × MDXで作りました。

ベースは、Next.js の公式チュートリアルです。

TypeScript | Learn Next.js  
https://nextjs.org/learn/excel/typescript


ただ、公式チュートリアルでは、コードのシンタックスハイライトが効かないため、MDXを導入しました。

以下の記事を参考にしました。

Next.js + MDXでブログを作った  
https://titanicrising.jp/blog/nextjs-mdx

これにより、

```
const a = 5
```

のようにシンタックスハイライトが効くようになりました。
なおシンタックスハイライトのテーマはエディタのVSCodeと同じテーマを使用しています。

[Fujita Kazuhiko Portfolio]

TEST

Hello, world!

This is JSX