v1.6.0リリースノート: MDXコンポーネントの強化

<GoogleMaps placeId='ChIJ2-L1uEhbFkcR-Zek84Ap7zI' caption='Google Maps の下にはキャプションを付けられる' />

https://www.youtube.com/watch?v=eZCSOdi19jQ

https://twitter.com/jack/status/20

Here is a simple footnote[^1].

A footnote can also have multiple lines[^2].

[^1]: My reference.
[^2]: To add line breaks within a footnote, add `<br />`.<br />This is a second line.

<Accordion collapsible>
  <AccordionItem value='faq-1'>
    <AccordionTrigger>
      グレン・グールドはどのような病気で亡くなりましたか？
    </AccordionTrigger>
    <AccordionContent>
      グールドはカナダのピアニスト（クラシック）。
      1932 年に生まれ、1982 年に 50 才で亡くなった。
      なので今年 2012 年はグレン・グールド生誕 80 年で没後 30 年にあたる。
      彼は生前に発達障害と診断されることはなかったが、英文の Wikipedia にもあるように自閉スペクトラム症ではないかといわれている。
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value='faq-2'>
    <AccordionTrigger>
      グレングールドの特徴は？
    </AccordionTrigger>
    <AccordionContent>
      グールドを語るうえで欠かせないのが、奇人とでも言えそうな存在感だ。
      その特徴は、ピアノを聴きながら口ずさむ鼻歌（録音でもはっきり聴こえる）を筆頭に、父親手作りの極端に低い骨組みだけのピアノ椅子。
      こちらは折りたたみ式で4本の足の長さが調整可能というキワモノだ。
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value='faq-3'>
    <AccordionTrigger>
      グレン・グールドが使用したピアノは？
    </AccordionTrigger>
    <AccordionContent>
      グールドは一九八一年四月、三〇丁目の録音スタジオで「ゴルトベルク変奏曲」を録音した。
      演奏に使ったピアノはスタインウエイ社のピアノであるはず。
      これは疑う余地もないと思っていた。
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value='faq-4'>
    <AccordionTrigger>
      グールドの最後の録音は？
    </AccordionTrigger>
    <AccordionContent>
      最後のピアノ録音は、リヒャルト・シュトラウス「ピアノ・ソナタOp.5」（録音日時 1982 年 7 月 2 日及び 9 月 1-3 日）であり、その後同年 9 月 8 日にはリヒャルト・ワーグナーのジークフリート牧歌をトロント交響楽団で指揮・録音しており、グールドはスタジオ録音においてピアノ奏者としてではなく、指揮者として人生を終えている。
    </AccordionContent>
  </AccordionItem>
</Accordion>

<Details summary='バルトークの曲の特徴は？'>
  バルトークは管弦楽曲、ピアノ曲、歌曲などに多くの作品を残しているが、最も有名なのは 43 年作の「管弦楽のための協奏曲」と、6 曲から成る「弦楽四重奏曲」である。
  作風は異国旋法、原始主義、民族主義、新古典主義を豊かな情感でまとめ、不協和音の中にマジャール（ハンガリー）民族の民謡とリズムが感じとれる革新的な音楽になっている。
</Details>

<Alert type='note' description='情報量の多いページで、ユーザが重要な情報を見逃さないようにするために使用する。記事全体の概要を簡単に伝えたい場合にも使用できる。' />

<Alert type='tip' description='ユーザが役立つと感じる情報を提供するために使用する。記事の内容をより深く理解するためのヒントやコツなどを提供する。' />

<Alert type='important' description='ユーザが絶対に知っておくべき重要な情報を伝えるために使用する。警告や注意喚起などにも使用できる。' />

<Alert type='warning' description='ユーザが危険な状況を回避するために必要な情報を伝えるために使用する。緊急性の高い警告などにも使用できる。' />

<Tabs defaultValue='tab-1'>
  <TabsList>
    <TabsTrigger value='tab-1'>タブ 1</TabsTrigger>
    <TabsTrigger value='tab-2'>タブ 2</TabsTrigger>
  </TabsList>
  <TabsContent value='tab-1'>
    コンテンツ 1
  </TabsContent>
  <TabsContent value='tab-2'>
    コンテンツ 2
  </TabsContent>
</Tabs>

<Steps>
  <Step>野菜を炒める</Step>

  1. 玉ねぎはみじん切り、じゃがいもは大きめの一口大、人参は乱切りにする
  2. 鍋にサラダ油を熱し、玉ねぎを炒める
  3. 玉ねぎがしんなりしたら、豚肉を加えて炒める
  4. 豚肉に火が通ったら、じゃがいも、人参を加えて炒める

  <Step>煮込む</Step>

  1. 水を加えて、沸騰したらアクを取り除く
  2. 弱火で 20 分ほど煮込み、野菜が柔らかくなったら火を止める

  <Step>ルーを入れる</Step>

  1. カレールーを割り入れて溶かし、弱火で5分ほど煮込む
  2. 塩こしょうで味を調えて完成
</Steps>

<Carousel>
  ![干潮時の厳島神社](/images/tech/2024-03-16/01.jpg)

  ![久住高原](/images/tech/2024-03-16/02.jpg)

  ![桜島からの風景](/images/tech/2024-03-16/03.jpg)
</Carousel>