List of Blog - text.Baldanders.info
tag:text.Baldanders.info,2022-07-15:/tags
2022-07-15T20:45:28+09:00
帰ってきた「しっぽのさきっちょ」
https://text.baldanders.info/images/avatar.jpg
https://text.baldanders.info/images/avatar.jpg
「ブログはやはり『死に続けている』」
tag:text.Baldanders.info,2022-07-15:/remark/2022/07/slow-motion-car-crash/
2022-07-15T11:45:28+00:00
2022-07-15T17:20:25+00:00
今後もネットの背景に徹して緩〜く活動を続けていければな,と思う所存です。
Spiegel
https://baldanders.info/profile/
<p>面白い記事を見つけた。</p>
<ul>
<li><a href="https://mehori.substack.com/p/future-of-blog-medium">Evan WilliamsがMediumトップから退任 - by 堀 正岳 (@mehori)</a></li>
</ul>
<p>私自身のアカウントは随分前から放置プレイ状態だし,今更 Medium に微塵も感傷はないのだけど,後半のブログの話は面白かった。</p>
<p>「ブログは終わった」ちうのは大昔から言われてるよね。
ぶっちゃけ Twitter や Facebook が台頭し始めたゼロ年代半ばには既に言われてたし,そういう意味じゃ「ブログはやはり「死に続けている」」というのはその通りなんだろう。</p>
<p>でもネットから「ブログ」がなくなったようには見えない。</p>
<p>いや,動画って見るのまどろこしいじゃん。
10分のコンテンツを2倍速で見ても5分かかるんだぜ。
それならテキストで要約記事を書いてくれよ! そっちを見るから。</p>
<p>まぁ<a href="https://www.youtube.com/channel/UC0Wu3BlvfP3sjRowskywQyg">STEALTH一光</a>さんや <a href="https://www.youtube.com/channel/UCI3GAvwaZwf1abbeREza8eA">MindaRyn</a> さんのチャネルとかは楽しく見てるけどね。
それぞれの得意な道具を使えばいいぢゃん,とは思う。</p>
<p>ただ</p>
<figure>
<blockquote>ツイッター、TikTok、YouTubeといったようにわかりやすいアプリがあるメディアは注目されますが、ブログにはそういったものはない</blockquote>
<figcaption><div><q><a href="https://mehori.substack.com/p/future-of-blog-medium">Evan WilliamsがMediumトップから退任</a></q>より</div></figcaption>
</figure>
<figure>
<blockquote>YouTubeやTikTokと同じような、それに対抗できる力も意味も、もはやない</blockquote>
<figcaption><div><q><a href="https://mehori.substack.com/p/future-of-blog-medium">Evan WilliamsがMediumトップから退任</a></q>より</div></figcaption>
</figure>
<p>というのはまさに「<a href="https://ja.wikipedia.org/wiki/%E8%B2%A1%E6%B4%A5%E4%B8%80%E9%83%8E">そのとーり!</a>」で,それ故に</p>
<figure>
<blockquote><p>このように、ブログはより背景にとけこみ、その人のネット上のすべての活動を包み込む役割に変化してゆくのでしょう。</p>
<p>ブログはその人が生きてゆき、ネットになにかを残してゆく足跡のようなものになりつつあります。</p>
</blockquote>
<figcaption><div><q><a href="https://mehori.substack.com/p/future-of-blog-medium">Evan WilliamsがMediumトップから退任</a></q>より</div></figcaption>
</figure>
<p>というのはストンと腑に落ちた。</p>
<p>そもそも「ブログ」は “Web-log” なんだし,これって「ブログ」が本来の機能を取り戻してるってことだよね。
Web 2.0 な山師たちの口車に乗っかり,いかにもそこに「宝の山」があるかのように錯覚し,ネットバブルよろしく狂躁に陥った状態からようやく回復した,という感じか。</p>
<p>というわけで,今後もネットの背景に徹して緩〜く活動を続けていければな,と思う所存です。</p>
<p>どっとはらい</p>
<h2>参考図書</h2>
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/483991107X?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/61W4STW632L._SL160_.jpg" width="97" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/483991107X?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">ウェブログ・ハンドブック―ブログの作成と運営に関する実践的なアドバイス</a></dt>
<dd>レベッカ ブラッド (著), Blood,Rebecca (原著), yomoyomo (翻訳)</dd>
<dd>毎日コミュニケーションズ 2003-12-01</dd>
<dd>単行本</dd>
<dd>483991107X (ASIN), 9784839911072 (EAN), 483991107X (ISBN)</dd>
</dl>
<p class="description">すみません。買ってないです。だって目がチカチカするんだもん。つか絶版なのか? 表紙をかえて Kindle で出してくれれば歴史資料として買うのに(笑)</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2022-07-15">2022-07-15</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- ウェブログ・ハンドブック -->
#golang のエラー・ハンドリングについて Zenn 本を書いてしまった
tag:text.Baldanders.info,2020-12-11:/remark/2020/12/error-handling-in-golang/
2020-12-11T11:05:28+00:00
2021-08-12T21:22:05+00:00
これで私も単著持ちだ(違う)
Spiegel
https://baldanders.info/profile/
<p>というわけで <a href="https://zenn.dev/" title="Zenn|エンジニアのための情報共有コミュニティ">Zenn</a> で本を出してみた。</p>
<ul>
<li><a href="https://zenn.dev/spiegel/books/error-handling-in-golang">Go のエラーハンドリング</a></li>
</ul>
<p>これで私も単著持ちだ(違う)</p>
<p>ちなみに <a href="https://creativecommons.org/licenses/by-sa/4.0/" title="Creative Commons — Attribution-ShareAlike 4.0 International — CC BY-SA 4.0">CC BY-SA <span><i class="fab fa-creative-commons"></i> <i class="fab fa-creative-commons-by"></i> <i class="fab fa-creative-commons-sa"></i></span></a> で公開してるので(要求される条件を満たしていれば)自由にパクって構わない。</p>
<p>いや,ちょっとした思いつきだったのよ。</p>
<figure>
<blockquote><q>Go のエラー・ハンドリングについて自ブログで記事にしたのは,もう5年も前だが […] 補足記事を別途書いたりもしているが,起点となるこの記事が古すぎて微妙すぎる。いっそのこと全面改訂するか</q></blockquote>
<figcaption><div><q><a href="https://zenn.dev/spiegel/scraps/1a1ede0f7df6eb#comment-a93126569b925e">Golang のエラー・ハンドリングについて本を書いてしまった(改題)</a></q>より</div></figcaption>
</figure>
<p>それで,実際にこのブログの記事として書き始めたんだけど…</p>
<figure>
<blockquote><q>なんか大作の予感がするよw ちうわけで,方針変更。 Zenn でデジタル本書きます。これなら「全部入り」で書けるだろう</q></blockquote>
<figcaption><div><q><a href="https://zenn.dev/spiegel/scraps/1a1ede0f7df6eb#comment-231f1aee0c1726">Golang のエラー・ハンドリングについて本を書いてしまった(改題)</a></q>より</div></figcaption>
</figure>
<p>というわけで <a href="https://zenn.dev/" title="Zenn|エンジニアのための情報共有コミュニティ">Zenn</a> の Book 形式で書き直したんだけど,ホントに2万字強の大作になっちゃったよ。
誰だよ,ブログ記事で改訂版を書こうとか考えた奴。
オレだよ <code>orz</code></p>
<p>カバー絵はいいのが思い浮かばなかったので,以前に <a href="https://creativecommons.org/publicdomain/zero/1.0/" title="Creative Commons — CC0 1.0 Universal">CC0 <span><i class="fab fa-creative-commons"></i> <i class="fab fa-creative-commons-zero"></i></span></a> で公開していたのを使いまわした。</p>
<ul>
<li><a href="https://github.com/spiegel-im-spiegel/aozora-cover">spiegel-im-spiegel/aozora-cover: Book Cover images for Aozora-bunko</a></li>
</ul>
<p>お金を取れるような文章ではないので無料にしているが寄付(サポート)は歓迎! ご笑覧あれ。</p>
<h2>ブックマーク</h2>
<ul>
<li><a href="https://zenn.dev/spiegel/articles/20200921-unfinished-book">完成しない本</a></li>
</ul>
<h2>参考図書</h2>
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/B099928SJD?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/416Stewy0NS._SL160_.jpg" width="123" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/B099928SJD?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">プログラミング言語Go</a></dt>
<dd>アラン・ドノバン (著), ブライアン・カーニハン (著), 柴田芳樹 (著)</dd>
<dd>丸善出版 2016-06-20 (Release 2021-07-13)</dd>
<dd>Kindle版</dd>
<dd>B099928SJD (ASIN)</dd>
<dd>評価<abbr class="rating fa-sm" title="5"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></abbr></dd>
</dl>
<p class="description">Kindle 版出た! 一部内容が古びてしまったが,この本は Go 言語の教科書と言ってもいいだろう。感想は<a href="https://text.baldanders.info/remark/2016/07/go-programming-language/" >こちら</a>。</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2021-05-22">2021-05-22</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- プログラミング言語Go -->
ブログは spam ではない(多分)
tag:text.Baldanders.info,2020-12-01:/remark/2020/12/blogs-are-not-spams/
2020-12-01T12:00:24+00:00
2020-12-01T12:00:48+00:00
辺境でブログというスローライフ(笑)
Spiegel
https://baldanders.info/profile/
<p>例によって人様の記事</p>
<ul>
<li><a href="https://yamdas.hatenablog.com/entry/20201201/dark-forest-internet">ますます「暗い森」になりつつあるインターネットの中で個人ブログを書くことの意味 - YAMDAS現更新履歴</a></li>
</ul>
<p>からの思考の横滑り。
つか,結局『三体』は最初の10ページ分程度を読んだきりでバーチャル積読状態だな。
漫画やラノベのスタイルに慣れすぎてしまったのか,エンターテインメントは最初の数ページで「つかみはOK!」な状態にならないと先に読み進められなくなってしまった(笑)</p>
<ruby><rb>閑話休題</rb><rp> (</rp><rt>それはさておき</rt><rp>) </rp></ruby>
<p>以前<a href="https://text.baldanders.info/remark/2020/01/born-in-digital/" title="「それ」がデジタル生まれなら「本」である必然性はない">書いた記事</a>で</p>
<figure>
<blockquote><q>次なるフォーマットであるオーディオブックがアメリカで急成長中</q></blockquote>
<figcaption><div><q><a href="https://hon.jp/news/1.0/0/27582/">アメリカの書籍出版産業2020:これまでの10年と、これからの10年について(3)</a></q>より</div></figcaption>
</figure>
<p>と紹介したが,その流れから考えるとポッドキャストはめっさ分かりやすい。
最近は日本のアマゾンさんも Audible 買えって五月蝿いのよ。
買わないってば!</p>
<p>でも「<a href="https://yamdas.hatenablog.com/entry/20201201/dark-forest-internet" title="ますます「暗い森」になりつつあるインターネットの中で個人ブログを書くことの意味 - YAMDAS現更新履歴">なんかみんなウェブサイトでブログやるのを止めて、ニュースレターになってるんですよ</a>」ってのは数年前くらいの日本の話じゃないのか(笑)
結城浩さんとかも当時の流行りに乗って有料メルマガをいくつか出しておられたし。</p>
<p>ネットにおける今のブログの立ち位置は知らない。
「流行ってるか流行ってないか」と言われれば流行ってないんだろうとは思う。
スマホやタブレットが出たらパソコンが売れなくなった,みたいな話の類似でしょ。</p>
<p>つか,そもそもゼロ年代にブログが流行ったという歴史自体がバブル景気並みに「異様」だと思うけど。
はてなだって当時は<a href="https://japan.cnet.com/article/20053530/" title="「日本人にはBlogより日記」、はてなの人気に迫る - CNET Japan">「日本人にはBlogより日記」</a>つってたぢゃん(まぁブログブームが遙か昔の話になってからブログサービスを始めるような<a href="https://text.baldanders.info/remark/2017/06/goodbye-hatena-diary/" title="「さよならはてなダイアリー」 ― 黒 Web 2.0 の終焉">アレな会社</a>だけどw)。
もともとブログは日本人の肌に合わなかったんだよ(笑)</p>
<p>私は今でも「電話」は近代以降で最悪の発明のひとつだと思ってるし「電話」のアナロジーを踏襲するあらゆるメディア・サービスには嫌悪感を禁じ得ないが,それが時代なんだろう。
個人ブログが「電話」にならないことを祈るが, Twitter や Facebook の TL でプッシュしまくってたら同じことかな。
まぁ(どうでも)いいか。</p>
<p>私はせいぜい<ruby><rb>ネットの辺境</rb><rp> (</rp><rt>しっぽのさきっちょ</rt><rp>) </rp></ruby>でスローライフを楽しむとしよう(笑)</p>
<!-- eof -->
ブログのネタをカンバン方式で管理する
tag:text.Baldanders.info,2020-09-22:/remark/2020/09/github-issues-milestones-and-projects/
2020-09-22T10:32:40+00:00
2020-09-22T20:47:46+00:00
これで塩漬け案件が無闇に増えるのを防ぐわけ。このまましばらく運用してみよう。
Spiegel
https://baldanders.info/profile/
<p>ここのブログ記事は,大体は思い付きで書いているのだが,ネタとして溜め込んでいるものもそこそこある。
今まではテキストファイルでフラットに管理していたのだが「そういや <a href="https://github.com/">GitHub</a> って Projects 機能があるぢゃん♡」と気がついた。</p>
<p>そこで溜め込んでるネタを <a href="https://github.com/spiegel-im-spiegel/github-pages-env/projects/1" title="ブログのネタ帳">Projects にいったん吐き出してみる</a>ことにした。
まずはネタを全部 <a href="https://github.com/spiegel-im-spiegel/github-pages-env/issues" title="Issues · spiegel-im-spiegel/github-pages-env">Issues</a> に書き出すところから。
書き出したらそれを <a href="https://github.com/spiegel-im-spiegel/github-pages-env/projects/1" title="ブログのネタ帳">Projects</a> で整理していく。</p>
<p><a href="https://github.com/">GitHub</a> の Projects 機能は,いわゆる「カンバン方式」で <a href="https://github.com/spiegel-im-spiegel/github-pages-env/issues" title="Issues · spiegel-im-spiegel/github-pages-env">Issues</a> を管理できる。
こんな感じ。</p>
<figure style='margin:0 auto;text-align:center;'><a href="https://github.com/spiegel-im-spiegel/github-pages-env/projects/1"><img src="./kanban.png" srcset="./kanban.png 1477w" sizes="(min-width:600px) 500px, 80vw" alt="ブログのネタ帳" loading="lazy"></a><figcaption><div><a href="https://github.com/spiegel-im-spiegel/github-pages-env/projects/1">ブログのネタ帳</a></div></figcaption>
</figure>
<p>とりあえず <a href="https://github.com/spiegel-im-spiegel/github-pages-env/issues" title="Issues · spiegel-im-spiegel/github-pages-env">Issues</a> に上げたものは全部 “Materials” に寄せておいて,その中で着手予定のものを “Issues” へ。
実際に着手を始めたものを “WIP (Work In Progress)” へ移動し,完了したら案件を Close (自動で “Done” に移動) する。</p>
<p>単純工程なこともあり WIP と Done はひと組しかないが,チームでやるシステム開発じゃないんだからこれで必要十分だろう。</p>
<p>ただし <a href="https://github.com/spiegel-im-spiegel/github-pages-env/issues" title="Issues · spiegel-im-spiegel/github-pages-env">Issues</a> も <a href="https://github.com/spiegel-im-spiegel/github-pages-env/projects/1" title="ブログのネタ帳">Projects</a> も期限を管理できないので <a href="https://github.com/spiegel-im-spiegel/github-pages-env/milestones" title="Milestones - spiegel-im-spiegel/github-pages-env">Milestones</a> を設定する。
ここで言う期限はいわゆる「締切」ではない。
文字通りの一里塚。つまり,あるマイルストーンの期限が来たら終了してない案件を次のマイルストーンに回すか止めるか判断するわけだ。</p>
<p>これで塩漬け案件が無闇に増えるのを防げる(筈)。
まぁ,このまましばらく運用してみよう。</p>
<h2>ブックマーク</h2>
<ul>
<li><a href="https://github.com/srggrs/assign-one-project-github-action">srggrs/assign-one-project-github-action: Automatically add an issue or pull request to specific GitHub Project(s) when you create and/or label them.</a></li>
<li><a href="https://text.baldanders.info/remark/2018/12/move-with-trello/">Trello で引っ越し</a></li>
</ul>
<h2>参考図書</h2>
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/B01IGW5IIW?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/51gC8Tmq1kL._SL160_.jpg" width="113" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/B01IGW5IIW?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">リーン開発の現場 カンバンによる大規模プロジェクトの運営</a></dt>
<dd>HenrikKniberg (著), 角谷信太郎 (著), 市谷聡啓 (翻訳), 藤原大 (翻訳)</dd>
<dd>オーム社 2013-10-25 (Release 2017-07-15)</dd>
<dd>Kindle版</dd>
<dd>B01IGW5IIW (ASIN)</dd>
<dd>評価<abbr class="rating fa-sm" title="4"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="far fa-star"></i></abbr></dd>
</dl>
<p class="description">私はこれで勉強しました。もう一回読み直すかな。</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2015-02-17">2015-02-17</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- リーン開発の現場 -->
猫を殺すに猫を以ってせよ
tag:text.Baldanders.info,2019-03-11:/remark/2019/03/no-cat-no-life/
2019-03-11T13:51:41+00:00
2020-05-30T03:12:03+00:00
分かるかな。分っかんねーだろうな(反語)
Spiegel
https://baldanders.info/profile/
<p>まずは2011年3月11日より今だ困難な生活と気持ちを強いられている方々には心よりお見舞いを申し上げます。
三十数年ぶりに日本屈指の過疎県の「原発の町」に<a href="https://text.baldanders.info/remark/2018/12/i-am-a-sunday-programmer/"><ruby><rb>帰郷</rb><rp> (</rp><rt>かえ</rt><rp>) </rp></ruby>ってきた</a>身としては昨年までとはまた違う想いで今日を過ごしている。</p>
<p>それはさておき「<a href="https://yamdas.hatenablog.com/">YAMDAS現更新履歴</a>」でまた<a href="https://yamdas.hatenablog.com/entry/20190311/openweb">私の拙文を紹介していただいた</a>のだが,その記事の後半の<a href="https://news.yahoo.co.jp/byline/hattamasayuki/20190309-00117554/">八田真行さんの記事</a>の引用といい感じにリンクしているのでネタにさせてもらおう。</p>
<p>Facebook や Twitter からこのブログに辿り着いた方は気がついてるかもしれないが,この「<a href="https://text.baldanders.info/remark/">しっぽのさきっちょ</a>」ではアテンション画像に以下の猫の写真を使っている。</p>
<figure style='margin:0 auto;text-align:center;'><a href="https://photo.baldanders.info/flickr/21571254299/"><img src="https://photo.baldanders.info/flickr/image/21571254299_m.jpg" srcset="https://photo.baldanders.info/flickr/image/21571254299_m.jpg 500w" sizes="(min-width:600px) 500px, 80vw" alt="" loading="lazy"></a></figure>
<p>これは<a href="https://text.baldanders.info/remark/2015/gasan-toda-castle-ruins/" title="オトナの社会科見学: 中秋の月山富田城跡">月山に遊びに行った</a>ときに撮った写真のひとつである。
ただのアテンション画像で Facebook や Twitter のリンクからやってきても件の猫写真はページに貼られていなかったりする。</p>
<p>まぁ <a href="https://text.baldanders.info/remark/2017/10/twitter-card-metadata/">OGP や Twitter Cards</a> に対するささやかな皮肉のつもりなのだが,はてなブログのリンクにもこの猫写真が表示され,その下の<a href="https://news.yahoo.co.jp/byline/hattamasayuki/20190309-00117554/">八田真行さんの記事</a>の引用で</p>
<figure>
<blockquote>
<q>一方で私自身は、インターネットが一般大衆のものになった今、細かく管理され、人畜無害で漂白されたものになっていくのは残念だが仕方がないとも思っている。いずれにせよ今後インターネットは、可愛い猫の写真ばかりの安心・安全で無意味なものになっていくのだろう。だとすれば、我々は情報の自由を求めてまたフロンティアを開拓するしかない。</q>
</blockquote>
<figcaption><div><q><a href="https://news.yahoo.co.jp/byline/hattamasayuki/20190309-00117554/">インターネットからスプリンターネットへ(八田真行) - 個人 - Yahoo!ニュース</a></q>より</div></figcaption>
</figure>
<p>と書かれていて,その見事なマッチングに笑ってしまったのだ<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>。</p>
<p>ゼロ年代によく「ブログは引用の束」と言われたが,これは単なるリンクや引用の集まりという意味ではなく,本来の文脈と切り離された「引用」が記事上で別の「文脈」あるいは「行間」を構成してしまう状況を指している。
インターネットを「コンテンツ・デリバリ装置」だと思っている人には分かるかな。
分っかんねーだろうな(反語)</p>
<p>んで,そのときに頭に浮かんだのが「好奇心は猫をも殺す」と「猫を償うに猫をもってせよ」というフレーズだったりする。
というわけで,今回のタイトルの説明でした。</p>
<p>ちなみに「安全」と「安心」を一緒くたに語る人間を(たとえそれが高名なセキュリティ専門家でも)私は信用しないことにしている。</p>
<p>うろ覚えで間違っているかもしれないが「安全」とはリスクで統計や確率を使った量的評価を指すが「安心」というのは(字の示すとおり)心の問題であり実際には何も保証していない。
英語で言うと「セキュリティ劇場(<a href="https://en.wikipedia.org/wiki/Security_theater">security theater</a>)」というやつである。</p>
<p>そうやって「安心」に耽溺している間に猫にでも殺されればいいさ(笑)</p>
<h2>参考図書</h2>
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/4822283100?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/51-pZ52JsUL._SL160_.jpg" width="107" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/4822283100?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">セキュリティはなぜやぶられたのか</a></dt>
<dd>ブルース・シュナイアー (著), 井口 耕二 (翻訳)</dd>
<dd>日経BP 2007-02-15</dd>
<dd>単行本</dd>
<dd>4822283100 (ASIN), 9784822283100 (EAN), 4822283100 (ISBN)</dd>
<dd>評価<abbr class="rating fa-sm" title="5"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></abbr></dd>
</dl>
<p class="description">原書のタイトルが “<a href="https://www.amazon.co.jp/dp/B000PY3NB4?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">Beyond Fear: Thinking Sensibly About Security in an Uncertain World</a>” なのに対して日本語タイトルがどうしようもなくヘボいが中身は名著。とりあえず読んどきなはれ。ゼロ年代当時 9.11 およびその後の米国のセキュリティ政策と深く関連している内容なので,そのへんを加味して読むとよい。</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2019-02-11">2019-02-11</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- セキュリティはなぜやぶられたのか -->
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/4621089188?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/41Cboa6GkmL._SL160_.jpg" width="98" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/4621089188?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">リスク 不確実性の中での意思決定 (サイエンス・パレット)</a></dt>
<dd>Baruch Fischhoff (著), John Kadvany (著), 中谷内 一也 (翻訳)</dd>
<dd>丸善出版 2015-04-26</dd>
<dd>新書</dd>
<dd>4621089188 (ASIN), 9784621089187 (EAN), 4621089188 (ISBN)</dd>
</dl>
<p class="description">リスクおよびリスク・コミュニケーションについて学び直そうと買った本。今読んでるところ。そのうち感想文とか書けるといいな。</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2019-03-11">2019-03-11</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- リスク 不確実性の中での意思決定 -->
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/B07LG7TG5N?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/410QuKHYY3L._SL160_.jpg" width="113" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/B07LG7TG5N?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">FACTFULNESS(ファクトフルネス)10の思い込みを乗り越え、データを基に世界を正しく見る習慣</a></dt>
<dd>ハンス・ロスリング (著), オーラ・ロスリング (著), アンナ・ロスリング・ロンランド (著), 上杉 周作 (翻訳), 関 美和 (翻訳)</dd>
<dd>日経BP 2019-01-11 (Release 2019-01-01)</dd>
<dd>Kindle版</dd>
<dd>B07LG7TG5N (ASIN)</dd>
</dl>
<p class="description">Twitter で見かけて衝動買いした。ちょっとだけ読んで積ん読中。</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2019-03-11">2019-03-11</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- FACTFULNESS -->
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/4560031843?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/31grUdSlFLL._SL160_.jpg" width="113" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/4560031843?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">猫を償うに猫をもってせよ</a></dt>
<dd>小谷野 敦 (著)</dd>
<dd>白水社 2008-06-01</dd>
<dd>単行本</dd>
<dd>4560031843 (ASIN), 9784560031841 (EAN), 4560031843 (ISBN)</dd>
</dl>
<p class="description">読んでません。ゴメンペコン。</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2019-03-11">2019-03-11</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- 猫を償うに猫をもってせよ -->
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>Facebook の TL で見えた展開から考えるに,この部分を引用したのは意図的なものだと思うけど,「猫」で2つの記事が繋がっているとは yomoyomo さんも考えてなかったかもしれない(笑) <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
</ol>
</div>
週末スペシャル: 指先のスローライフ,他
tag:text.Baldanders.info,2019-01-12:/remark/2019/01/12-stories/
2019-01-12T06:09:11+00:00
2022-05-04T05:22:29+00:00
指先のスローライフ / Time Line について語るのは性癖の暴露にしかならない / 嗜癖する SNS / ここってブログなのだろうか
Spiegel
https://baldanders.info/profile/
<p>おおっ。
久しぶりの「週末スペシャル」だな。
今回は主に Facebook の TL に書き散らしたネタを放出する。</p>
<ol>
<li><a href="#slow">指先のスローライフ</a></li>
<li><a href="#tl">Time Line について語るのは性癖の暴露にしかならない</a></li>
<li><a href="#addict">嗜癖する SNS</a></li>
<li><a href="#trackback">ここってブログなのだろうか</a></li>
</ol>
<h2 id="slow">指先のスローライフ</h2>
<p>引っ越してから手書きで文字を書く機会が増えた。</p>
<p>私は子供の頃から悪筆だったが(書道教室に通ったが直らなかった),ソフトウェア業界に入って拍車がかかった。
まぁ,脳みそで考える速度で書こうとする(そして失敗する)から当たり前なのだが<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>。</p>
<p>そこで現在はなるべくゆっくり書くように気をつけていて,おかげで学生時代レベルの悪筆に改善しつつある。
私にとって「ゆっくり書く」ということは「ゆっくり考える」ことと同じで,これぞ「スローライフ」って感じである。</p>
<p>まじでペン字とか習ったほうがいいんじゃないかと思い始めてるが,どうだろう。</p>
<h2 id="tl">Time Line について語るのは性癖の暴露にしかならない</h2>
<ul>
<li><a href="https://blog.tinect.jp/?p=55243">「SNSにつながるのをやめたほうがいいのでは……」という人々について。 | Books&Apps</a></li>
</ul>
<p>これでドラッカーを引くのは適切とは思えないのだが。
それ以前に Twitter を上げて Facebook を下げる意図が分からない。</p>
<p>因みに私は,自身の Twitter TL の7割は(retweet も含めて)絵師さんの tweet で,残りの3割の半分くらいは作家さんやサービス・プロバイダからのプロモーション tweet だ。
これは意図的にそうしていて,かつて Tumblr を利用してた頃の名残でもある。</p>
<p>もっと言うと,私の Facebook TL の半分はメディア・ニュースで,主に(近況のやり取りや戯れ言を書き散らす以外は)情報摂取のために利用している。
これで <a href="https://text.baldanders.info/remark/2017/01/slack/" title="いまさら聞けない Slack の使い方">Slack を使った巡回</a>を組み合わせれば欲しい情報にはだいたい手が届く。
だからユーザの制御の外から差し込まれる広告には本気でムカつくんだよ。</p>
<p>前にもどこかで書いた気がするが「Twitter は〇〇で Facebook は△△」という決めつけには自身の性癖の暴露以上の意味はない。
私達は望んで TL をそのように構成しているのだ。
ましてやその性癖をフィルター・バブルに転嫁する物言いには嘲笑うしかない。
フィルター・バブルは私達が思う以上に巧妙で(市場経済という名の)業深きものである。</p>
<ul>
<li><a href="https://scrapbox.io/spiegel-branch/%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%A9%E3%82%A4%E3%83%B3%E3%81%AE%E5%A5%B4%E9%9A%B7">タイムラインの奴隷 - Spiegel’s Branch</a></li>
</ul>
<h2 id="addict">嗜癖する SNS</h2>
<p>そういえば今朝,こんな記事を見つけた。
記事自体は相関関係と因果関係を意図的に誤用するク◯記事だけど(下品でゴメン)。</p>
<ul>
<li><a href="https://techcrunch.com/2019/01/10/facebook-addiction-research/">Facebookヘビーユーザーはドラッグ中毒者のようにまともな判断ができない | TechCrunch Japan</a></li>
</ul>
<p>人間関係嗜癖は嗜癖問題の最たるもので,別に SNS でなくとも人と人とが交わる場なら,たとえば <a href="https://wirelesswire.jp/2016/11/57893/" title="ネットにしか居場所がないということ(前編) - WirelessWire News">Wikipedia でも見ることができる</a>。</p>
<p>嗜癖(あるいはその典型としての依存症)の何が問題かというと,それによって(往々にして他者を巻き込んで)日常生活が破壊されるからであるが,これは持病というか性格のようなもので,決定的な破綻を招かないよう一生付き合って(向き合って)いくしかない。
そのために必要なのであれば Facebook のような SNS から距離を置くというのも必要な措置かも知れない。</p>
<p>ここでは何度も書いているが,技術で社会は変わらない。
社会を構成し駆動し変えることができるのはあくまでも人間である。
もちろん進化の階梯を機械に明け渡して人類は退場するというのなら話は別だけど(笑)</p>
<p>科学技術や情報技術は社会を変えるための極めて有力な「道具」だとは言えるけど,人の所業を技術や機械に転嫁するのは欺瞞であり怠慢であると私は思う。</p>
<h2 id="trackback">ここってブログなのだろうか</h2>
<ul>
<li><a href="https://note.mu/tokuriki/n/n07b476f8be0e">noteの記事引用通知機能は,初めてのトラックバックの感動を思い出させてくれそう|徳力基彦(tokuriki)|note</a></li>
</ul>
<p>Medium も note もすっかり放置プレイ状態だな,私。
Git でソース管理して CI で deploy とかやり始めると「オン書き」に全く魅力を感じなくなる。</p>
<p>そもそも私がブログでトラックバックを止めたのは不特定からの spam がウザすぎるからで,確かにサービス・プロバイダが管理すれば spam を回避できるんだろうけど,それってサービスに囲い込まれているだけでサービスの外には一歩も出れないということだ。
でも本当にそれはトラックバックと言えるんだろうか。</p>
<p>ブログからトラックバックもコメントも排除するってことは限りなくテキスト・サイトに回帰するってことだよね(笑) やっぱ Disqus 外してテキスト・サイトにしようか。</p>
<h2>参考図書</h2>
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/B07L616SP6?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/41v64QozUhL._SL160_.jpg" width="113" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/B07L616SP6?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">6代目 日ペンの美子ちゃん</a></dt>
<dd>服部 昇大 (著)</dd>
<dd>一迅社 2018-12-12 (Release 2018-12-12)</dd>
<dd>Kindle版</dd>
<dd>B07L616SP6 (ASIN)</dd>
<dd>評価<abbr class="rating fa-sm" title="4"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="far fa-star"></i></abbr></dd>
</dl>
<p class="description">6代目? そんなに代替わりしているのか。何故か個人的には3代目の印象が強い。</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2019-01-12">2019-01-12</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- 6代目 日ペンの美子ちゃん -->
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/4414429145?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/41NXMXRCBVL._SL160_.jpg" width="110" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/4414429145?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">嗜癖する人間関係―親密になるのが怖い</a></dt>
<dd>アン・ウィルソン シェフ (著), Schaef,Anne Wilson (原著), 克子, 高畠 (翻訳)</dd>
<dd>誠信書房 1999-01-01</dd>
<dd>単行本</dd>
<dd>4414429145 (ASIN), 9784414429145 (EAN), 4414429145 (ISBN)</dd>
<dd>評価<abbr class="rating fa-sm" title="4"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="far fa-star"></i></abbr></dd>
</dl>
<p class="description">終盤になると「霊性」という単語が頻出するけど,日本のいわゆる「スピリチュアル」や類似のカルトの言説とは意味が異なるのでご注意を。</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2014-10-30">2014-10-30</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- 嗜癖する人間関係 -->
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>キーボードで入力すればほぼ考える速度で入力できるんだけどねぇ(笑) <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
</ol>
</div>
ちょこっと MathJax: 初期設定
tag:text.Baldanders.info,2017-09-27:/remark/2017/09/getting-started-mathjax-1/
2017-09-27T11:02:09+00:00
2021-09-05T08:45:39+00:00
この記事ではまず Web ページ上で MathJax が動くところまで説明していこう。
Spiegel
https://baldanders.info/profile/
<p>ちょっと思いついたので,これから何回かに分けて <a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> について簡単に紹介していきたいと思う。</p>
<ol>
<li><a href="https://text.baldanders.info/remark/2017/09/getting-started-mathjax-1/">ちょこっと MathJax: 初期設定</a> ← イマココ</li>
<li><a href="https://text.baldanders.info/remark/2017/09/getting-started-mathjax-2/">ちょこっと MathJax: 基本的な数式表現</a></li>
<li><a href="https://text.baldanders.info/remark/2017/10/getting-started-mathjax-3/">ちょこっと MathJax: インライン数式と別行立て数式</a></li>
<li><a href="https://text.baldanders.info/remark/2017/12/mathcomp-in-mathjax/">ちょこっと MathJax 番外編: mathcomp パッケージの代替え</a></li>
</ol>
<p><a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> は Web ブラウザ上で数学論文等でも使える高品質な数式表現を行うための JavaScript パッケージで GitHub にリポジトリがある。</p>
<ul>
<li><a href="https://github.com/mathjax">MathJax リポジトリ</a></li>
</ul>
<p>数式表現として $\mathrm{\TeX}$ 記法<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup> が使えるのが特徴で,たとえば HTML ソースに</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl">エネルギーと質量には \( E=mc^2 \) の関係がある。
</span></span></code></pre></div><p>と書くとブラウザ側では</p>
<div class="box">
エネルギーと質量には \( E=mc^2 \) の関係がある。
</div>
<p>と適切に表示してくれる<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>。</p>
<p>この記事ではまず Web ページ上で <a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> が動くところまでを説明していこう。
数式の書き方については<a href="https://text.baldanders.info/remark/2017/09/getting-started-mathjax-2/" title="ちょこっと MathJax: 基本的な数式表現">次回</a>以降に解説していく予定である。</p>
<h2 id="install"><a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> の組み込み</h2>
<p><a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> は v3 より完全に node.js ベースでの開発になった。
したがってサーバ側に組み込むこともできる。
今回は Web ページごとにクライアント側の JavaScript として組み込む方法を紹介する。</p>
<p>といっても組み込み自体は簡単で <a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> は CDN (Content Delivery Network) で配布されているので HTML の <code><head></code> 要素内に以下の行を追加するだけである。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">script</span> <span class="na">id</span><span class="o">=</span><span class="s">"MathJax-script"</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
</span></span></code></pre></div><p><a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> v3 の特定バージョンを指定するには以下のようにバージョンを明記する。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">script</span> <span class="na">id</span><span class="o">=</span><span class="s">"MathJax-script"</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://cdn.jsdelivr.net/npm/mathjax@3.1.2/es5/tex-mml-chtml.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
</span></span></code></pre></div><p>なお 2020-09-25 時点の最新バージョンは 3.1.2 である。</p>
<p><a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> v3 は,そのままでは IE (Internet Explorer) に対応していない。
ただし IE11 に対応するのであれば,直前に1行足して</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line hl"><span class="cl"><span class="p"><</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://polyfill.io/v3/polyfill.min.js?features=es6"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
</span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">script</span> <span class="na">id</span><span class="o">=</span><span class="s">"MathJax-script"</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
</span></span></code></pre></div><p>などとすればいいらしい。
ちなみに IE11 より前は(Microsoft も <a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> v3 も)既にサポート外なのでご注意を。</p>
<!-- MathJax v3 ではメニューの多言語化はサポートしていないっぽい?
さらにパラメータ部に `locale=ja` を追加すると,数式部分で表示されるコンテキスト・メニューが日本語になる。
<figure style='margin:0 auto;text-align:center;'><a href="https://photo.baldanders.info/flickr/37316621442/"><img src="https://photo.baldanders.info/flickr/image/37316621442_m.png" srcset="https://photo.baldanders.info/flickr/image/37316621442_m.png 500w" sizes="(min-width:600px) 500px, 80vw" alt="MathJax: context menu" loading="lazy"></a><figcaption><div><a href="https://photo.baldanders.info/flickr/37316621442/">MathJax: context menu</a></div></figcaption>
</figure>
ブラボー!
-->
<p>CDN から利用する場合,プロトコルは HTTPS のみで HTTP を明示的に指定しても HTTPS にリダイレクトされるようだ。
最近のブラウザは HTTP と HTTPS が混在するページでは(セキュリティの関係で)上手く表示できない場合があるので注意が必要である。
どうしても HTTP を使いたいなら CDN を使わず自前で環境を用意するほうがいいだろう。</p>
<p>組み込む JavaScript は <code>tex-mml-chtml.js</code> 以外に以下のものがある。</p>
<table>
<thead>
<tr>
<th>JavaScript ファイル</th>
<th>内容</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>tex-chtml.js</code></td>
<td>入力:$\mathrm{\TeX}$ 記法 , 出力: HTML</td>
</tr>
<tr>
<td><code>tex-chtml-full.js</code></td>
<td>入力:$\mathrm{\TeX}$ 記法(フル機能), 出力: HTML</td>
</tr>
<tr>
<td><code>tex-svg.js</code></td>
<td>入力:$\mathrm{\TeX}$ 記法 , 出力: SVG</td>
</tr>
<tr>
<td><code>tex-svg-full.js</code></td>
<td>入力:$\mathrm{\TeX}$ 記法(フル機能), 出力: SVG</td>
</tr>
<tr>
<td><code>tex-mml-chtml.js</code></td>
<td>入力:$\mathrm{\TeX}$ 記法または MathML , 出力: HTML</td>
</tr>
<tr>
<td><code>tex-mml-svg.js</code></td>
<td>入力:$\mathrm{\TeX}$ 記法または MathML , 出力: SVG</td>
</tr>
<tr>
<td><code>mml-chtml.js</code></td>
<td>入力:MathML 記法 , 出力: HTML</td>
</tr>
<tr>
<td><code>mml-svg.js</code></td>
<td>入力:MathML , 出力: SVG</td>
</tr>
</tbody>
</table>
<p>MathML による入力は本記事では割愛する。</p>
<div class="box"><h3>2020-09-25 追記</h3>
<p><a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> を CDN から読み込む際に Chrome や Edge だと上手く行かないらしい。</p>
<ul>
<li><a href="https://atatat.hatenablog.com/entry/tex36_mathjax_err">Texによる数式表現36~MathJax, KaTeXのトラブル - つれづれなる備忘録</a></li>
<li><a href="https://atatat.hatenablog.com/entry/tex37_katex_resolve">Texによる数式表現37~MathJax, KaTeX表示トラブルの要因・解決 - つれづれなる備忘録</a></li>
<li><a href="https://atatat.hatenablog.com/entry/tex38_mathjax_resolve">Texによる数式表現38~MathJaxの表示トラブル解決法 - つれづれなる備忘録</a></li>
</ul>
<p>証明書云々ってこれのことかなぁ。</p>
<ul>
<li><a href="https://news.mynavi.jp/article/20200819-1233144/">9月1日から、398日間を超えるSSL/TLS証明書は信頼性を失うため要注意 | マイナビニュース</a></li>
<li><a href="https://ssl.sakura.ad.jp/column/safari-shortening/">2020年9月よりAppleがSSL証明書の有効期間を13か月に短縮!詳細や対策とは? | さくらのSSL</a></li>
</ul>
<p>でも別に期限切れてないし期間も1年なので問題ないよなぁ。
むしろ <code>cdnjs.cloudflare.com</code> の証明書のほうが(今は問題ないが)将来的にヤバくね? って感じなのだが(笑)</p>
<p>実は自マシンでは既に Chrome を捨てていて(つか Ubuntu では Chrome は既定で入ってない)スマホかタブレットの Chrome で確認するしかないんだけど,そっちは問題なく見れてるんだよなぁ?</p>
<p>対策としては,以下のように <code>cdnjs.cloudflare.com</code> で指定すればいいらしい。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">script</span> <span class="na">id</span><span class="o">=</span><span class="s">"MathJax-script"</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.1.2/es5/tex-mml-chtml.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
</span></span></code></pre></div><p>強いて言えば <code>cdn.jsdelivr.net</code> の証明書を発行しているのが Cloudflare 社の中間 CA ってとこだが,それってブラウザ側の証明書ストアの問題なんじゃ…</p>
<p>まぁとにかく,現象が確認できない以上<a href="https://text.baldanders.info/" title="text.Baldanders.info">本ブログ</a>では対応しないけど,見れない人が頻出するようなら考えます(笑)</p>
</div>
<h2 id="options"><a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> のオプション</h2>
<p><a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> にはいくつかのオプションを設定できる。
オプションの設定には <code><head></code> 要素内に以下のように <code>MathJax</code> インスタンスを作成する(スクリプトの順番に注意)。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line hl"><span class="cl"><span class="p"><</span><span class="nt">script</span><span class="p">></span>
</span></span><span class="line hl"><span class="cl"><span class="nx">MathJax</span> <span class="o">=</span> <span class="p">{</span> <span class="p">...</span> <span class="p">};</span>
</span></span><span class="line hl"><span class="cl"><span class="p"></</span><span class="nt">script</span><span class="p">></span>
</span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">script</span> <span class="na">id</span><span class="o">=</span><span class="s">"MathJax-script"</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
</span></span></code></pre></div><p><code>{ ... }</code> の部分に具体的なオプションを記述していく。
全部を説明するのは大変なので,よく使いそうなものを幾つか紹介しよう。
なお,<a href="#mysetting">最後の節</a>に<a href="https://text.baldanders.info/" title="text.Baldanders.info">本ブログ</a>におけるオプションの設定例を挙げているので,以降の解説がウザい方は丸写しでも OK です(笑)</p>
<p>(次節以降に出てくる「インライン数式」および「別行立て数式」については<a href="https://text.baldanders.info/remark/2017/10/getting-started-mathjax-3/" title="ちょこっと MathJax: インライン数式と別行立て数式">第3回</a>で説明する)</p>
<h3><a href="https://docs.mathjax.org/en/latest/options/input/tex.html" title="TeX Input Processor Options — MathJax 3.0 documentation">TeX Input Processor Options</a></h3>
<p>設定項目と既定値は以下の通り。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="nx">MathJax</span> <span class="o">=</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tex</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">inlineMath</span><span class="o">:</span> <span class="p">[</span> <span class="c1">// start/end delimiter pairs for in-line math
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="p">[</span><span class="s1">'\\('</span><span class="p">,</span> <span class="s1">'\\)'</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">],</span>
</span></span><span class="line"><span class="cl"> <span class="nx">displayMath</span><span class="o">:</span> <span class="p">[</span> <span class="c1">// start/end delimiter pairs for display math
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="p">[</span><span class="s1">'$$'</span><span class="p">,</span> <span class="s1">'$$'</span><span class="p">],</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="s1">'\\['</span><span class="p">,</span> <span class="s1">'\\]'</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">],</span>
</span></span><span class="line"><span class="cl"> <span class="nx">processEscapes</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// use \$ to produce a literal dollar sign
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">processEnvironments</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// process \begin{xxx}...\end{xxx} outside math mode
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">processRefs</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// process \ref{...} outside of math mode
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">digits</span><span class="o">:</span> <span class="sr">/^(?:[0-9]+(?:\{,\}[0-9]{3})*(?:\.[0-9]*)?|\.[0-9]+)/</span><span class="p">,</span>
</span></span><span class="line"><span class="cl"> <span class="c1">// pattern for recognizing numbers
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">tags</span><span class="o">:</span> <span class="s1">'none'</span><span class="p">,</span> <span class="c1">// or 'ams' or 'all'
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">tagSide</span><span class="o">:</span> <span class="s1">'right'</span><span class="p">,</span> <span class="c1">// side for \tag macros
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">tagIndent</span><span class="o">:</span> <span class="s1">'0.8em'</span><span class="p">,</span> <span class="c1">// amount to indent tags
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">useLabelIds</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// use label name rather than tag for ids
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">multlineWidth</span><span class="o">:</span> <span class="s1">'85%'</span><span class="p">,</span> <span class="c1">// width of multline environment
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">maxMacros</span><span class="o">:</span> <span class="mi">1000</span><span class="p">,</span> <span class="c1">// maximum number of macro substitutions per expression
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">maxBuffer</span><span class="o">:</span> <span class="mi">5</span> <span class="o">*</span> <span class="mi">1024</span><span class="p">,</span> <span class="c1">// maximum size for the internal TeX string (5K)
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">baseURL</span><span class="o">:</span> <span class="c1">// URL for use with links to tags (when there is a <base> tag in effect)
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="p">(</span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementsByTagName</span><span class="p">(</span><span class="s1">'base'</span><span class="p">).</span><span class="nx">length</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="o">?</span>
</span></span><span class="line"><span class="cl"> <span class="s1">''</span> <span class="o">:</span> <span class="nb">String</span><span class="p">(</span><span class="nb">document</span><span class="p">.</span><span class="nx">location</span><span class="p">).</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/#.*$/</span><span class="p">,</span> <span class="s1">''</span><span class="p">))</span>
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">};</span>
</span></span></code></pre></div><p><code>inlineMath</code> はインライン数式の開始・終了デリミタを指定する。
複数列挙できる。</p>
<p>$\mathrm{\LaTeX}$ と同じく <code>$...$</code> 記述を有効にしたいのであれば</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="nx">inlineMath</span><span class="o">:</span> <span class="p">[</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="s1">'$'</span><span class="p">,</span> <span class="s1">'$'</span><span class="p">],</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="s1">'\\('</span><span class="p">,</span> <span class="s1">'\\)'</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"><span class="p">],</span>
</span></span></code></pre></div><p>などとする。
これで</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl">エネルギーと質量には $E=mc^2$ の関係がある。
</span></span></code></pre></div><div class="box">
エネルギーと質量には $E=mc^2$ の関係がある。
</div>
<p>と記述できる。</p>
<p><code>processEscapes</code> を <code>true</code> にすると(既定値),上述の数式開始・終了デリミタを <code>\</code> 記号でエスケープする<sup id="fnref:3"><a href="#fn:3" class="footnote-ref" role="doc-noteref">3</a></sup>。
たとえば <code>$</code> 文字を表示する場合には <code>\$</code> と記述すればよい。</p>
<p><code>tags</code> で別行立て数式の採番を制御する。
規定値の <code>"none"</code> では自動採番が無効になっている。
ページ内の全ての別行立て数式に対して自動採番を有効にする場合は <code>"all"</code> をセットする。
<code>"ams"</code> をセットした場合の動作については<a href="https://text.baldanders.info/remark/2017/10/getting-started-mathjax-3/" title="ちょこっと MathJax: インライン数式と別行立て数式">第3回</a>を参照のこと。</p>
<p><code>macros</code> 項目を追加して自作のマクロを組み込むこともできる。
こんな感じ<sup id="fnref:4"><a href="#fn:4" class="footnote-ref" role="doc-noteref">4</a></sup>。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="nx">macros</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">ssqrt</span><span class="o">:</span> <span class="p">[</span><span class="s1">'\\sqrt{\\smash[b]{\\mathstrut #1}}'</span><span class="p">,</span> <span class="mi">1</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span>
</span></span></code></pre></div><p>これで</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl">平方根の高さを揃えるには \mathstrut と \smash コマンドを使って $\ssqrt{g}$ と $\ssqrt{h}$ のように表示できる。
</span></span></code></pre></div><div class="box">
平方根の高さを揃えるには <code>\mathstrut</code> と <code>\smash</code> コマンドを使って $\ssqrt{g}$ と $\ssqrt{h}$ のように表示できる。
</div>
<p>のように使うことができる。</p>
<h3><a href="https://docs.mathjax.org/en/latest/options/output/chtml.html" title="CommonHTML Output Processor Options — MathJax 3.0 documentation">CommonHTML Output Processor Options</a></h3>
<p>設定項目と既定値は以下の通り。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="nx">MathJax</span> <span class="o">=</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">chtml</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">scale</span><span class="o">:</span> <span class="mi">1</span><span class="p">,</span> <span class="c1">// global scaling factor for all expressions
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">minScale</span><span class="o">:</span> <span class="p">.</span><span class="mi">5</span><span class="p">,</span> <span class="c1">// smallest scaling factor to use
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">matchFontHeight</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// true to match ex-height of surrounding font
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">mtextInheritFont</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span> <span class="c1">// true to make mtext elements use surrounding font
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">merrorInheritFont</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// true to make merror text use surrounding font
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">mathmlSpacing</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span> <span class="c1">// true for MathML spacing rules, false for TeX rules
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">skipAttributes</span><span class="o">:</span> <span class="p">{},</span> <span class="c1">// RFDa and other attributes NOT to copy to the output
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">exFactor</span><span class="o">:</span> <span class="p">.</span><span class="mi">5</span><span class="p">,</span> <span class="c1">// default size of ex in em units
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">displayAlign</span><span class="o">:</span> <span class="s1">'center'</span><span class="p">,</span> <span class="c1">// default for indentalign when set to 'auto'
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">displayIndent</span><span class="o">:</span> <span class="s1">'0'</span><span class="p">,</span> <span class="c1">// default for indentshift when set to 'auto'
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">fontURL</span><span class="o">:</span> <span class="s1">'[mathjax]/components/output/chtml/fonts/woff-v2'</span><span class="p">,</span> <span class="c1">// The URL where the fonts are found
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">adaptiveCSS</span><span class="o">:</span> <span class="kc">true</span> <span class="c1">// true means only produce CSS that is used in the processed equations
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">};</span>
</span></span></code></pre></div><p><code>matchFontHeight</code> が <code>true</code> であれば本文の文字の大きさにマッチするよう数式の文字の高さを調節してくれるが,本文が日本語だと却ってバランスが悪いようだ。
したがって <code>false</code> にしておくのがお薦めである。</p>
<!-- MathJax v3 で mtextFontInherit の挙動が変わった? よーわからんので,とりあえずコメントアウトしておく
`mtextFontInherit` は `\text` コマンドで囲まれた文字列の組版規則と書体を指定する。
false なら数式の規則のままだが true であれば数式の周囲の地文(大抵は本文)の組版規則[^rl1]と書体が継承される。
既定値は false。
[^rl1]: 「地文の組版規則」とは要するに HTML/CSS の規則ということだが,`\text` コマンドで囲まれた部分は HTML の要素タグ等(`<code>` タグ等)は使えないようだ。試しにやってみたがエラーになってしまう。
たとえば `mtextFontInherit` を true にして
```html
\begin{alignat*}{2}
(a+b)^2 &= a^2 + 2ab + b^2 & \qquad & \text{展開する} \\
&= a(a + 2b) + b^2 & & \text{a でくくる}
\end{alignat*}
```
と記述した場合は(『[LaTeX2ε美文書作成入門]』より引用)
<div class="box">
\begin{alignat*}{2}
(a+b)^2 &= a^2 + 2ab + b^2 & \qquad & \text{展開する} \\
&= a(a + 2b) + b^2 & & \text{a でくくる}
\end{alignat*}
</div>
と表示される。
「`a でくくる`」の a が数式用の書体でないことに注意。
さらに「`a でくくる`」を「`$a$ でくくる`」とすると
```html
\begin{alignat*}{2}
(a+b)^2 &= a^2 + 2ab + b^2 & \qquad & \text{展開する} \\
&= a(a + 2b) + b^2 & & \text{$a$ でくくる}
\end{alignat*}
```
<div class="box">
\begin{alignat*}{2}
(a+b)^2 &= a^2 + 2ab + b^2 & \qquad & \text{展開する} \\
&= a(a + 2b) + b^2 & & \text{$a$ でくくる}
\end{alignat*}
</div>
と $a$ が数式用の書体になる。
なお,日本語(和文)部分は数式内でも `\text` コマンドの有無に関係なく影響を受けない。
-->
<p><code>displayAlign</code> は別行立て数式の位置を何処に寄せるか指定する。
左寄せ(<code>"left"</code>),右寄せ(<code>"right"</code>),中央寄せ(<code>"center"</code>)を指定できる。
中央寄せ以外のときは <code>displayIndent</code> でインデント幅を指定できる。</p>
<p>たとえば左寄せで2文字分インデントさせた場合は</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="nx">MathJax</span> <span class="o">=</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">chtml</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">displayAlign</span><span class="o">:</span> <span class="s1">'left'</span><span class="p">,</span>
</span></span><span class="line"><span class="cl"> <span class="nx">displayIndent</span><span class="o">:</span> <span class="s1">'2em'</span>
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">};</span>
</span></span></code></pre></div><p>以下のように表示される。</p>
<div class="box">
エネルギーと質量には $$E=mc^2$$ の関係がある。
</div>
<h3><a href="https://docs.mathjax.org/en/latest/options/output/svg.html" title="SVG Output Processor Options — MathJax 3.0 documentation">SVG Output Processor Options</a></h3>
<p>設定項目と既定値は以下の通り。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="nx">MathJax</span> <span class="o">=</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">svg</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">scale</span><span class="o">:</span> <span class="mi">1</span><span class="p">,</span> <span class="c1">// global scaling factor for all expressions
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">minScale</span><span class="o">:</span> <span class="p">.</span><span class="mi">5</span><span class="p">,</span> <span class="c1">// smallest scaling factor to use
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">matchFontHeight</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// true to match ex-height of surrounding font
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">mtextInheritFont</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span> <span class="c1">// true to make mtext elements use surrounding font
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">merrorInheritFont</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// true to make merror text use surrounding font
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">mathmlSpacing</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span> <span class="c1">// true for MathML spacing rules, false for TeX rules
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">skipAttributes</span><span class="o">:</span> <span class="p">{},</span> <span class="c1">// RFDa and other attributes NOT to copy to the output
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">exFactor</span><span class="o">:</span> <span class="p">.</span><span class="mi">5</span><span class="p">,</span> <span class="c1">// default size of ex in em units
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">displayAlign</span><span class="o">:</span> <span class="s1">'center'</span><span class="p">,</span> <span class="c1">// default for indentalign when set to 'auto'
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">displayIndent</span><span class="o">:</span> <span class="s1">'0'</span><span class="p">,</span> <span class="c1">// default for indentshift when set to 'auto'
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">fontCache</span><span class="o">:</span> <span class="s1">'local'</span><span class="p">,</span> <span class="c1">// or 'global' or 'none'
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">localID</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span> <span class="c1">// ID to use for local font cache (for single equation processing)
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">internalSpeechTitles</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="c1">// insert <title> tags with speech content
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">titleID</span><span class="o">:</span> <span class="mi">0</span> <span class="c1">// initial id number to use for aria-labeledby titles
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">};</span>
</span></span></code></pre></div><p>内容については前節とほぼ同じなので割愛する。
なお <code>matchFontHeight</code> 項目については <code>false</code> にしても日本語の文章と上手くマッチしない。
残念。</p>
<h3>機能の拡張</h3>
<p>たとえば <a href="https://docs.mathjax.org/en/latest/input/tex/extensions/physics.html" title="physics — MathJax 3.0 documentation"><code>physics</code></a> 拡張を組み込む場合は以下のように記述する。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="nx">MathJax</span> <span class="o">=</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">loader</span><span class="o">:</span> <span class="p">{</span><span class="nx">load</span><span class="o">:</span> <span class="p">[</span><span class="s1">'[tex]/physics'</span><span class="p">]},</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tex</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">packages</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="s1">'[+]'</span><span class="o">:</span> <span class="p">[</span><span class="s1">'physics'</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">...</span>
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">};</span>
</span></span></code></pre></div><p>組み込み可能な拡張機能については以下のページを参照のこと。</p>
<ul>
<li><a href="https://docs.mathjax.org/en/latest/input/tex/extensions/index.html">The TeX/LaTeX Extension List — MathJax 3.0 documentation</a></li>
</ul>
<p>ただし <a href="https://docs.mathjax.org/en/latest/input/tex/extensions/physics.html" title="physics — MathJax 3.0 documentation"><code>physics</code></a>, <a href="https://docs.mathjax.org/en/latest/input/tex/extensions/colorV2.html" title="colorV2 — MathJax 3.0 documentation"><code>colorV2</code></a> 以外は標準で組み込まれているようで<sup id="fnref:5"><a href="#fn:5" class="footnote-ref" role="doc-noteref">5</a></sup>,たとえば</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl">経済成長と $\ce{CO2}$ 排出量は比例しなくなっている。
</span></span></code></pre></div><div class="box">
経済成長と $\ce{CO2}$ 排出量は比例しなくなっている。
</div>
<p>なんてな感じに書くことができる<sup id="fnref:6"><a href="#fn:6" class="footnote-ref" role="doc-noteref">6</a></sup>。</p>
<h3>Web フォントの指定</h3>
<ul>
<li><a href="https://docs.mathjax.org/en/latest/output/fonts.html">MathJax Font Support — MathJax 3.0 documentation</a></li>
</ul>
<p>今のところ <a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> v3 の CDN では TeX フォントしか対応していない。
将来バージョンで対応するとあるが,フォント群を指定する仕組みだけは用意されているようだ。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="nx">MathJax</span> <span class="o">=</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">chtml</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">fontURL</span><span class="o">:</span> <span class="s1">'[mathjax]/components/output/chtml/fonts/woff-v2'</span> <span class="c1">// The URL where the fonts are found
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">};</span>
</span></span></code></pre></div><p>ただ <a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> v3 で利用可能なフォント群を用意するのは(今のところ)簡単ではなさそうなので「今後に期待」といったところだろうか。</p>
<h2 id="mysetting">このサイトでの設定例</h2>
<p>以上を踏まえて,<a href="https://text.baldanders.info/" title="text.Baldanders.info">本ブログ</a>における <a href="https://www.mathjax.org/" title="MathJax | Beautiful math in all browsers.">MathJax</a> オプションの設定内容を以下に示す。</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">script</span><span class="p">></span>
</span></span><span class="line"><span class="cl"><span class="nx">MathJax</span> <span class="o">=</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tex</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">inlineMath</span><span class="o">:</span> <span class="p">[[</span><span class="s1">'$'</span><span class="p">,</span> <span class="s1">'$'</span><span class="p">],</span> <span class="p">[</span><span class="s1">'\\('</span><span class="p">,</span> <span class="s1">'\\)'</span><span class="p">]],</span>
</span></span><span class="line"><span class="cl"> <span class="nx">processEscapes</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tags</span><span class="o">:</span> <span class="s1">'ams'</span><span class="p">,</span>
</span></span><span class="line"><span class="cl"> <span class="nx">macros</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">ssqrt</span><span class="o">:</span> <span class="p">[</span><span class="s1">'\\sqrt{\\smash[b]{\\mathstrut #1}}'</span><span class="p">,</span> <span class="mi">1</span><span class="p">],</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tcdegree</span><span class="o">:</span> <span class="p">[</span><span class="s1">'\\unicode{xb0}'</span><span class="p">],</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tccelsius</span><span class="o">:</span> <span class="p">[</span><span class="s1">'\\unicode{x2103}'</span><span class="p">],</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tcperthousand</span><span class="o">:</span> <span class="p">[</span><span class="s1">'\\unicode{x2030}'</span><span class="p">],</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tcmu</span><span class="o">:</span> <span class="p">[</span><span class="s1">'\\unicode{x3bc}'</span><span class="p">],</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tcohm</span><span class="o">:</span> <span class="p">[</span><span class="s1">'\\unicode{x3a9}'</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
</span></span><span class="line"><span class="cl"> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="nx">chtml</span><span class="o">:</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nx">matchFontHeight</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
</span></span><span class="line"><span class="cl"> <span class="nx">displayAlign</span><span class="o">:</span> <span class="s2">"left"</span><span class="p">,</span>
</span></span><span class="line"><span class="cl"> <span class="nx">displayIndent</span><span class="o">:</span> <span class="s2">"2em"</span>
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">};</span>
</span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">script</span><span class="p">></span>
</span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">script</span> <span class="na">id</span><span class="o">=</span><span class="s">"MathJax-script"</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">"//cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
</span></span></code></pre></div><p>これでようやく準備が整った。</p>
<h2 id="bookmark">ブックマーク</h2>
<ul>
<li>
<p><a href="https://docs.mathjax.org/en/latest/">MathJax Documentation — MathJax 3.0 documentation</a></p>
</li>
<li>
<p><a href="https://oku.edu.mie-u.ac.jp/~okumura/javascript/mathjax.html">MathJaxによる数式表示</a></p>
</li>
<li>
<p><a href="http://gilbert.ninja-web.net/math/mathjax1.html">MathJaxの使い方</a></p>
<ul>
<li><a href="http://gilbert.ninja-web.net/math/mathjax3.html">MathJaxの使い方〈化学編〉</a></li>
</ul>
</li>
<li>
<p><a href="http://forest.watch.impress.co.jp/docs/news/373370.html">世界標準が期待される数式用フォント「STIX Fonts」 - 窓の杜</a></p>
</li>
<li>
<p><a href="https://text.baldanders.info/release/2019/09/mathjax-v3-is-released/">MathJax v3 がリリースされていた</a></p>
</li>
</ul>
<h2 id="books">参考図書</h2>
<div class="hreview">
<div class="photo"><a href="https://www.amazon.co.jp/dp/4297117126?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1"><img src="https://m.media-amazon.com/images/I/41xmBlTiwlL._SL160_.jpg" width="126" alt="photo"></a></div>
<dl>
<dt class="item"><a class="fn url" href="https://www.amazon.co.jp/dp/4297117126?tag=baldandersinf-22&linkCode=ogi&th=1&psc=1">[改訂第8版]LaTeX2ε美文書作成入門</a></dt>
<dd>奥村晴彦 (著), 黒木裕介 (著)</dd>
<dd>技術評論社 2020-11-14</dd>
<dd>大型本</dd>
<dd>4297117126 (ASIN), 9784297117122 (EAN), 4297117126 (ISBN)</dd>
<dd>評価<abbr class="rating fa-sm" title="5"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></abbr></dd>
</dl>
<p class="description">2020年末に第8版が出てたのに気付かなかったよ。可能なら紙の本も買って常に側に置いておくのが吉。<a href="https://gihyo.jp/book/2020/978-4-297-11712-2">版元</a>には PDF 版もある。</p>
<p class="powered-by">reviewed by <a href='#maker' class='reviewer'>Spiegel</a> on <abbr class="dtreviewed" title="2021-09-05">2021-09-05</abbr> (powered by <a href="https://affiliate.amazon.co.jp/assoc_credentials/home">PA-APIv5</a>)</p>
</div> <!-- LaTeX2ε美文書作成入門 -->
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>厳密には $\mathrm{\TeX}$ 記法ではなく $\mathrm{\LaTeX}$ 記法である。が,ここでは両者を区別することにあまり意味が無いので「$\mathrm{\TeX}$ 記法」で通すことにする。 <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
<li id="fn:2">
<p><code>$E=mc^2$</code> という入力に対して $E=mc^2$ と,各文字間を適切に空けたり詰めたりしてくれるのがお分かりだろうか。このように $\mathrm{\TeX}$ では数式を半自動的かつ適切に「組版」してくれるのが特徴である。ただし万能ではない。 <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
<li id="fn:3">
<p><code>processEscapes</code> オプションを有効にすると <code>\(...\)</code> までエスケープされてただの <code>(...)</code> になってしまうので注意すること。というか <code>processEscapes</code> オプションを有効にするなら <code>\(...\)</code> は使わないほうがいいかも。また <code>processEscapes</code> オプションはパラグラフ <code><p>...</p></code> の中でのみ効いているようだ。 <a href="#fnref:3" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
<li id="fn:4">
<p><code>ssqrt</code> マクロについては<a href="https://text.baldanders.info/remark/2017/10/getting-started-mathjax-3/" title="ちょこっと MathJax: インライン数式と別行立て数式">第3回</a>で紹介している。 <a href="#fnref:4" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
<li id="fn:5">
<p><code>tex-chtml-full.js</code> でフル機能を組み込んだ場合は <a href="https://docs.mathjax.org/en/latest/input/tex/extensions/physics.html" title="physics — MathJax 3.0 documentation"><code>physics</code></a>, <a href="https://docs.mathjax.org/en/latest/input/tex/extensions/colorV2.html" title="colorV2 — MathJax 3.0 documentation"><code>colorV2</code></a> も組み込まれるようだ。 <a href="#fnref:5" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
<li id="fn:6">
<p>「<a href="http://wired.jp/2017/03/29/global-carbon-emissions/" title="経済成長とCO2排出量は「比例しなくなっている」:IEA報告書|WIRED.jp">経済成長とCO2排出量は「比例しなくなっている」:IEA報告書</a>」より。 <a href="#fnref:6" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
</ol>
</div>
「さよならはてなダイアリー」 ― 黒 Web 2.0 の終焉
tag:text.Baldanders.info,2017-06-28:/remark/2017/06/goodbye-hatena-diary/
2017-06-28T13:25:32+00:00
2022-05-04T05:22:29+00:00
今から見れば中二病全開のサービスだったわけ。
Spiegel
https://baldanders.info/profile/
<p>ぶちウケた!</p>
<ul>
<li><a href="http://orangestar.hatenadiary.jp/entry/2017/06/25/213731">さよならはてなダイアリー - orangestarの雑記</a></li>
</ul>
<p>この「日本でほぼ初めてのブログサービス」って強烈な皮肉だな。
おぢさん, “blog" 輸入当時の(ネット限定の)大狂騒を思い出してしまったよ。</p>
<p>ほんでもってこれが登場するわけだ。</p>
<ul>
<li><a href="https://japan.cnet.com/article/20053530/">「日本人にはBlogより日記」、はてなの人気に迫る - CNET Japan</a></li>
</ul>
<p>つまり「はてなダイアリー」は “blog" に対するアンチテーゼだったんですよ,当時は<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>。
今から見れば中二病全開のサービスだったとも言えるけど。
みんな若かったんだねぇ。</p>
<p>まぁそんな「日本における Web 2.0 の黒歴史」の代表とも言える「はてなダイアリー」も7月で<a href="http://d.hatena.ne.jp/hatenadiary/20170605/1496643809" title="はてなダイアリーの新規開設受付を2017年7月3日をもって終了します - はてなダイアリー日記">新規受付終了</a>なんだとか<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>。
あと数年もすれば,きっとなかったことになるんだろうね。
君の机の引き出しにあるポエム・ノートのように(笑)</p>
<p>そして「すべては歴史の闇の中」ですな。</p>
<h2>ブックマーク</h2>
<ul>
<li><a href="http://www.itmedia.co.jp/business/articles/1709/26/news092.html">はてな創業者・近藤会長、代表取締役を退任へ - ITmedia ビジネスオンライン</a></li>
</ul>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>ちなみに米国で一部の大学生を対象に Facebook がサービスを開始したのが翌2004年である。日本の mixi も同じく2004年からサービス開始。これ以降,日本では「日記」は SNS や「プロフ」へ急速に移行していく。「<a href="http://psychodoc.eek.jp/abare/200406a.html#10_t2" title="読冊日記 2004年 6月上旬">ぱど厨</a>」なる言葉が登場したのも2004年頃か。更に Twitter が2006年,Tumblr が2007年にサービスを開始し,ユーザがサービス間を渡り歩いたりするのが当たり前になる。 <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
<li id="fn:2">
<p>はてなブログは継続。しかし,SNS が主流になり「ブログ」が完全に下火なった2013年からようやくブログサービスを始めたはてなは流石としか言いようがない(笑) ちなみに <a href="https://techcrunch.com/2012/04/09/facebook-to-acquire-instagram-for-1-billion/" title="Facebook、Instagramを10億ドルで買収 | TechCrunch Japan">Facebook が Instagram 買収を発表した</a>のはそれより前の2012年である(当時 Android 版のアプリが出たばかりでショックを受けたのを覚えている)。 <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
</ol>
</div>
ブログ機能移転に関する TODO
tag:text.Baldanders.info,2015-09-26:/remark/2015/todo-replace-blog/
2015-09-26T10:36:36+00:00
2019-07-01T13:48:09+00:00
ここでは覚え書きとして移転作業の TODO を挙げておく。
Spiegel
https://baldanders.info/profile/
<p>さて,本家サイトに<a href="https://baldanders.info/blog/000872/">ブログ機能移転の告知</a>を出したぞ。
ここでは覚え書きとして移転作業の TODO を挙げておく。</p>
<ul style="list-style:none;">
<li><input type="checkbox" name="todo" id="todo1" disabled="true" checked="checked"> <a href="https://baldanders.info/blog/">旧ブログ記事</a>からトラックバック情報を削除</li>
<li><input type="checkbox" name="todo" id="todo2" disabled="true" checked="checked"> 10月4日(日)までに本家サイトから <a href="http://www.movabletype.jp/opensource/">MTOS</a> のモジュールを削除</li>
<li><input type="checkbox" name="todo" id="todo3" disabled="true" checked="checked"> <a href="https://ifttt.com/">IFTTT</a> のレシピから<a href="https://baldanders.info/blog/">旧ブログ記事</a>関連のものを削除</li>
<li><input type="checkbox" name="todo" id="todo4" disabled="true" checked="checked"> その後,本家の RSS を <a href="https://text.baldanders.info/index.xml">text.Baldanders.info</a> にリダイレクト</li>
<li><input type="checkbox" name="todo" id="todo5" disabled="true" checked="checked"> 関連 cron (主に DB のバックアップ)の停止</li>
<li><input type="checkbox" name="todo" id="todo4" disabled="true" checked="checked"> 本サイトの「プレ・オープン」表記を外す</li>
</ul>