8月29日に購入したワイルドカード証明書ですが、僕が普段使っている環境では問題がなかったのですが、一部の環境※1では中間証明書がインストールされていないようなので、中間証明書を連結しました。
上記のページの New AlphaSSL / Wildcard Intermediate certificate と AlphaSSL Root CA certificate を intermediate.crt と root.crt という名前で保存して。
$ mv toycode.crt toycode1.crt $ cat toycode1.crt intermediate.crt root.crt > toycode.crt
で連結した証明書ファイルを作成しました。
静的なサイトでも開発中には自動リロードして欲しいこともあるので、自動リロードするスクリプトを書いてみました。
以下のスニペットを HTML 文書の head や body の内側に挿入すると 800ミリ秒ごとにHTML文書を(内部的に読み込んで)変化があったらリロードします。
<script src="https://cdn.rawgit.com/HiroshiOkada/6344f094955f3fc31deeffeec2718ff6/raw/4578f0948fa86cff08302a43aea1d913798ce23f/poor-mans-autoreload.js"></script>
10分間変化がなかったらチェックを停止するようにしました。
使っていた RawGit というサービスが終了するので、gist でなく github page を使うことにしました。上記の代わりに以下を使ってください。
<script src="https://hiroshiokada.github.io/shortcodes/poor-mans-autoreload.js"></script>
お一人様インスタンス https://mastodon.toycode.com を立てて使っていましたが、興味が薄れてきたので止めることにしました。
3年は続けるつもりでしたが、我ながら飽きっぽい性格だけはどうにもなりません。
Google スプレッドシートにタブやカンマ区切りのテキストを貼り付けるると、貼りつけた直後は列が一つになってしまいます。 けれども貼付け後、テキストを列に分割を選択すると、期待したとおりに列に分割されます。
こういうのは知っている人にとっては当たり前なのでしょうが、僕は今日初めて知ったので書いてみました。
個人で所有しているドメイン toycode.com のワイルドカード証明書の期限が近づいてきたので新しい物を購入しました。
最近は Let's Encrypt があるので SSL 証明書を自前でもっているメリットは少なくないのですが、それでもワイルドカード証明書を一つ用意しておくと色々実験したりするのに便利です。
前回は namecheap という所から買いましたが、今回はさらに安く買える所がないか調べてみました。
| プロバイダ | サイトURL | SSLブランド名 | 1年 | 2年 |
|---|---|---|---|---|
| SSL2BUY | https://www.ssl2buy.com/ | AlphaSSL Wildcard | $42.00 | $80.00 |
| Cheap SSLL | https://cheapsslsecurity.com | Comodo PositiveSSL Wildcard | $72.95 | $127.66 |
| namecheap | https://www.namecheap.com | Comodo EssentialSSL Wildcard | $74.88 | $145.76 |
SSL2BUY という所が 2年で $80 (9000円程度) なので、ここで購入することにしました。
なお、日本語で展開しているところは例えば SSLストア だと2年で3万5000円、サイフにやさしいSSL証明書だと 4万4800円 と高いです。
基本的には持っているドメインの admin 等のメールアドレスか、ドメインの whois に登録されているメールアドレスがあれば、 あとはメールと Web サイトの指示に従っていけば良いのですが、CSR と private key は手元で作成する必要があります。
CSR と private key は openssl がインストールされていれば以下のようにして作成することが出来ます。
$ openssl req -new -newkey rsa:2048 -nodes -keyout toycode.key -out toycode.csr Generating a 2048 bit RSA private key ...............................+++ .........................+++ writing new private key to 'toycode.key' ----- You are about to be asked to enter information that will be incorporated into your certificate request. What you are about to enter is what is called a Distinguished Name or a DN. There are quite a few fields but you can leave some blank For some fields there will be a default value, If you enter '.', the field will be left blank. ----- Country Name (2 letter code) [AU]:JP State or Province Name (full name) [Some-State]:Tokyo Locality Name (eg, city) []:Shinjuku Organization Name (eg, company) [Internet Widgits Pty Ltd]:Hiroshi Okada Organizational Unit Name (eg, section) []: Common Name (e.g. server FQDN or YOUR name) []:*.toycode.com Email Address []:okadahiroshi@miobox.jp Please enter the following 'extra' attributes to be sent with your certificate request A challenge password []: An optional company name []:
なお、SSL の証明書は XXXXXXX: Your SSL Certificate for *.toycode.com has been issued のような題名の email で送られてきて、添付ファイルでなく、本文中の末尾に
-----BEGIN CERTIFICATE----- ... 30行以上の文字列... -----END CERTIFICATE-----
というふうに書かれれいるので、この部分をコピペして、例えば toycode.cer みたいなファイルに保管します。
SSL サーバの起動にはこのファイルと先ほど作ったキーファイル (上記の例だと toycode.key) が必要です。
nodejs の有名な Markdown パーサの markdown-it で 出力される html のエレメントタイプごとに class 属性を追加したかたので
というプラグインを書いてみました。
markdown-it の内部構造はよくわかっていないので、他のプラグインのコードを参考に書きましたが、パフォーマンス等は悪いと思います。
$ npm install markdown-it @toycode/markdown-it-class --save-dev
みたいにインストールして
const MarkdownIt = require('markdown-it')
const markdownItClass = require('@toycode/markdown-it-class')
const mdText = '# テスト文書\n## サブタイトル\n今日は良い*天気*です'
const mapping = { h1: ['title', 'is-4'], h2: 'subtitle', em: 'tag' }
const md = MarkdownIt().use(markdownItClass, mapping)
console.log(md.render(mdText))
で
<h1 class="title is-4">テスト文書</h1> <h2 class="subtitle">サブタイトル</h2> <p>今日は良い<em class="tag">天気</em>です</p>
のようにクラスが付加できます。
