HackerNews

ノート付きのHTMLスライド

HTML Slides with notes

https://nbd.neocities.org/slidepresentation/Slide%20presentation%20about%20slides


この記事では、JavaScriptを用いて簡易的なスライドショーを作成する方法を紹介しています。スライドはHTMLの

タグを使用して作成され、スライドに対応するノートを
に入れることで実現されています。スライド間はキーボードの'j'や'k'で操作でき、'n'を押すことでノートとスライドの切替えが可能です。また、CSSを使ってスライドが画面にフルスクリーンで表示されるように設定しています。コードは22行でコンパクトにまとめられ、対象のスライドが一目でわかる構成となっています。この記事は、シンプルながらも実用的なスライド作成法を紹介しており、実際にノート機能を追加するのが容易であることを示しています。