スクリプトのお勉強

CSSで注釈を自動ナンバリングする

投稿日:

お仕事で、注釈をつける事がありました。

一瞬で回答できなかったので、ブログネタとして調べてみました。

注釈、とは

この意味の注釈とは

「難しい単語]※1

※1 こういう意味です

で「※1」にリンクが張ってある内容です。

この「1」を自動生成したい

原理上、HTMLを生成しているわけですから、もちろんサーバ側で可能なんですが、、
書いてるのがHTMLなので、ブラウザで自動生成するのが筋です。

なんか負けた気がするんですよね、これをサーバ側で生成するのって。

そしてやってみたのがこれ

ここでやりたいのを書いてみました。

おもったよりは簡単でした。

ただし、実際に適用できるかどうかは微妙ですが。。

参考

  • https://tatepon.com/?p=493
    これそのものは使わなかったものの参考になりました
  • https://dezanari.com/css-counter/
    内容がドンピシャでした。上記のはこれでやってます。

-スクリプトのお勉強

執筆者:

関連記事

Dockerを使用してGo言語の開発環境を構築する

なんとなくGolangのブロジェクトに機能追加しようと思いました。 Golangの開発用に、Dockerfile等を準備する手順を書いておこうと思います。 サンプルにnfpm サンプルとして、Fork …

unconstant – perlライブラリ

ちょっとだけperlの機能修正をしたので、そのときに使用したライブラリについて書こうと思います。 perlのunconstant です。 use constantの解除 use constantとは固 …

FastAPIでAPIを作ってみる(その1)

勉強として、FastAPIを使用して、実際にAPIを作成し、起動しようと思います。目標としては、本番運用用の設定まで行いたいと思います。 FastAPIとは FastAPIとは、Pythonによる、W …

Markdown to HTML(grip)

1.はじめに 最近の文書はほとんどMarkdownで書くのですが、それをHTMLに変換する方法を調べました。 ただし、私がMarkdownと思っている文法は「github-flavored-markd …

svelteをチュートリアルしてみる

年末の休みは、svelteのチュートリアルをしてみました。なんとなくやはりそう?なので。 svelteとは Webアプリのフロントエンド(UI)用フレームワークです。要するにReactみたいなもんです …

    google オプトアウト Click here to opt-out.