スクリプトのお勉強

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

投稿日:

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

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

注釈、とは

この意味の注釈とは

「難しい単語]※1

※1 こういう意味です

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

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

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

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

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

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

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

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

参考

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

-スクリプトのお勉強

執筆者:

関連記事

Pythonからsvnしてみる

SVN: レガシーシステムの一つ。。 私の関わってるシステムでは、いまだにsvnレポジトリがあります。pythonで処理する必要性が生じましたが、そういえばどう処理していいもんか、完全に忘れました。 …

Pythonパッケージ管理の歴史

歴史っても、あまり過去に興味がないので、、 Pythonのパッケージ管理の歴史は、常に流動的で、そもそもからして、とてもじゃないがまとめて説明できるようなものではないです。 はっきり言って昔からよく分 …

SNMPTrap を Kafka に転送するツール:snmptrap-kafka-forwarder の紹介

はじめに こんにちは!今回は、ネットワーク監視の世界で古くから使われている SNMPTrap を、モダンなデータ基盤である Apache Kafka に連携するための便利なツール「snmptrap-k …

Nginx AccessLog AI 分析レポート (2026-08-12)

概要 Nginxアクセスログの直近数百行を分析しました。この期間のログからは、多数の検索クローラーや一般ユーザーによる正常なアクセスに加え、WordPressサイトを標的とした自動化された脆弱性スキャ …

React.js の Ant Design使ってみる(DateTimePicker編)

DateTimePickerサンプル DateTimePickerを使うサンプルで、いいのがなかなかないです。Dateだけとか、Timeだけってのはあるのですが。 ということで作ってみようと思いました …

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