hanaaaaaachiru https://blog.hatena.ne.jp/hanaaaaaachiru/ はなちるのマイノート https://www.hanachiru-blog.com/ はじめに なにかしらのコードをはてなブログに載せようしたとき、コードがあまりに長すぎて見にくくなってしまった経験がないでしょうか？ということで、今回は軽くソースコードの折りたたみ方を紹介していきたいと思います。 やり方 <details><summary>コードを表示する</summary> ここに折り畳みたい内容を書き込む </details>コードを表示する ここに折り畳みたい内容を書き込む このような書き方をはてな記法かHTML記法で行います。また、はてな記法の場合ではこのような感じのコードが書けます。 <details><summary>コードを表示する</summary> >|cs|… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.hanachiru-blog.com%2Fentry%2F2019%2F02%2F03%2F182625" title="はてなブログでソースコードを折りたたんで表示してみた - はなちるのマイノート" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-02-03 18:26:25 rich https://www.hanachiru-blog.com/entry/2019/02/03/182625 1.0 100%