序章

このたび，私が運営するブログ「ActiveTK's Note」のデザインを新しくしました。執筆方法を純粋なHTMLからMarkDown形式に切り替えた上，フォントをNoto Sans JP及びKlee Oneに変更しました。また，$\LaTeX$による数式の表示に対応やコードのハイライトに対応しました。 $$ i\hbar\frac{\partial}{\partial t}\Psi(\mathbf{r}, t) = \left( -\frac{\hbar^2}{2m} \nabla^2 + V(\mathbf{r}, t) \right) \Psi(\mathbf{r}, t)$$ 以下のコードは，highlight.jsを用いてハイライトを行っています。 ```Rust /*! * Rustによるリュカレーマーテストの実装 */ use rug::{Integer}; use std::io::{stdout, Write}; pub fn lucas_lehmer(p: u32) -> bool { let m: Integer = (Integer::from(1) << p) - 1; let mut s: Integer = Integer::from(4); let timer: Instant = Instant::now(); for n in 2..=p - 1 { /* * Part1: s = s ^ 2 - 2 */ s = Integer::from(&s * &s) - 2; /* * Part2: s = s % &m; */ while s >= m { s = Integer::from(&s >> p) + (s & &m); if s == m { s = Integer::from(0); break; } } } s == 0 } ```

フロントエンド実装について

当ブログでは，高い自由度とカスタマイズ性を追求し，CMSを使用していません。また，当初はCSSのフレームワークとしてbootstrapを使用していましたが，2023年9月頃に近代的で洗礼されたデザインを手軽に実現できるTailwind CSSに変更しました。現時点で，フロントエンドにおいて以下のJavaScriptライブラリを利用しています。

MathJax.js v2.7.7

highlight.js v11.6.0

marked.js

ActiveTK.js

archive-today.blocker.js

バックエンド実装について

バックエンドはPHPで実装し，ブログ記事の管理にはMySQLを用いています。現在のデータベース構造は以下の通りです。 ```SQL CREATE TABLE `noteblog` ( `httppath` varchar(120) DEFAULT NULL, `localpath` varchar(500) DEFAULT NULL, `pagetitle` varchar(200) DEFAULT NULL, `decinfo` varchar(500) DEFAULT NULL, `writer` varchar(20) DEFAULT NULL, `publishtime` varchar(12) DEFAULT NULL, `lastwritetime` varchar(12) DEFAULT NULL, `pvcount` varchar(12) DEFAULT NULL ); ```

最後に

最後までご覧いただき有難うございました。当ブログでは不定期にプログラミングや情報セキュリティ関連の内容を投稿していますので，ぜひ他の記事もご覧ください。

ActiveTK's Noteのデザインを刷新しました！