スクリプトのお勉強

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

投稿日:

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

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

注釈、とは

この意味の注釈とは

「難しい単語]※1

※1 こういう意味です

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

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

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

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

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

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

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

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

参考

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

-スクリプトのお勉強

執筆者:

関連記事

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

前回の続き 前回の続きです。 折れ線グラフ まずは折れ線グラフを描画したいと思います。 描画するのは以下です。 運用商品(4つ)日経平均 以下で起動します。引数(dataset-2017-201908 …

(小ネタ) python3 date_range + step付き

ちょっと前に同じような感じのネタを。。 したような気がするのだが、まぉおいておこう。。 素のPython3で、日付にてfor文を回す方法 日付で分割して処理をしたいと思うときがあります。例えば、202 …

Python(prophet)で体重予測

最近ダイエットしていて、少しだけ成果が出たので、グラフ表示しようと思ってました。そのついでにこれからの予測もしてみようということで、過去のデータを集め、グラフ表示してみます。 google Colab …

Django2.2 でのMySQL5.1対応

「対応」と書きながら、思い切り回避ですが。 マイグレーション時のエラー マイグレーションしたら、以下のエラーになりました。 $ pipenv run python3 manage.py migrate …

Vue.js 導入編

1.はじめに 近年、web関係で「クライアントサイドJavaScript」というのがトレンドになっているそうです。 「クライアントサイドJavaScript」と、従来のWebアプリケーションとの違いは …

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