最終更新: 2024-07-29 14:13
TAEKO AKATSUKA
Ship It!
Updated by taea 2024-07-29 12:32:00 +0900

今回のリリース内容

2024-07-29.png (297.5 kB)

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

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

image.png (239.1 kB)

(\( ⁰⊖⁰)/) ヒトコト

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

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


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

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

# 今回のリリース内容

<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 の概要欄が開閉する感じを参考に作ってみました。

<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">


# (\\( ⁰⊖⁰)/) ヒトコト

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

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


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

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

今回のリリース内容

2024-07-29.png (297.5 kB)

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

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

image.png (239.1 kB)

(\( ⁰⊖⁰)/) ヒトコト

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

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


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

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