# 今回のリリース内容

`<details>`、`<summary>` タグを使うことで記事の一部を折りたためるようになりました。

![May-16-2018 20-30-17.gif (2.4 MB)](https://img.esa.io/uploads/production/attachments/105/2018/05/16/1/bcad4cd9-44f6-49d6-a767-99de71a931ef.gif)


残念ながらIEやEdgeといったブラウザではこの機能はサポートされていないのですが、それ以外のブラウザでは便利に使っていただけるかと思います。

> [&lt;details&gt;: 詳細折りたたみ要素 - HTML | MDN](https://developer.mozilla.org/ja/docs/Web/HTML/Element/details)

## 追記(2021年7月12日)

Chromium ベースのMicrosoft Edgeからは対応しているようです。
https://caniuse.com/details

## 例

<details><summary>今回のリリースの詳細 </summary>

### リリース内容詳細

- details/summary タグはこれまでもご利用可能でしたが、タグの中でMarkdown記法を利用することができませんでした。
- 記述例はこちらをご覧ください: https://docs.esa.io/posts/270.md
- code block記法などもご利用可能です

```ruby
def foo
  puts "(⁰⊖⁰)"
end
```
</details>

# 所感

あっという間に [RubyKaigi 2018](http://rubykaigi.org/2018) が迫ってきました。
今年は3日間参加する予定なので、会場でお会いした際はよろしくお願いします :pray: 

<blockquote class="twitter-tweet" data-lang="en"><p lang="ja" dir="ltr">【お知らせ】esaは仙台開催のRubyKaigi2018 のSilverスポンサーを今年もやります！<br>また、オーガナイザー用の情報共有ツール提供でもRubyKaigiをサポートしています(\( ⁰⊖⁰)/) <a href="https://t.co/0Qw2q0XyrQ">https://t.co/0Qw2q0XyrQ</a> <a href="https://t.co/H2Na8NdIEr">pic.twitter.com/H2Na8NdIEr</a></p>&mdash; esa_io (@esa_io) <a href="https://twitter.com/esa_io/status/994866366997057539?ref_src=twsrc%5Etfw">May 11, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


---
[ProTip] [Webhookでdocs.esa.ioの更新通知を受け取れるようになりました!](/posts/73) 

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