スクリプトのお勉強

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

投稿日:

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

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

注釈、とは

この意味の注釈とは

「難しい単語]※1

※1 こういう意味です

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

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

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

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

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

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

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

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

参考

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

-スクリプトのお勉強

執筆者:

関連記事

使えるチートシート一覧

チートシートとは 普段使うコードとか、よく忘れやすい、コピペするコードを集めた情報です。 自分が使う言語のチートシートを書いておきます。 チートシート集 URL内容https://github.com …

Djangoアプリサンプル – 画像ファイルアップロード + 顔モザイク(統合編)

顔モザイク Djangoアプリ 前々回 前回 を統合して、Djangoアプリを作成してみようと思います。 前提インストール 前回、ubuntu 18を前提に記述しましたが、CentOS7(CentOS …

Pipenvでライブラリ(*.whl)をキャッシュする方法

仕事でWebアプリケーションを作成した場合、ガンガンとライブラリのバージョンを上げたりはしない場合があります。 そして、長期間放置されるタイプのWebアプリケーションの場合、使用しているライブラリが、 …

Githubからお告げ

Githubからお告げが来た お告げってのは大げさですが。 Github にpackage-lock.jsonを置いておくと、Githubが脆弱性検査をして、メールを知らせてくれます。 js-yaml …

Python3でsnmptrapの受送信をしてみる

はじめに 私はなんちゃってプログラマですが、なぜかいまどきsnmptrapの受信プログラムを作ることになりました。 なんだかなと思いますが、、まぁブログネタにいいかなと思い、手元でもやってみることにし …

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