Posted on 水 27 11月 2019 in 運用 • Tagged with Web, JavaScript, Webpack, Babel, ブログ
Sentry でたまに，古い OS からのアクセスによるエラーレポートが来る．現状，このブログの JS は let / const 普通に使ってるし， for-of なども使っている．なので，一世代前のブラウザなどを使っていると，そこら辺の機能に対応していなくてエラーになる．試しにこの辺を改善してみると，どうなるかのか観測してみたいなと思って，ちょっとサイト設定をいじってみた．そのメモ．
なお，使った環境は以下のもの:
| babel | 7 … |
Posted on 金 20 9月 2019 in 運用 • Tagged with Debian, iptables, nftables, ファイアウォール
Debian GNU/Linux 10 ，コードネーム buster が安定板リリースを迎え結構経ったので，そろそろアップグレード案件やるかみたいな感じになった．
さて， buster からは iptables に代わり nftables が採用されている．なので， iptables から nftables に移行が推奨されている．で，既存の iptables のルールセットを nftables …
Posted on 木 02 5月 2019 in 運用 • Tagged with ブログ, 監視, JavaScript
クロスプラットフォームのエラー監視を行う Sentry というサービスがある．ブログに試しに導入してみたので，それについて書く．
Sentry は，提供されている SDK を PHP コードや JavaScript コードに埋め込むことで，エラーを Sentry に送り，管理画面から確認できるようにするサービスだ．コードが https://github.com/getsentry …
Posted on 日 28 4月 2019 in 運用 • Tagged with KaTeX, Pelican, ブログ, Python, Node.js, JavaScript
ふと， KaTeX ってサーバサイドレンダリングできないかと思って試してみたら，普通に楽にできそうだったので，ブログでやってみることにした．
特に難しいことはなくて， KaTeX は Node.js 上で動くっぽく，以下のようにすれば HTML を生成できるっぽい:
$ node --eval 'const KaTeX = require("katex"); console.log(KaTeX …Posted on 日 21 4月 2019 in 運用 • Tagged with Pelican, MathML, ブログ, reStructuredText, JavaScript, CSS
以前ブログで数式環境を， MathML と MathJax で導入した．ただ色々敗北したので KaTeX を使うことにした．その備忘録．
正確には， MathML は悪くないんだが，現状の MathML + MathJax 環境は色々辛いものがあった．
Posted on 月 15 4月 2019 in 運用 • Tagged with ブログ, Pelican, JavaScript, CSS
脚注をツールチップで見れるようにしたので，それについて．
reStructuredText では脚注が使える．これは，以下のように書けばいい:
some text[#footnote-ref]_ . .. [#footnote-ref] some footnote content.
こうすると，自動でナンバリングが行われ，それぞれ脚注へのリンクと元の文書へのバックリンクが生成される．分かりづらいがバックリンクは，数字の部分に当てがわれ，それをクリックすることで戻れる．ただ，これをクリックするのがめんどかったので，ツールチップで表示してみることにした …
Posted on 月 15 4月 2019 in 運用 • Tagged with Pelican, ブログ, CSS
ブログの CSS で，幅がはみ出るような要素のスタイルを幾つか修正したので，その対応記録．
うちのブログではタイプライタ体や数式をよく使う．これは僕がプログラミングと数学寄りの記事を良く書くからだけど，ちょっと問題も起きていた．パソコンでの閲覧時はそれほど大きな問題にはならないんだが，スマフォなどの画面幅が短いモバイル端末ではタイプライタ体の文字が画面幅からはみ出て表示されて，閲覧の快適さがあまりなかった (誰から言われたとかではなく，単に僕が見る時不便だと感じていた)．
問題となっていた要素は，以下のもの:
以下の記法で書けるやつ …
Posted on 日 14 4月 2019 in 運用 • Tagged with Pelican, MathML, ブログ, reStructuredText, MathJax, JavaScript
reStructuredText は数式表示に対応している．ただデフォルトのレンダリング表示がいまいちだったので，ちょっといじった．その備忘録．
reStructuredText には math ディレクティブというものが標準で搭載されていて [1] ， TeX の記法を使って以下のように数式が埋め込める:
.. math::
\forall a, b \in \mathbb{N}.\, a \leq …Posted on 水 10 4月 2019 in 運用 • Tagged with SEO, ブログ, Pelican, Google Analytics
sitemap とかを追加してみたので，それの備忘録．
まず Pelican で sitemap を生成させる．これは sitemap プラグインを追加するだけでいい:
1 2 3 4 | PLUGINS = [
...
+ 'sitemap',
]
|
後は SITEMAP に設定を書く．以下の感じのことを書いた:
SITEMAP = {
'format' …Posted on 月 08 4月 2019 in 運用 • Tagged with Pelican, ブログ, Google Analytics, SEO
Google Analytics を導入したので，やったことをまとめた．
既に Analytics のアカウントは持っていたので，そのアカウントのプロパティを追加してトラッキング ID を入手するだけ．以下の手順を行うだけだった: