Unredacter

ピクセル化を墨消し技術として絶対に絶対に絶対に使ってはいけない理由を示します。この仕組みのより詳しい解説は、こちらのブログ記事をご覧ください。

試してみる方法

依存関係をインストールします：

npm install

その後、以下で起動します：

npm start

これだけです。

自分のピクセル化画像を解読する方法

これは少し手動で、まったく効率化されていません。その理由はおわかりいただけると思います。このプロセスをアプリ内でもっと使いやすくしてみたいという方がいれば、大歓迎です。私が何に見えますか？ Electron開発者にでも？ まあとにかく、手順は次のとおりです：

1. 画像をピクセル化された領域だけに切り取ります。余白も他のテキストもなしにします。その画像で secret.png を置き換えてください。GiMPで行うことをお勧めします。

2. ブロックサイズ（各ピクセル化ブロックのサイズそのものです）をメモします。コード内の blockSize をその値に置き換えてください。

3. CSSを正確に調整します。これが最も難しく、最も時間がかかる部分です。それを test.html に入力して、Chromeで表示してみてください。サンプルテキストを可能な限り正確に再現できるまで、微調整してください。特に単語間と文字間のスペースに注意してください。これがずれると、すべてが台無しになります。また、font-weight（フォントの太さ）にも注意してください。そうしないと、文字が薄すぎたり濃すぎたりします。このステップがどれほど重要かは、いくら強調してもしすぎることはありません。なぜなら、全体は墨消しされた文字を正しく再現できるかどうかにかかっているからです。

4. 試したい文字セットを決めます。それは preload.ts の先頭にあります。

5. 実行ボタンを押して、動作するかどうか確認してみましょう！