# 今回のリリース内容

<img width="2400" alt="2024-07-29.png (297.5 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/07/29/2/8e6b33f8-90a9-4a57-86c8-c5aebf2753a0.png">


:@taea: こんにちは、デザイナーの赤塚です。
esa ではカテゴリページにREADMEを置くことができるのですが、その表示の方法を変更してみました。

従来はREADMEが一定より長い場合スクロールさせていたのですが、長い全文を読むのに不便だという多くの感想をいただいており、今回の変更後はクリックすると開閉して全文が表示される形になりました。

YouTube の概要欄が開閉する感じを参考に作ってみました。
長いREADMEを開く時はREADMEの領域全体がクリック可能になっています。逆に広いREADMEを閉じる時は "Show Less" のリンクのみが閉じる動作に対応しています。

<video controls width="480" alt="画面収録 2024-07-29 7.44.28.mov (8.5 MB)" src="https://esa-storage-tokyo.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/105/2024/07/29/2/95629e1d-0dd5-4dc5-bbe0-d03c2b295f5d.mov"></video>

<img width="1124" alt="image.png (239.1 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/07/29/2/7480e9ed-48c6-454b-9261-f48af97d9797.png">

> [!NOTE]
> esaでは `カテゴリ名/README`というタイトルの記事を作ることで、特定のカテゴリにもREADMEを設置することができます。
詳細: [help/記事をカテゴリに分けて整理する> カテゴリに README を設定する](https://docs.esa.io/posts/354#%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%E3%81%AB%20README%20%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B) 

# (\\( ⁰⊖⁰)/) ﾋﾄｺﾄ

:@taea: 簡単にできると思って作業をはじめたのですが、想像してたのの10倍くらい考慮しないといけないことが色々出てきて大変でした。こういうことは多いですね……。@ppworks さんがほとんど実装をやってくれて、ありがとうございました :pray: 

:@ppworks: 「開閉」という文字をずっと見ていると、どちらも同じ文字に見えますね:eyes: YouTubeの概要欄ぽいものを作れて楽しかったです 🙌


---
[ProTip] [Webhookでdocs.esa.ioの更新通知を受け取ることができます](/posts/73) 

Enjoy "(\\( ⁰⊖⁰)/)"
https://esa.io