小径の羽根

【重要】（2023/08/15追記） この記事の情報は古く、かつ、修正の予定がありません 。予めご了承ください。 2022年2月以前の記事に関する詳細は こちら をご覧ください。 本当にちょっとした、「こんなことを知りました」的な記事に、「些細な学び」タグを使用することにします。 今日の学び たまにある、「 基本的には閉じているが、クリックすることで開き、詳細を表示するやつ 」を、記事内で利用できるようになった。 クリックしたら別のURLを開くわけではなく、あくまでも記事内で完結させたい。 これを利用すれば、スクロールの手間も若干省けるし、「この画像は必ずしも見る必要はありません。デフォルトでは閉じておくので、必要に応じて開いてください」的なことができるようになりそう。 Bloggerにデフォルトでそういう機能はないようだが、HTMLでの実装は極めて簡単だった。 実現方法 クリックで詳細を表示 HTMLの <detail> タグで実現できる。 また、 <summary> 〇〇</summary>とすることで、〇〇の部分をクリック前のラベルにできる（上記の「クリックで詳細を表示」にあたる部分）。 こんな感じでHTMLで書けばいい。 <details> <summary>クリックで詳細を表示</summary> <p>HTMLのdetailタグで実現できる。</p> </details> ちなみに、こういうのは「 アコーディオン（メニュー） 」とかいうらしい。 CSSで見た目をいい感じにしたりできるっぽいけど、とりあえずはこれで十分かな。 参考 <details>: 詳細折りたたみ要素 - HTML - HDN

【重要】（2023/08/15追記） この記事の情報は古く、かつ、修正の予定がありません 。予めご了承ください。 2022年2月以前の記事に関する詳細は こちら をご覧ください。 概要 BloggerでLaTeX使えたら嬉しいと思った Javascriptライブラリ、 MathJax を導入した 実際に少し使ってみた 飛ばしてもいい 背景 少し前に、城プロに関する記事を書きました。 城プロREのちょっと強めの敵と対策メモ 記事では、武器種や敵の特徴を比較・列挙しています。 そのときに気づいたのですが、 Bloggerにはデフォルトで表を作成できる機能がありません 。 表を導入できたら、内容の比較もしやすいし、罫線で区切られることで個々の項目も見やすくなるでしょう。 あとついでに数式もいい感じに書けたら、ブログにて数値データがさらに扱いやすくなるわけです。 でもBloggerはここらへんにあまり優しくありません。 （数式に関してはどのブログも同じようなものかもしれませんが） そして、私のような一部理系大学生は考えるわけです。 「 これ、LaTeX使えたら万事解決じゃね？ 」と。 私は論文や報告書を、LaTeXを用いて書いています。 詳細な説明は他の文献に委ねますが、LaTeXでは、 数式を綺麗に書ける 上、 シンプルな表の作成 や、 図のキャプション付与 もまあまあ簡単にできます。 HTMLで表を作成する記法はあるかもしれませんが、 そもそもLaTeXでの数式や表の書き方を知っているわけですから、それが使えるならそれに越したことはないわけです。 というわけで、「 BloggerでLaTeXを使ってみたい方 」の役に立てるよう、 導入方法 と実際に使ってみるとどんな感じになるか、簡単に説明したいと思います。 ブログ初心者たる私にも極めて簡単にできたので、なんとかなると思います。 ※この記事では、 LaTeXでの数式や図表を作成する詳しい記法については、ほぼ取り上げません 。 LaTeX入門みたいなサイトはけっこうあるので、興味を持った方は、各自調べていただければと思います。 LaTeX記法ができるライブラリの導入 Math...