スクリプトのお勉強

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

投稿日:

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

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

注釈、とは

この意味の注釈とは

「難しい単語]※1

※1 こういう意味です

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

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

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

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

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

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

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

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

参考

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

-スクリプトのお勉強

執筆者:

関連記事

MySQL for windowsでwordpress DBを再現する

はじめに 本当は、今はやりの生成AIとして、LLM(ローカルAPI)とMySQLのMCP Serverを使用してチャットシステムを作ろうと思ってました。 でも、その前に、そもそもLLMの対象となるMy …

Thunderbird プラグイン WebExtensions版開発方法を調べた

初めに 最近のメールは、中身だけ見てもスパムかどうかわからないぐらい、精巧にできてます。 一方、各プロバイダでは対応ができていることも多いです。例えば、私はメールはOCNなのですが、OCNは&#822 …

Certbot(snap版)の起動が失敗した件

certbotの起動が失敗した 小ネタです。 なぜかSSL証明書が更新されず、Let’s Encrypt Expiry Botからたくさんメールが来るなーと思ったらcertbotの起動が失 …

Webフレームワーク「Django 3.2」を使ってみる

LTSリリースなので、現状でアップデートしてないDjangoプロジェクトをDjango 3.2にしていこうかと思いました。例として、自分のDjango 2.0のプロジェクトをDjango 3.2にしま …

seaborn + Pandas + Python によるグラフ描画(その1: 準備編)

グラフ描画してみよう 今現在の仕事で、グラフ描画する可能性があるので、少し練習してみようと思います。 題材について 突然ですが、私は確定拠出型年金に加入しています。証券会社はSBI証券 にしています。 …

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