monolithで1ページHTMLを作ってみる

Hacker NewsでWebサイトを丸ごと１つのHTMLに変換してしまうという monolith というツールをみつけたので早速つかってみました。非常によくできていました。

インストール

Windowsの場合はwinget対応しているので以下のコマンドだけで使えるようになります。最高ですね。

winget install --id=Y2Z.Monolith -e

使い方

それでは実際につかってみましょう。Twitter(X) のアーカイブを1ファイルにしてみます。

対象となるサイトを用意する

まずはXの設定 -> アカウントから「データのアーカイブをダウンロード」を選択して、アーカイブ依頼を出します。

2,3日すると、アーカイブが完了したという連絡がきてZIPファイルがダウンロードできるようになります。

ZIPファイルを展開したらその中にある「Your archive.html」をブラウザで開くとアーカイブ情報が見られるはずです。
そしたらアドレスバーの内容をコピーして、以下のようなコマンドを実行します。

monolith "file:///D:/twitter-2024-03-21-XXXXX/Your%20archive.html#/" -o monolith.html

が、失敗！ monolithを通すをなにも表示されません。Devtoolで見てみると、jsが読み込みきれてないみたいでした。

READMEを見てみると「Monolith doesn't feature a JavaScript engine」とのことで、DOMを書き出した状態で食べさせる等の工夫が必要みたいでした。憎い。昨今の無駄に凝ったフロントエンドが憎い！

Xのアーカイブでは無理でしたが、自分が昔作っていたWebサイトはきれいに1ファイル化できました。
昔あった.mhtみたいな使い方ができるかもしれないですね。